@font-face {
  font-family: "Geometria";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/Geometria-Regular.woff2") format("woff2"), url("../fonts/Geometria-Regular.woff") format("woff");
}
@font-face {
  font-family: "Geometria";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/Geometria-Medium.woff2") format("woff2"), url("../fonts/Geometria-Medium.woff") format("woff");
}
@font-face {
  font-family: "Geometria";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/Geometria-Bold.woff2") format("woff2"), url("../fonts/Geometria-Bold.woff") format("woff");
}
@font-face {
  font-family: "Geometria";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/Geometria-ExtraBold.woff2") format("woff2"), url("../fonts/Geometria-ExtraBold.woff") format("woff");
}
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  background: #fff;
}

body {
  margin: 0;
  background: #e8f1ff;
  color: #10161f;
  font-family: "Geometria", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.is-locked {
  overflow: hidden;
}

.site {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
  background: #e8f1ff;
  overflow-x: clip;
}

h1, h2, h3, p, ul, figure {
  margin: 0;
}

ul {
  padding: 0;
  list-style: none;
}

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

img {
  display: block;
  max-width: none;
}

button, input, select, textarea {
  font: inherit;
  color: inherit;
  margin: 0;
}

button {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  text-align: inherit;
}

s {
  text-decoration: line-through;
}

[hidden] {
  display: none !important;
}

.ct-hp {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

:focus-visible {
  outline: 2px solid #31a6dd;
  outline-offset: 2px;
}

input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: none;
}

.eyebrow {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #1f6feb;
}

.h2 {
  font-size: 36px;
  line-height: 44px;
  font-weight: 800;
  color: #10161f;
}

.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #1f6feb;
  white-space: nowrap;
  transition: color 0.2s;
}
.link-arrow .ico {
  transition: transform 0.2s;
}

a.link-arrow:hover, a:hover .link-arrow {
  color: #1f8fc5;
}
a.link-arrow:hover .ico, a:hover .link-arrow .ico {
  transform: translate(2px, -2px);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 36px;
  padding: 8px 20px;
  border-radius: 8px;
  background: #31a6dd;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  white-space: nowrap;
  transition: background-color 0.2s;
}
.btn:hover {
  background: #1f8fc5;
}
.btn:active {
  background: #1d92c9;
}
.btn--lg {
  height: 44px;
  gap: 12px;
  padding: 12px 32px 12px 24px;
}
.btn--block {
  width: 100%;
  height: 44px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}

.btn--ghost {
  background: none;
  box-shadow: inset 0 0 0 1px #fff;
}
.btn--ghost:hover {
  background: rgba(255, 255, 255, 0.12);
}
.btn--ghost:active {
  background: rgba(255, 255, 255, 0.2);
}

@media (hover: hover) and (pointer: fine) {
  a[data-viber-tip] {
    position: relative;
  }
  a[data-viber-tip]::after {
    content: attr(data-viber-tip);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    transform: translateX(-50%) translateY(4px);
    padding: 6px 10px;
    border-radius: 6px;
    background: #10161f;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.15s, transform 0.15s;
    z-index: 20;
    box-shadow: 0 4px 12px rgba(16, 22, 31, 0.18);
  }
  a[data-viber-tip]:hover::after, a[data-viber-tip]:focus-visible::after {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  .footer a[data-viber-tip]::after {
    background: #fff;
    color: #10161f;
  }
}
.close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #909aa8;
  transition: color 0.2s;
}
.close .ico {
  width: 32px;
  height: 32px;
}
.close:hover {
  color: #10161f;
}
@media (max-width: 1023px) {
  .close {
    width: 24px;
    height: 24px;
  }
  .close .ico {
    width: 24px;
    height: 24px;
  }
}

.ico {
  display: inline-block;
  flex: none;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: var(--i) center/100% 100% no-repeat;
  mask: var(--i) center/100% 100% no-repeat;
}

.ico--menu {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 1 8)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM14 0.666667C14.3682 0.666667 14.6667 0.36819 14.6667 0C14.6667 -0.36819 14.3682 -0.666667 14 -0.666667L14 0L14 0.666667ZM0 0L0 0.666667L14 0.666667L14 0L14 -0.666667L0 -0.666667L0 0Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 1 13)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM14 0.666667C14.3682 0.666667 14.6667 0.36819 14.6667 0C14.6667 -0.36819 14.3682 -0.666667 14 -0.666667L14 0L14 0.666667ZM0 0L0 0.666667L14 0.666667L14 0L14 -0.666667L0 -0.666667L0 0Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 1 3)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM14 0.666667C14.3682 0.666667 14.6667 0.36819 14.6667 0C14.6667 -0.36819 14.3682 -0.666667 14 -0.666667L14 0L14 0.666667ZM0 0L0 0.666667L14 0.666667L14 0L14 -0.666667L0 -0.666667L0 0Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--x {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(0.7071 0.7071 -0.7071 0.7071 2.004 2.002)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM16.9743 0.666667C17.3425 0.666667 17.6409 0.36819 17.6409 0C17.6409 -0.36819 17.3425 -0.666667 16.9743 -0.666667L16.9743 0L16.9743 0.666667ZM0 0L0 0.666667L16.9743 0.666667L16.9743 0L16.9743 -0.666667L0 -0.666667L0 0Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(0.7071 -0.7071 0.7071 0.7071 1.9943 14.002)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM16.9743 0.666667C17.3425 0.666667 17.6409 0.36819 17.6409 0C17.6409 -0.36819 17.3425 -0.666667 16.9743 -0.666667L16.9743 0L16.9743 0.666667ZM0 0L0 0.666667L16.9743 0.666667L16.9743 0L16.9743 -0.666667L0 -0.666667L0 0Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--chev14 {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg transform='matrix(1 0 0 1 3.5 5.25)'%3E%3Cpath d='M0.412479 -0.412479C0.184673 -0.640285 -0.184673 -0.640285 -0.412479 -0.412479C-0.640285 -0.184673 -0.640285 0.184673 -0.412479 0.412479L0 0L0.412479 -0.412479ZM3.5 3.5L3.08752 3.91248C3.31533 4.14028 3.68467 4.14028 3.91248 3.91248L3.5 3.5ZM7.41248 0.412479C7.64028 0.184673 7.64028 -0.184673 7.41248 -0.412479C7.18467 -0.640285 6.81533 -0.640285 6.58752 -0.412479L7 0L7.41248 0.412479ZM0 0L-0.412479 0.412479L3.08752 3.91248L3.5 3.5L3.91248 3.08752L0.412479 -0.412479L0 0ZM3.5 3.5L3.91248 3.91248L7.41248 0.412479L7 0L6.58752 -0.412479L3.08752 3.08752L3.5 3.5Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
  width: 14px;
  height: 14px;
}

.ico--chev16 {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 4 6)'%3E%3Cpath d='M0.471405 -0.471405C0.211055 -0.731754 -0.211055 -0.731754 -0.471405 -0.471405C-0.731754 -0.211055 -0.731754 0.211055 -0.471405 0.471405L0 0L0.471405 -0.471405ZM4 4L3.5286 4.4714C3.78895 4.73175 4.21106 4.73175 4.4714 4.4714L4 4ZM8.47141 0.471405C8.73175 0.211055 8.73175 -0.211055 8.47141 -0.471405C8.21105 -0.731754 7.78895 -0.731754 7.5286 -0.471405L8 0L8.47141 0.471405ZM0 0L-0.471405 0.471405L3.5286 4.4714L4 4L4.4714 3.5286L0.471405 -0.471405L0 0ZM4 4L4.4714 4.4714L8.47141 0.471405L8 0L7.5286 -0.471405L3.5286 3.5286L4 4Z' fill='%235b6675'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--chevf {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg transform='matrix(1 0 0 1 3.5 5.25)'%3E%3Cpath d='M0.412479 -0.412479C0.184673 -0.640285 -0.184673 -0.640285 -0.412479 -0.412479C-0.640285 -0.184673 -0.640285 0.184673 -0.412479 0.412479L0 0L0.412479 -0.412479ZM3.5 3.5L3.08752 3.91248C3.31533 4.14028 3.68467 4.14028 3.91248 3.91248L3.5 3.5ZM7.41248 0.412479C7.64028 0.184673 7.64028 -0.184673 7.41248 -0.412479C7.18467 -0.640285 6.81533 -0.640285 6.58752 -0.412479L7 0L7.41248 0.412479ZM0 0L-0.412479 0.412479L3.08752 3.91248L3.5 3.5L3.91248 3.08752L0.412479 -0.412479L0 0ZM3.5 3.5L3.91248 3.91248L7.41248 0.412479L7 0L6.58752 -0.412479L3.08752 3.08752L3.5 3.5Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
  width: 14px;
  height: 14px;
}

.ico--chevr {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg transform='matrix(-0 -1 1 -0 7.5 15)'%3E%3Cpath d='M0.412479 -0.412479C0.184673 -0.640285 -0.184673 -0.640285 -0.412479 -0.412479C-0.640285 -0.184673 -0.640285 0.184673 -0.412479 0.412479L0 0L0.412479 -0.412479ZM5 5L4.58752 5.41248C4.81533 5.64028 5.18467 5.64028 5.41248 5.41248L5 5ZM10.4125 0.412479C10.6403 0.184673 10.6403 -0.184673 10.4125 -0.412479C10.1847 -0.640285 9.81533 -0.640285 9.58752 -0.412479L10 0L10.4125 0.412479ZM0 0L-0.412479 0.412479L4.58752 5.41248L5 5L5.41248 4.58752L0.412479 -0.412479L0 0ZM5 5L5.41248 5.41248L10.4125 0.412479L10 0L9.58752 -0.412479L4.58752 4.58752L5 5Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
}

.ico--back {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg transform='matrix(-0 -1 1 -0 13 24)'%3E%3Cpath d='M0.707107 -0.707107C0.316583 -1.09763 -0.316583 -1.09763 -0.707107 -0.707107C-1.09763 -0.316583 -1.09763 0.316583 -0.707107 0.707107L0 0L0.707107 -0.707107ZM8 8L7.29289 8.70711C7.68342 9.09763 8.31658 9.09763 8.70711 8.70711L8 8ZM16.7071 0.707107C17.0976 0.316583 17.0976 -0.316583 16.7071 -0.707107C16.3166 -1.09763 15.6834 -1.09763 15.2929 -0.707107L16 0L16.7071 0.707107ZM0 0L-0.707107 0.707107L7.29289 8.70711L8 8L8.70711 7.29289L0.707107 -0.707107L0 0ZM8 8L8.70711 8.70711L16.7071 0.707107L16 0L15.2929 -0.707107L7.29289 7.29289L8 8Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
  width: 32px;
  height: 32px;
}

.ico--phone {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 1.3359 1.334)'%3E%3Cpath d='M7.888 9.712L7.59428 10.3105C7.59941 10.313 7.60457 10.3154 7.60977 10.3178L7.888 9.712ZM8.69667 9.51L8.16677 9.10546L8.16623 9.10617L8.69667 9.51ZM8.93333 9.2L9.46325 9.60456L9.46667 9.6L8.93333 9.2ZM12 13.3333L12 14L12 13.3333ZM0 1.33333L0.666667 1.33333L0 1.33333ZM1.33333 0L1.33333 -0.666667L1.33333 0ZM3.33333 0L3.33333 -0.666667L3.33333 0ZM4.13333 4.4L4.53333 4.93333L4.53333 4.93333L4.13333 4.4ZM3.82133 4.634L3.42132 4.10065L3.41675 4.10414L3.82133 4.634ZM3.62667 5.456L3.02741 5.74814L3.02856 5.75047L3.62667 5.456ZM7.888 9.712L7.60977 10.3178C7.88514 10.4443 8.19538 10.4732 8.48936 10.3998L8.3278 9.75296L8.16623 9.10617L8.16623 9.10617L7.888 9.712ZM8.3278 9.75296L8.48936 10.3998C8.78335 10.3263 9.04355 10.1549 9.2271 9.91383L8.69667 9.51L8.16623 9.10617L8.16623 9.10617L8.3278 9.75296ZM8.69667 9.51L9.22656 9.91454L9.46323 9.60454L8.93333 9.2L8.40344 8.79546L8.16677 9.10546L8.69667 9.51ZM8.93333 9.2L9.46667 9.6C9.52876 9.5172 9.60929 9.45 9.70186 9.40372L9.40372 8.80743L9.10557 8.21115C8.82786 8.35 8.58629 8.55161 8.4 8.8L8.93333 9.2ZM9.40372 8.80743L9.70186 9.40372C9.79443 9.35743 9.8965 9.33333 10 9.33333L10 8.66667L10 8C9.68951 8 9.38328 8.07229 9.10557 8.21115L9.40372 8.80743ZM10 8.66667L10 9.33333L12 9.33333L12 8.66667L12 8L10 8L10 8.66667ZM12 8.66667L12 9.33333C12.1768 9.33333 12.3464 9.40357 12.4714 9.5286L12.9428 9.05719L13.4142 8.58579C13.0391 8.21071 12.5304 8 12 8L12 8.66667ZM12.9428 9.05719L12.4714 9.5286C12.5964 9.65362 12.6667 9.82319 12.6667 10L13.3333 10L14 10C14 9.46957 13.7893 8.96086 13.4142 8.58579L12.9428 9.05719ZM13.3333 10L12.6667 10L12.6667 12L13.3333 12L14 12L14 10L13.3333 10ZM13.3333 12L12.6667 12C12.6667 12.1768 12.5964 12.3464 12.4714 12.4714L12.9428 12.9428L13.4142 13.4142C13.7893 13.0391 14 12.5304 14 12L13.3333 12ZM12.9428 12.9428L12.4714 12.4714C12.3464 12.5964 12.1768 12.6667 12 12.6667L12 13.3333L12 14C12.5304 14 13.0391 13.7893 13.4142 13.4142L12.9428 12.9428ZM12 13.3333L12 12.6667C8.99421 12.6667 6.11154 11.4726 3.98612 9.34721L3.51472 9.81861L3.04331 10.29C5.41878 12.6655 8.64059 14 12 14L12 13.3333ZM3.51472 9.81861L3.98612 9.34721C1.86071 7.2218 0.666667 4.33912 0.666667 1.33333L0 1.33333L-0.666667 1.33333C-0.666667 4.69274 0.667853 7.91456 3.04331 10.29L3.51472 9.81861ZM0 1.33333L0.666667 1.33333C0.666667 1.15652 0.736905 0.986953 0.861929 0.861929L0.390524 0.390524L-0.0808803 -0.0808803C-0.455953 0.294193 -0.666667 0.8029 -0.666667 1.33333L0 1.33333ZM0.390524 0.390524L0.861929 0.861929C0.986953 0.736905 1.15652 0.666667 1.33333 0.666667L1.33333 0L1.33333 -0.666667C0.8029 -0.666667 0.294193 -0.455953 -0.0808803 -0.0808803L0.390524 0.390524ZM1.33333 0L1.33333 0.666667L3.33333 0.666667L3.33333 0L3.33333 -0.666667L1.33333 -0.666667L1.33333 0ZM3.33333 0L3.33333 0.666667C3.51014 0.666667 3.67971 0.736905 3.80474 0.861929L4.27614 0.390524L4.74755 -0.0808803C4.37247 -0.455953 3.86377 -0.666667 3.33333 -0.666667L3.33333 0ZM4.27614 0.390524L3.80474 0.861929C3.92976 0.986953 4 1.15652 4 1.33333L4.66667 1.33333L5.33333 1.33333C5.33333 0.8029 5.12262 0.294192 4.74755 -0.0808803L4.27614 0.390524ZM4.66667 1.33333L4 1.33333L4 3.33333L4.66667 3.33333L5.33333 3.33333L5.33333 1.33333L4.66667 1.33333ZM4.66667 3.33333L4 3.33333C4 3.43683 3.9759 3.53891 3.92962 3.63148L4.5259 3.92962L5.12219 4.22776C5.26104 3.95005 5.33333 3.64382 5.33333 3.33333L4.66667 3.33333ZM4.5259 3.92962L3.92962 3.63148C3.88333 3.72405 3.81613 3.80457 3.73333 3.86667L4.13333 4.4L4.53333 4.93333C4.78173 4.74704 4.98333 4.50547 5.12219 4.22776L4.5259 3.92962ZM4.13333 4.4L3.73333 3.86667L3.42133 4.10067L3.82133 4.634L4.22133 5.16733L4.53333 4.93333L4.13333 4.4ZM3.82133 4.634L3.41675 4.10414C3.17197 4.29104 2.99944 4.55692 2.92847 4.8566L3.57719 5.01023L4.22592 5.16387L4.22592 5.16386L3.82133 4.634ZM3.57719 5.01023L2.92847 4.8566C2.8575 5.15629 2.89246 5.4713 3.02742 5.74814L3.62667 5.456L4.22592 5.16386L4.22592 5.16387L3.57719 5.01023ZM3.62667 5.456L3.02856 5.75047C4.00476 7.73323 5.61029 9.33676 7.59428 10.3105L7.888 9.712L8.18172 9.11353C6.46227 8.26964 5.07081 6.87992 4.22477 5.16153L3.62667 5.456Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--globe {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 1.3359 1.334)'%3E%3Cpath d='M13.3333 6.66667L12.6667 6.66667C12.6667 9.98038 9.98038 12.6667 6.66667 12.6667L6.66667 13.3333L6.66667 14C10.7168 14 14 10.7168 14 6.66667L13.3333 6.66667ZM6.66667 13.3333L6.66667 12.6667C3.35296 12.6667 0.666667 9.98038 0.666667 6.66667L0 6.66667L-0.666667 6.66667C-0.666667 10.7168 2.61658 14 6.66667 14L6.66667 13.3333ZM0 6.66667L0.666667 6.66667C0.666667 3.35296 3.35296 0.666667 6.66667 0.666667L6.66667 0L6.66667 -0.666667C2.61658 -0.666667 -0.666667 2.61658 -0.666667 6.66667L0 6.66667ZM6.66667 0L6.66667 0.666667C9.98038 0.666667 12.6667 3.35296 12.6667 6.66667L13.3333 6.66667L14 6.66667C14 2.61658 10.7168 -0.666667 6.66667 -0.666667L6.66667 0Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 5.3359 1.334)'%3E%3Cpath d='M2.66667 0L3.14943 -0.45977C3.0236 -0.59189 2.84912 -0.666667 2.66667 -0.666667C2.48422 -0.666667 2.30974 -0.59189 2.18391 -0.45977L2.66667 0ZM0 6.66667L-0.666667 6.66667L0 6.66667ZM2.66667 13.3333L2.18391 13.7931C2.30974 13.9252 2.48422 14 2.66667 14C2.84912 14 3.0236 13.9252 3.14943 13.7931L2.66667 13.3333ZM5.33333 6.66667L4.66667 6.66667L5.33333 6.66667ZM2.66667 0L2.18391 -0.45977C0.354006 1.46163 -0.666667 4.01331 -0.666667 6.66667L0 6.66667L0.666667 6.66667C0.666667 4.35568 1.55564 2.13324 3.14943 0.45977L2.66667 0ZM0 6.66667L-0.666667 6.66667C-0.666667 9.32002 0.354006 11.8717 2.18391 13.7931L2.66667 13.3333L3.14943 12.8736C1.55564 11.2001 0.666667 8.97766 0.666667 6.66667L0 6.66667ZM2.66667 13.3333L3.14943 13.7931C4.97933 11.8717 6 9.32002 6 6.66667L5.33333 6.66667L4.66667 6.66667C4.66667 8.97766 3.77769 11.2001 2.18391 12.8736L2.66667 13.3333ZM5.33333 6.66667L6 6.66667C6 4.01331 4.97933 1.46163 3.14943 -0.45977L2.66667 0L2.18391 0.45977C3.77769 2.13324 4.66667 4.35568 4.66667 6.66667L5.33333 6.66667Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 1.3359 8)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM13.3333 0.666667C13.7015 0.666667 14 0.36819 14 0C14 -0.36819 13.7015 -0.666667 13.3333 -0.666667L13.3333 0L13.3333 0.666667ZM0 0L0 0.666667L13.3333 0.666667L13.3333 0L13.3333 -0.666667L0 -0.666667L0 0Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--search {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 10.1074 10.1064)'%3E%3Cpath d='M3.42193 4.36474C3.68228 4.62509 4.10439 4.62509 4.36474 4.36474C4.62509 4.10439 4.62509 3.68228 4.36474 3.42193L3.89333 3.89333L3.42193 4.36474ZM0.471405 -0.471405C0.211055 -0.731754 -0.211055 -0.731754 -0.471405 -0.471405C-0.731754 -0.211055 -0.731754 0.211055 -0.471405 0.471405L0 0L0.471405 -0.471405ZM3.89333 3.89333L4.36474 3.42193L0.471405 -0.471405L0 0L-0.471405 0.471405L3.42193 4.36474L3.89333 3.89333Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 1 1)'%3E%3Cpath d='M10.6667 5.33333L10 5.33333C10 7.91066 7.91066 10 5.33333 10L5.33333 10.6667L5.33333 11.3333C8.64704 11.3333 11.3333 8.64704 11.3333 5.33333L10.6667 5.33333ZM5.33333 10.6667L5.33333 10C2.756 10 0.666667 7.91066 0.666667 5.33333L0 5.33333L-0.666667 5.33333C-0.666667 8.64704 2.01962 11.3333 5.33333 11.3333L5.33333 10.6667ZM0 5.33333L0.666667 5.33333C0.666667 2.756 2.756 0.666667 5.33333 0.666667L5.33333 0L5.33333 -0.666667C2.01962 -0.666667 -0.666667 2.01962 -0.666667 5.33333L0 5.33333ZM5.33333 0L5.33333 0.666667C7.91066 0.666667 10 2.756 10 5.33333L10.6667 5.33333L11.3333 5.33333C11.3333 2.01962 8.64704 -0.666667 5.33333 -0.666667L5.33333 0Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--cart {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 4.6641 13.334)'%3E%3Cpath d='M1.33333 0.666667L0.666667 0.666667L0.666667 1.33333L0.666667 2C1.40305 2 2 1.40305 2 0.666667L1.33333 0.666667ZM0.666667 1.33333L0.666667 0.666667L0 0.666667L-0.666667 0.666667C-0.666667 1.40305 -0.069713 2 0.666667 2L0.666667 1.33333ZM0 0.666667L0.666667 0.666667L0.666667 0L0.666667 -0.666667C-0.069713 -0.666667 -0.666667 -0.069713 -0.666667 0.666667L0 0.666667ZM0.666667 0L0.666667 0.666667L1.33333 0.666667L2 0.666667C2 -0.069713 1.40305 -0.666667 0.666667 -0.666667L0.666667 0Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 12 13.334)'%3E%3Cpath d='M1.33333 0.666667L0.666667 0.666667L0.666667 1.33333L0.666667 2C1.40305 2 2 1.40305 2 0.666667L1.33333 0.666667ZM0.666667 1.33333L0.666667 0.666667L0 0.666667L-0.666667 0.666667C-0.666667 1.40305 -0.069713 2 0.666667 2L0.666667 1.33333ZM0 0.666667L0.666667 0.666667L0.666667 0L0.666667 -0.666667C-0.069713 -0.666667 -0.666667 -0.069713 -0.666667 0.666667L0 0.666667ZM0.666667 0L0.666667 0.666667L1.33333 0.666667L2 0.666667C2 -0.069713 1.40305 -0.666667 0.666667 -0.666667L0.666667 0Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 1.3672 1.3672)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM1.33333 0L1.98522 -0.139614C1.91938 -0.447029 1.64772 -0.666667 1.33333 -0.666667L1.33333 0ZM3.10667 8.28L2.45478 8.41961L2.45483 8.41984L3.10667 8.28ZM4.44 9.33333L4.44 8.66667C4.43506 8.66667 4.43011 8.66672 4.42517 8.66683L4.44 9.33333ZM10.96 9.33333L10.96 10L10.9611 10L10.96 9.33333ZM12.26 8.28667L11.6092 8.14214L11.6089 8.14333L12.26 8.28667ZM13.36 3.33333L14.0108 3.47786C14.0546 3.28047 14.0065 3.07386 13.88 2.91614C13.7535 2.75843 13.5622 2.66667 13.36 2.66667L13.36 3.33333ZM2.04667 2.66667C1.67848 2.66667 1.38 2.96514 1.38 3.33333C1.38 3.70152 1.67848 4 2.04667 4L2.04667 3.33333L2.04667 2.66667ZM0 0L0 0.666667L1.33333 0.666667L1.33333 0L1.33333 -0.666667L0 -0.666667L0 0ZM1.33333 0L0.68145 0.139614L2.45478 8.41961L3.10667 8.28L3.75855 8.14039L1.98522 -0.139614L1.33333 0ZM3.10667 8.28L2.45483 8.41984C2.55241 8.8747 2.8055 9.28131 3.17054 9.56969L3.58381 9.04657L3.99707 8.52345C3.87539 8.42732 3.79103 8.29179 3.7585 8.14017L3.10667 8.28ZM3.58381 9.04657L3.17054 9.56969C3.53558 9.85808 3.98974 10.0102 4.45483 9.99984L4.44 9.33333L4.42517 8.66683C4.27014 8.67028 4.11875 8.61958 3.99707 8.52345L3.58381 9.04657ZM4.44 9.33333L4.44 10L10.96 10L10.96 9.33333L10.96 8.66667L4.44 8.66667L4.44 9.33333ZM10.96 9.33333L10.9611 10C11.4163 9.99926 11.8576 9.84329 12.2121 9.55783L11.794 9.03856L11.3759 8.51928C11.2578 8.61443 11.1107 8.66642 10.9589 8.66667L10.96 9.33333ZM11.794 9.03856L12.2121 9.55783C12.5666 9.27238 12.8132 8.87453 12.9111 8.43L12.26 8.28667L11.6089 8.14333C11.5763 8.29151 11.4941 8.42413 11.3759 8.51928L11.794 9.03856ZM12.26 8.28667L12.9108 8.43119L14.0108 3.47786L13.36 3.33333L12.7092 3.18881L11.6092 8.14214L12.26 8.28667ZM13.36 3.33333L13.36 2.66667L2.04667 2.66667L2.04667 3.33333L2.04667 4L13.36 4L13.36 3.33333Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--burger {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 2.667 3.3335)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM10.6667 0.666667C11.0349 0.666667 11.3333 0.36819 11.3333 0C11.3333 -0.36819 11.0349 -0.666667 10.6667 -0.666667L10.6667 0L10.6667 0.666667ZM0 0L0 0.666667L10.6667 0.666667L10.6667 0L10.6667 -0.666667L0 -0.666667L0 0Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 2.667 8)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM10.6667 0.666667C11.0349 0.666667 11.3333 0.36819 11.3333 0C11.3333 -0.36819 11.0349 -0.666667 10.6667 -0.666667L10.6667 0L10.6667 0.666667ZM0 0L0 0.666667L10.6667 0.666667L10.6667 0L10.6667 -0.666667L0 -0.666667L0 0Z' fill='%23ffffff'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 2.667 12.6665)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM10.6667 0.666667C11.0349 0.666667 11.3333 0.36819 11.3333 0C11.3333 -0.36819 11.0349 -0.666667 10.6667 -0.666667L10.6667 0L10.6667 0.666667ZM0 0L0 0.666667L10.6667 0.666667L10.6667 0L10.6667 -0.666667L0 -0.666667L0 0Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--arrow {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 4.666 4.6665)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM6.66667 0L7.33333 0C7.33333 -0.36819 7.03486 -0.666667 6.66667 -0.666667L6.66667 0ZM6 6.66667C6 7.03486 6.29848 7.33333 6.66667 7.33333C7.03486 7.33333 7.33333 7.03486 7.33333 6.66667L6.66667 6.66667L6 6.66667ZM0 0L0 0.666667L6.66667 0.666667L6.66667 0L6.66667 -0.666667L0 -0.666667L0 0ZM6.66667 0L6 0L6 6.66667L6.66667 6.66667L7.33333 6.66667L7.33333 0L6.66667 0Z' fill='%2331a6dd'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 4.666 4.6665)'%3E%3Cpath d='M-0.471405 6.19526C-0.731754 6.45561 -0.731754 6.87772 -0.471405 7.13807C-0.211055 7.39842 0.211055 7.39842 0.471405 7.13807L0 6.66667L-0.471405 6.19526ZM7.13807 0.471405C7.39842 0.211055 7.39842 -0.211055 7.13807 -0.471405C6.87772 -0.731754 6.45561 -0.731754 6.19526 -0.471405L6.66667 0L7.13807 0.471405ZM0 6.66667L0.471405 7.13807L7.13807 0.471405L6.66667 0L6.19526 -0.471405L-0.471405 6.19526L0 6.66667Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--check {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 2.666 4)'%3E%3Cpath d='M11.1381 0.471405C11.3984 0.211055 11.3984 -0.211055 11.1381 -0.471405C10.8777 -0.731754 10.4556 -0.731754 10.1953 -0.471405L10.6667 0L11.1381 0.471405ZM3.33333 7.33333L2.86193 7.80474C3.12228 8.06509 3.54439 8.06509 3.80474 7.80474L3.33333 7.33333ZM0.471405 3.5286C0.211055 3.26825 -0.211055 3.26825 -0.471405 3.5286C-0.731754 3.78895 -0.731754 4.21106 -0.471405 4.4714L0 4L0.471405 3.5286ZM10.6667 0L10.1953 -0.471405L2.86193 6.86193L3.33333 7.33333L3.80474 7.80474L11.1381 0.471405L10.6667 0ZM3.33333 7.33333L3.80474 6.86193L0.471405 3.5286L0 4L-0.471405 4.4714L2.86193 7.80474L3.33333 7.33333Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--pin {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 2.666 1.3335)'%3E%3Cpath d='M10.6667 5.33333L11.3333 5.33333L10.6667 5.33333ZM5.734 13.1993L6.13467 13.7322C6.14666 13.7232 6.15834 13.7137 6.16969 13.7039L5.734 13.1993ZM5.33333 13.3332L5.33333 13.9998L5.33333 13.3332ZM4.93267 13.1993L4.49698 13.7039C4.50833 13.7137 4.52001 13.7232 4.532 13.7322L4.93267 13.1993ZM5.33333 0L5.33333 -0.666667L5.33333 0ZM10.6667 5.33333L10 5.33333C10 6.77288 9.18888 8.32444 8.13484 9.70932C7.09625 11.0739 5.90152 12.1739 5.29831 12.6947L5.734 13.1993L6.16969 13.7039C6.80648 13.1541 8.07808 11.9854 9.19583 10.5168C10.2981 9.06856 11.3333 7.22246 11.3333 5.33333L10.6667 5.33333ZM5.734 13.1993L5.33333 12.6665L5.33333 12.6665L5.33333 13.3332L5.33333 13.9998C5.6224 13.9998 5.90363 13.9059 6.13467 13.7322L5.734 13.1993ZM5.33333 13.3332L5.33333 12.6665L5.33333 12.6665L4.93267 13.1993L4.532 13.7322C4.76304 13.9059 5.04427 13.9998 5.33333 13.9998L5.33333 13.3332ZM4.93267 13.1993L5.36836 12.6947C4.76515 12.1739 3.57042 11.0739 2.53183 9.70932C1.47778 8.32444 0.666667 6.77288 0.666667 5.33333L0 5.33333L-0.666667 5.33333C-0.666667 7.22246 0.368549 9.06856 1.47084 10.5168C2.58858 11.9854 3.86019 13.1541 4.49698 13.7039L4.93267 13.1993ZM0 5.33333L0.666667 5.33333C0.666667 4.09566 1.15833 2.90867 2.0335 2.0335L1.5621 1.5621L1.09069 1.09069C-0.0345255 2.21591 -0.666667 3.74203 -0.666667 5.33333L0 5.33333ZM1.5621 1.5621L2.0335 2.0335C2.90867 1.15833 4.09566 0.666667 5.33333 0.666667L5.33333 0L5.33333 -0.666667C3.74203 -0.666667 2.21591 -0.0345255 1.09069 1.09069L1.5621 1.5621ZM5.33333 0L5.33333 0.666667C6.57101 0.666667 7.758 1.15833 8.63317 2.0335L9.10457 1.5621L9.57597 1.09069C8.45076 -0.0345255 6.92463 -0.666667 5.33333 -0.666667L5.33333 0ZM9.10457 1.5621L8.63317 2.0335C9.50834 2.90867 10 4.09566 10 5.33333L10.6667 5.33333L11.3333 5.33333C11.3333 3.74203 10.7012 2.21591 9.57597 1.09069L9.10457 1.5621Z' fill='%235b6675'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 6 4.6667)'%3E%3Cpath d='M4 2L3.33333 2C3.33333 2.73638 2.73638 3.33333 2 3.33333L2 4L2 4.66667C3.47276 4.66667 4.66667 3.47276 4.66667 2L4 2ZM2 4L2 3.33333C1.26362 3.33333 0.666667 2.73638 0.666667 2L0 2L-0.666667 2C-0.666667 3.47276 0.527241 4.66667 2 4.66667L2 4ZM0 2L0.666667 2C0.666667 1.26362 1.26362 0.666667 2 0.666667L2 0L2 -0.666667C0.527241 -0.666667 -0.666667 0.527241 -0.666667 2L0 2ZM2 0L2 0.666667C2.73638 0.666667 3.33333 1.26362 3.33333 2L4 2L4.66667 2C4.66667 0.527241 3.47276 -0.666667 2 -0.666667L2 0Z' fill='%235b6675'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--plus {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 3.334 8)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM9.33333 0.666667C9.70152 0.666667 10 0.36819 10 0C10 -0.36819 9.70152 -0.666667 9.33333 -0.666667L9.33333 0L9.33333 0.666667ZM0 0L0 0.666667L9.33333 0.666667L9.33333 0L9.33333 -0.666667L0 -0.666667L0 0Z' fill='%2331a6dd'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 8 3.333)'%3E%3Cpath d='M0.666667 0C0.666667 -0.36819 0.36819 -0.666667 0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0L0 0L0.666667 0ZM-0.666667 9.33333C-0.666667 9.70152 -0.36819 10 0 10C0.36819 10 0.666667 9.70152 0.666667 9.33333L0 9.33333L-0.666667 9.33333ZM0 0L-0.666667 0L-0.666667 9.33333L0 9.33333L0.666667 9.33333L0.666667 0L0 0Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--minus {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 3.334 8)'%3E%3Cpath d='M0 -0.666667C-0.36819 -0.666667 -0.666667 -0.36819 -0.666667 0C-0.666667 0.36819 -0.36819 0.666667 0 0.666667L0 0L0 -0.666667ZM9.33333 0.666667C9.70152 0.666667 10 0.36819 10 0C10 -0.36819 9.70152 -0.666667 9.33333 -0.666667L9.33333 0L9.33333 0.666667ZM0 0L0 0.666667L9.33333 0.666667L9.33333 0L9.33333 -0.666667L0 -0.666667L0 0Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--slide {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg transform='matrix(-0 -1 1 -0 4 11)'%3E%3Cpath d='M0.412479 -0.412479C0.184673 -0.640285 -0.184673 -0.640285 -0.412479 -0.412479C-0.640285 -0.184673 -0.640285 0.184673 -0.412479 0.412479L0 0L0.412479 -0.412479ZM5 5L4.58752 5.41248C4.81533 5.64028 5.18467 5.64028 5.41248 5.41248L5 5ZM10.4125 0.412479C10.6403 0.184673 10.6403 -0.184673 10.4125 -0.412479C10.1847 -0.640285 9.81533 -0.640285 9.58752 -0.412479L10 0L10.4125 0.412479ZM0 0L-0.412479 0.412479L4.58752 5.41248L5 5L5.41248 4.58752L0.412479 -0.412479L0 0ZM5 5L5.41248 5.41248L10.4125 0.412479L10 0L9.58752 -0.412479L4.58752 4.58752L5 5Z' fill='%235b6675'/%3E%3C/g%3E%3C/svg%3E");
  width: 12px;
  height: 12px;
}

.ico--close {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg transform='matrix(1 0 0 1 4.6523 4.6523)'%3E%3Cpath d='M21.672 0.000279113C21.4079 0.00651584 21.157 0.116986 20.9741 0.307571L11.3478 9.93387L1.72151 0.307571C1.6283 0.21158 1.51677 0.135269 1.39354 0.0831569C1.2703 0.0310447 1.13786 0.0041907 1.00406 0.00418536C0.805047 0.00423392 0.610573 0.0636574 0.44552 0.174853C0.280468 0.286048 0.152343 0.443958 0.07754 0.62838C0.00273676 0.812801 -0.0153431 1.01535 0.025613 1.2101C0.0665692 1.40486 0.164699 1.58296 0.307447 1.72163L9.93375 11.3479L0.307447 20.9742C0.211476 21.0664 0.134855 21.1768 0.0820718 21.2989C0.0292886 21.421 0.00140435 21.5524 5.16927e-05 21.6855C-0.00130096 21.8185 0.0239054 21.9505 0.0741945 22.0737C0.124484 22.1968 0.198845 22.3087 0.292923 22.4028C0.387001 22.4969 0.498904 22.5713 0.62208 22.6216C0.745256 22.6718 0.877228 22.6971 1.01027 22.6957C1.14331 22.6943 1.27474 22.6665 1.39687 22.6137C1.519 22.5609 1.62936 22.4843 1.72151 22.3883L11.3478 12.762L20.9741 22.3883C21.0663 22.4843 21.1766 22.5609 21.2988 22.6137C21.4209 22.6665 21.5523 22.6943 21.6854 22.6957C21.8184 22.697 21.9504 22.6718 22.0735 22.6216C22.1967 22.5713 22.3086 22.4969 22.4027 22.4028C22.4968 22.3087 22.5711 22.1968 22.6214 22.0737C22.6717 21.9505 22.6969 21.8185 22.6956 21.6855C22.6942 21.5524 22.6663 21.421 22.6136 21.2989C22.5608 21.1768 22.4841 21.0664 22.3882 20.9742L12.7619 11.3479L22.3882 1.72163C22.5336 1.58206 22.6334 1.40181 22.6746 1.2045C22.7158 1.00719 22.6965 0.802041 22.619 0.615942C22.5416 0.429844 22.4098 0.271482 22.2408 0.161619C22.0718 0.051756 21.8735 -0.00448165 21.672 0.000279113Z' fill-rule='nonzero' fill='%23909aa8'/%3E%3C/g%3E%3C/svg%3E");
  width: 32px;
  height: 32px;
}

.ico--close20 {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg transform='matrix(1 0 0 1 2.9077 2.9077)'%3E%3Cpath d='M13.545 0.000174446C13.38 0.0040724 13.2231 0.0731164 13.1088 0.192232L7.09238 6.20867L1.07594 0.192232C1.01769 0.132237 0.947983 0.0845432 0.870961 0.0519731C0.793939 0.0194029 0.711164 0.00261919 0.627539 0.00261585C0.503155 0.0026462 0.381608 0.0397859 0.27845 0.109283C0.175292 0.17878 0.0952145 0.277474 0.0484625 0.392737C0.00171048 0.508 -0.00958946 0.634591 0.0160081 0.756313C0.0416057 0.878035 0.102937 0.989351 0.192155 1.07602L6.20859 7.09246L0.192155 13.1089C0.132172 13.1665 0.0842844 13.2355 0.0512949 13.3118C0.0183054 13.3881 0.000877718 13.4703 3.2308e-05 13.5534C-0.000813102 13.6366 0.0149409 13.7191 0.0463715 13.796C0.0778022 13.873 0.124278 13.943 0.183077 14.0018C0.241875 14.0606 0.311815 14.107 0.3888 14.1385C0.465785 14.1699 0.548268 14.1857 0.631417 14.1848C0.714567 14.184 0.796712 14.1665 0.873042 14.1335C0.949372 14.1006 1.01835 14.0527 1.07594 13.9927L7.09238 7.97625L13.1088 13.9927C13.1664 14.0527 13.2354 14.1006 13.3117 14.1335C13.3881 14.1665 13.4702 14.184 13.5533 14.1848C13.6365 14.1857 13.719 14.1699 13.796 14.1385C13.8729 14.107 13.9429 14.0606 14.0017 14.0018C14.0605 13.943 14.107 13.873 14.1384 13.796C14.1698 13.7191 14.1856 13.6366 14.1847 13.5534C14.1839 13.4703 14.1665 13.3881 14.1335 13.3118C14.1005 13.2355 14.0526 13.1665 13.9926 13.1089L7.97617 7.09246L13.9926 1.07602C14.0835 0.988788 14.1459 0.876128 14.1717 0.752811C14.1974 0.629494 14.1853 0.501276 14.1369 0.384964C14.0885 0.268652 14.0061 0.169676 13.9005 0.101012C13.7949 0.0323475 13.671 -0.00280103 13.545 0.000174446Z' fill-rule='nonzero' fill='%23909aa8'/%3E%3C/g%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
}

.ico--trash {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg transform='matrix(1 0 0 1 2.4922 2)'%3E%3Cpath d='M9.51068 0C7.75652 0 6.29588 1.31072 6.05072 3L2.62982 3C2.58724 2.99271 2.54411 2.98912 2.50092 2.98926C2.46359 2.99006 2.42638 2.99365 2.38959 3L0.760682 3C0.661298 2.99859 0.562626 3.01696 0.4704 3.05402C0.378173 3.09108 0.294233 3.1461 0.223455 3.21588C0.152678 3.28566 0.096476 3.36882 0.0581152 3.46051C0.0197545 3.5522 0 3.65061 0 3.75C0 3.84939 0.0197545 3.9478 0.0581152 4.03949C0.096476 4.13118 0.152678 4.21434 0.223455 4.28412C0.294233 4.3539 0.378173 4.40892 0.4704 4.44598C0.562626 4.48304 0.661298 4.50141 0.760682 4.5L1.83002 4.5L3.08881 17.5146C3.22435 18.918 4.41657 20 5.82611 20L13.1943 20C14.6039 20 15.7961 18.9181 15.9316 17.5146L17.1913 4.5L18.2607 4.5C18.3601 4.50141 18.4587 4.48304 18.551 4.44598C18.6432 4.40892 18.7271 4.3539 18.7979 4.28412C18.8687 4.21434 18.9249 4.13118 18.9632 4.03949C19.0016 3.9478 19.0214 3.84939 19.0214 3.75C19.0214 3.65061 19.0016 3.5522 18.9632 3.46051C18.9249 3.36882 18.8687 3.28566 18.7979 3.21588C18.7271 3.1461 18.6432 3.09108 18.551 3.05402C18.4587 3.01696 18.3601 2.99859 18.2607 3L16.6328 3C16.5532 2.98709 16.4721 2.98709 16.3925 3L12.9706 3C12.7255 1.31072 11.2648 0 9.51068 0ZM9.51068 1.5C10.4503 1.5 11.2211 2.13408 11.4413 3L7.58002 3C7.8003 2.13408 8.5711 1.5 9.51068 1.5ZM3.33588 4.5L15.6845 4.5L14.4384 17.3701C14.3759 18.0177 13.8447 18.5 13.1943 18.5L5.82611 18.5C5.17665 18.5 4.64443 18.0168 4.58197 17.3701L3.33588 4.5ZM7.74896 6.98926C7.55022 6.99236 7.36084 7.07423 7.22241 7.21686C7.08398 7.3595 7.00783 7.55125 7.01068 7.75L7.01068 15.25C7.00928 15.3494 7.02764 15.4481 7.0647 15.5403C7.10176 15.6325 7.15678 15.7164 7.22656 15.7872C7.29635 15.858 7.3795 15.9142 7.47119 15.9526C7.56289 15.9909 7.66129 16.0107 7.76068 16.0107C7.86008 16.0107 7.95848 15.9909 8.05017 15.9526C8.14186 15.9142 8.22502 15.858 8.2948 15.7872C8.36458 15.7164 8.41961 15.6325 8.45667 15.5403C8.49373 15.4481 8.51209 15.3494 8.51068 15.25L8.51068 7.75C8.51212 7.64962 8.4934 7.54997 8.45561 7.45695C8.41783 7.36394 8.36176 7.27946 8.29073 7.20852C8.21969 7.13758 8.13514 7.08161 8.04208 7.04395C7.94902 7.00629 7.84934 6.98769 7.74896 6.98926ZM11.249 6.98926C11.0502 6.99236 10.8608 7.07423 10.7224 7.21686C10.584 7.3595 10.5078 7.55125 10.5107 7.75L10.5107 15.25C10.5093 15.3494 10.5276 15.4481 10.5647 15.5403C10.6018 15.6325 10.6568 15.7164 10.7266 15.7872C10.7963 15.858 10.8795 15.9142 10.9712 15.9526C11.0629 15.9909 11.1613 16.0107 11.2607 16.0107C11.3601 16.0107 11.4585 15.9909 11.5502 15.9526C11.6419 15.9142 11.725 15.858 11.7948 15.7872C11.8646 15.7164 11.9196 15.6325 11.9567 15.5403C11.9937 15.4481 12.0121 15.3494 12.0107 15.25L12.0107 7.75C12.0121 7.64962 11.9934 7.54997 11.9556 7.45695C11.9178 7.36394 11.8618 7.27946 11.7907 7.20852C11.7197 7.13758 11.6351 7.08161 11.5421 7.04395C11.449 7.00629 11.3493 6.98769 11.249 6.98926Z' fill-rule='nonzero' fill='%23909aa8'/%3E%3C/g%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}

.ico--nofound {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48' fill='none'%3E%3Cg transform='matrix(1 0 0 1 6 6)'%3E%3Cpath d='M14.5 0C6.50963 0 0 6.50964 0 14.5C0 22.4904 6.50963 29 14.5 29C17.9564 29 21.1337 27.779 23.6289 25.75L33.4395 35.5605C33.5777 35.7045 33.7432 35.8194 33.9264 35.8986C34.1096 35.9778 34.3068 36.0196 34.5063 36.0216C34.7059 36.0237 34.9038 35.9859 35.0886 35.9104C35.2734 35.835 35.4412 35.7234 35.5823 35.5823C35.7234 35.4412 35.835 35.2734 35.9104 35.0886C35.9859 34.9038 36.0237 34.7059 36.0216 34.5063C36.0196 34.3068 35.9778 34.1096 35.8986 33.9264C35.8194 33.7432 35.7045 33.5777 35.5605 33.4395L25.75 23.6289C27.779 21.1337 29 17.9564 29 14.5C29 6.50964 22.4904 0 14.5 0ZM14.5 3C20.869 3 26 8.13096 26 14.5C26 17.6026 24.7762 20.4057 22.791 22.4707C22.6686 22.5606 22.5606 22.6686 22.4707 22.791C20.4057 24.7762 17.6026 26 14.5 26C8.13095 26 3 20.869 3 14.5C3 8.13096 8.13095 3 14.5 3ZM18.4863 8.97852C18.0902 8.98787 17.7138 9.15358 17.4395 9.43945L14.5 12.3789L11.5605 9.43945C11.4207 9.29547 11.2534 9.181 11.0686 9.10283C10.8837 9.02466 10.6851 8.98438 10.4844 8.98438C10.1859 8.98445 9.89414 9.07358 9.64656 9.24038C9.39898 9.40717 9.2068 9.64403 9.09459 9.92067C8.98239 10.1973 8.95527 10.5011 9.0167 10.7932C9.07814 11.0854 9.22533 11.3525 9.43945 11.5605L12.3789 14.5L9.43945 17.4395C9.2955 17.5777 9.18057 17.7432 9.10139 17.9264C9.02222 18.1096 8.98039 18.3068 8.97836 18.5063C8.97633 18.7059 9.01414 18.9038 9.08958 19.0886C9.16501 19.2734 9.27655 19.4412 9.41767 19.5823C9.55879 19.7234 9.72664 19.835 9.9114 19.9104C10.0962 19.9859 10.2941 20.0237 10.4937 20.0216C10.6932 20.0196 10.8904 19.9778 11.0736 19.8986C11.2568 19.8194 11.4223 19.7045 11.5605 19.5605L14.5 16.6211L17.4395 19.5605C17.5777 19.7045 17.7432 19.8194 17.9264 19.8986C18.1096 19.9778 18.3068 20.0196 18.5063 20.0216C18.7059 20.0237 18.9038 19.9859 19.0886 19.9104C19.2734 19.835 19.4412 19.7234 19.5823 19.5823C19.7234 19.4412 19.835 19.2734 19.9104 19.0886C19.9859 18.9038 20.0237 18.7059 20.0216 18.5063C20.0196 18.3068 19.9778 18.1096 19.8986 17.9264C19.8194 17.7432 19.7045 17.5777 19.5605 17.4395L16.6211 14.5L19.5605 11.5605C19.7787 11.3512 19.9285 11.0808 19.9902 10.7848C20.052 10.4889 20.023 10.1812 19.9068 9.90201C19.7907 9.62286 19.5929 9.38532 19.3394 9.22053C19.0859 9.05573 18.7886 8.97137 18.4863 8.97852Z' fill-rule='nonzero' fill='%23909aa8'/%3E%3C/g%3E%3C/svg%3E");
  width: 48px;
  height: 48px;
}

.ico--fphone {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 1.333 1.333)'%3E%3Cpath d='M7.888 9.712L7.59428 10.3105C7.59941 10.313 7.60457 10.3154 7.60977 10.3178L7.888 9.712ZM8.69667 9.51L8.16677 9.10546L8.16623 9.10617L8.69667 9.51ZM8.93333 9.2L9.46325 9.60456L9.46667 9.6L8.93333 9.2ZM12 13.3333L12 14L12 13.3333ZM0 1.33333L0.666667 1.33333L0 1.33333ZM1.33333 0L1.33333 -0.666667L1.33333 0ZM3.33333 0L3.33333 -0.666667L3.33333 0ZM4.13333 4.4L4.53333 4.93333L4.53333 4.93333L4.13333 4.4ZM3.82133 4.634L3.42132 4.10065L3.41675 4.10414L3.82133 4.634ZM3.62667 5.456L3.02741 5.74814L3.02856 5.75047L3.62667 5.456ZM7.888 9.712L7.60977 10.3178C7.88514 10.4443 8.19538 10.4732 8.48936 10.3998L8.3278 9.75296L8.16623 9.10617L8.16623 9.10617L7.888 9.712ZM8.3278 9.75296L8.48936 10.3998C8.78335 10.3263 9.04355 10.1549 9.2271 9.91383L8.69667 9.51L8.16623 9.10617L8.16623 9.10617L8.3278 9.75296ZM8.69667 9.51L9.22656 9.91454L9.46323 9.60454L8.93333 9.2L8.40344 8.79546L8.16677 9.10546L8.69667 9.51ZM8.93333 9.2L9.46667 9.6C9.52876 9.5172 9.60929 9.45 9.70186 9.40372L9.40372 8.80743L9.10557 8.21115C8.82786 8.35 8.58629 8.55161 8.4 8.8L8.93333 9.2ZM9.40372 8.80743L9.70186 9.40372C9.79443 9.35743 9.8965 9.33333 10 9.33333L10 8.66667L10 8C9.68951 8 9.38328 8.07229 9.10557 8.21115L9.40372 8.80743ZM10 8.66667L10 9.33333L12 9.33333L12 8.66667L12 8L10 8L10 8.66667ZM12 8.66667L12 9.33333C12.1768 9.33333 12.3464 9.40357 12.4714 9.5286L12.9428 9.05719L13.4142 8.58579C13.0391 8.21071 12.5304 8 12 8L12 8.66667ZM12.9428 9.05719L12.4714 9.5286C12.5964 9.65362 12.6667 9.82319 12.6667 10L13.3333 10L14 10C14 9.46957 13.7893 8.96086 13.4142 8.58579L12.9428 9.05719ZM13.3333 10L12.6667 10L12.6667 12L13.3333 12L14 12L14 10L13.3333 10ZM13.3333 12L12.6667 12C12.6667 12.1768 12.5964 12.3464 12.4714 12.4714L12.9428 12.9428L13.4142 13.4142C13.7893 13.0391 14 12.5304 14 12L13.3333 12ZM12.9428 12.9428L12.4714 12.4714C12.3464 12.5964 12.1768 12.6667 12 12.6667L12 13.3333L12 14C12.5304 14 13.0391 13.7893 13.4142 13.4142L12.9428 12.9428ZM12 13.3333L12 12.6667C8.99421 12.6667 6.11154 11.4726 3.98612 9.34721L3.51472 9.81861L3.04331 10.29C5.41878 12.6655 8.64059 14 12 14L12 13.3333ZM3.51472 9.81861L3.98612 9.34721C1.86071 7.2218 0.666667 4.33912 0.666667 1.33333L0 1.33333L-0.666667 1.33333C-0.666667 4.69274 0.667853 7.91456 3.04331 10.29L3.51472 9.81861ZM0 1.33333L0.666667 1.33333C0.666667 1.15652 0.736905 0.986953 0.861929 0.861929L0.390524 0.390524L-0.0808803 -0.0808803C-0.455953 0.294193 -0.666667 0.8029 -0.666667 1.33333L0 1.33333ZM0.390524 0.390524L0.861929 0.861929C0.986953 0.736905 1.15652 0.666667 1.33333 0.666667L1.33333 0L1.33333 -0.666667C0.8029 -0.666667 0.294193 -0.455953 -0.0808803 -0.0808803L0.390524 0.390524ZM1.33333 0L1.33333 0.666667L3.33333 0.666667L3.33333 0L3.33333 -0.666667L1.33333 -0.666667L1.33333 0ZM3.33333 0L3.33333 0.666667C3.51014 0.666667 3.67971 0.736905 3.80474 0.861929L4.27614 0.390524L4.74755 -0.0808803C4.37247 -0.455953 3.86377 -0.666667 3.33333 -0.666667L3.33333 0ZM4.27614 0.390524L3.80474 0.861929C3.92976 0.986953 4 1.15652 4 1.33333L4.66667 1.33333L5.33333 1.33333C5.33333 0.8029 5.12262 0.294192 4.74755 -0.0808803L4.27614 0.390524ZM4.66667 1.33333L4 1.33333L4 3.33333L4.66667 3.33333L5.33333 3.33333L5.33333 1.33333L4.66667 1.33333ZM4.66667 3.33333L4 3.33333C4 3.43683 3.9759 3.53891 3.92962 3.63148L4.5259 3.92962L5.12219 4.22776C5.26104 3.95005 5.33333 3.64382 5.33333 3.33333L4.66667 3.33333ZM4.5259 3.92962L3.92962 3.63148C3.88333 3.72405 3.81613 3.80457 3.73333 3.86667L4.13333 4.4L4.53333 4.93333C4.78173 4.74704 4.98333 4.50547 5.12219 4.22776L4.5259 3.92962ZM4.13333 4.4L3.73333 3.86667L3.42133 4.10067L3.82133 4.634L4.22133 5.16733L4.53333 4.93333L4.13333 4.4ZM3.82133 4.634L3.41675 4.10414C3.17197 4.29104 2.99944 4.55692 2.92847 4.8566L3.57719 5.01023L4.22592 5.16387L4.22592 5.16386L3.82133 4.634ZM3.57719 5.01023L2.92847 4.8566C2.8575 5.15629 2.89246 5.4713 3.02742 5.74814L3.62667 5.456L4.22592 5.16386L4.22592 5.16387L3.57719 5.01023ZM3.62667 5.456L3.02856 5.75047C4.00476 7.73323 5.61029 9.33676 7.59428 10.3105L7.888 9.712L8.18172 9.11353C6.46227 8.26964 5.07081 6.87992 4.22477 5.16153L3.62667 5.456Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--fmail {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 1.333 4.667)'%3E%3Cpath d='M13.6915 0.562286C14.002 0.36448 14.0934 -0.0476175 13.8956 -0.35816C13.6978 -0.668702 13.2857 -0.760093 12.9752 -0.562286L13.3333 0L13.6915 0.562286ZM7.33933 3.818L7.67417 4.39448C7.68204 4.38991 7.68982 4.38518 7.69749 4.38029L7.33933 3.818ZM6.66967 3.99837L6.66967 3.3317L6.66967 3.99837ZM6 3.818L5.6421 4.38045C5.64969 4.38528 5.65738 4.38996 5.66517 4.39448L6 3.818ZM0.357905 -0.562449C0.047273 -0.760114 -0.364783 -0.668537 -0.562449 -0.357905C-0.760114 -0.047273 -0.668537 0.364783 -0.357905 0.562449L0 0L0.357905 -0.562449ZM13.3333 0L12.9752 -0.562286L6.98117 3.25571L7.33933 3.818L7.69749 4.38029L13.6915 0.562286L13.3333 0ZM7.33933 3.818L7.0045 3.24152C6.9028 3.30059 6.78728 3.3317 6.66967 3.3317L6.66967 3.99837L6.66967 4.66504C7.0225 4.66504 7.36906 4.57169 7.67417 4.39448L7.33933 3.818ZM6.66967 3.99837L6.66967 3.3317C6.55205 3.3317 6.43653 3.30059 6.33483 3.24152L6 3.818L5.66517 4.39448C5.97027 4.57169 6.31683 4.66504 6.66967 4.66504L6.66967 3.99837ZM6 3.818L6.3579 3.25555L0.357905 -0.562449L0 0L-0.357905 0.562449L5.6421 4.38045L6 3.818Z' fill='%2331a6dd'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 1.333 2.667)'%3E%3Cpath d='M1.33333 0L1.33333 0.666667L12 0.666667L12 0L12 -0.666667L1.33333 -0.666667L1.33333 0ZM12 0L12 0.666667C12.3682 0.666667 12.6667 0.965144 12.6667 1.33333L13.3333 1.33333L14 1.33333C14 0.228764 13.1046 -0.666667 12 -0.666667L12 0ZM13.3333 1.33333L12.6667 1.33333L12.6667 9.33333L13.3333 9.33333L14 9.33333L14 1.33333L13.3333 1.33333ZM13.3333 9.33333L12.6667 9.33333C12.6667 9.70152 12.3682 10 12 10L12 10.6667L12 11.3333C13.1046 11.3333 14 10.4379 14 9.33333L13.3333 9.33333ZM12 10.6667L12 10L1.33333 10L1.33333 10.6667L1.33333 11.3333L12 11.3333L12 10.6667ZM1.33333 10.6667L1.33333 10C0.965144 10 0.666667 9.70152 0.666667 9.33333L0 9.33333L-0.666667 9.33333C-0.666667 10.4379 0.228764 11.3333 1.33333 11.3333L1.33333 10.6667ZM0 9.33333L0.666667 9.33333L0.666667 1.33333L0 1.33333L-0.666667 1.33333L-0.666667 9.33333L0 9.33333ZM0 1.33333L0.666667 1.33333C0.666667 0.965144 0.965144 0.666667 1.33333 0.666667L1.33333 0L1.33333 -0.666667C0.228764 -0.666667 -0.666667 0.228764 -0.666667 1.33333L0 1.33333Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--fpin {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 2.667 1.333)'%3E%3Cpath d='M10.6667 5.33333L11.3333 5.33333L10.6667 5.33333ZM5.734 13.1993L6.13467 13.7322C6.14666 13.7232 6.15834 13.7137 6.16969 13.7039L5.734 13.1993ZM5.33333 13.3332L5.33333 13.9998L5.33333 13.3332ZM4.93267 13.1993L4.49698 13.7039C4.50833 13.7137 4.52001 13.7232 4.532 13.7322L4.93267 13.1993ZM5.33333 0L5.33333 -0.666667L5.33333 0ZM10.6667 5.33333L10 5.33333C10 6.77288 9.18888 8.32444 8.13484 9.70932C7.09625 11.0739 5.90152 12.1739 5.29831 12.6947L5.734 13.1993L6.16969 13.7039C6.80648 13.1541 8.07808 11.9854 9.19583 10.5168C10.2981 9.06856 11.3333 7.22246 11.3333 5.33333L10.6667 5.33333ZM5.734 13.1993L5.33333 12.6665L5.33333 12.6665L5.33333 13.3332L5.33333 13.9998C5.6224 13.9998 5.90363 13.9059 6.13467 13.7322L5.734 13.1993ZM5.33333 13.3332L5.33333 12.6665L5.33333 12.6665L4.93267 13.1993L4.532 13.7322C4.76304 13.9059 5.04427 13.9998 5.33333 13.9998L5.33333 13.3332ZM4.93267 13.1993L5.36836 12.6947C4.76515 12.1739 3.57042 11.0739 2.53183 9.70932C1.47778 8.32444 0.666667 6.77288 0.666667 5.33333L0 5.33333L-0.666667 5.33333C-0.666667 7.22246 0.368549 9.06856 1.47084 10.5168C2.58858 11.9854 3.86019 13.1541 4.49698 13.7039L4.93267 13.1993ZM0 5.33333L0.666667 5.33333C0.666667 4.09566 1.15833 2.90867 2.0335 2.0335L1.5621 1.5621L1.09069 1.09069C-0.0345255 2.21591 -0.666667 3.74203 -0.666667 5.33333L0 5.33333ZM1.5621 1.5621L2.0335 2.0335C2.90867 1.15833 4.09566 0.666667 5.33333 0.666667L5.33333 0L5.33333 -0.666667C3.74203 -0.666667 2.21591 -0.0345255 1.09069 1.09069L1.5621 1.5621ZM5.33333 0L5.33333 0.666667C6.57101 0.666667 7.758 1.15833 8.63317 2.0335L9.10457 1.5621L9.57597 1.09069C8.45076 -0.0345255 6.92463 -0.666667 5.33333 -0.666667L5.33333 0ZM9.10457 1.5621L8.63317 2.0335C9.50834 2.90867 10 4.09566 10 5.33333L10.6667 5.33333L11.3333 5.33333C11.3333 3.74203 10.7012 2.21591 9.57597 1.09069L9.10457 1.5621Z' fill='%2331a6dd'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 6 4.667)'%3E%3Cpath d='M4 2L3.33333 2C3.33333 2.73638 2.73638 3.33333 2 3.33333L2 4L2 4.66667C3.47276 4.66667 4.66667 3.47276 4.66667 2L4 2ZM2 4L2 3.33333C1.26362 3.33333 0.666667 2.73638 0.666667 2L0 2L-0.666667 2C-0.666667 3.47276 0.527241 4.66667 2 4.66667L2 4ZM0 2L0.666667 2C0.666667 1.26362 1.26362 0.666667 2 0.666667L2 0L2 -0.666667C0.527241 -0.666667 -0.666667 0.527241 -0.666667 2L0 2ZM2 0L2 0.666667C2.73638 0.666667 3.33333 1.26362 3.33333 2L4 2L4.66667 2C4.66667 0.527241 3.47276 -0.666667 2 -0.666667L2 0Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--cphone {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg transform='matrix(1 0 0 1 2 1.998)'%3E%3Cpath d='M11.832 14.568L11.3914 15.4657C11.3991 15.4695 11.4069 15.4732 11.4147 15.4767L11.832 14.568ZM13.045 14.265L12.2502 13.6582L12.2493 13.6593L13.045 14.265ZM13.4 13.8L14.1949 14.4068L14.2 14.4L13.4 13.8ZM18 20L18 21L18 20ZM0 2L1 2L0 2ZM2 0L2 -1L2 0ZM5 0L5 -1L5 0ZM6.2 6.6L6.8 7.4L6.8 7.4L6.2 6.6ZM5.732 6.951L5.13198 6.15097L5.12512 6.1562L5.732 6.951ZM5.44 8.184L4.54112 8.62221L4.54284 8.62571L5.44 8.184ZM11.832 14.568L11.4147 15.4767C11.8277 15.6664 12.2931 15.7098 12.734 15.5996L12.4917 14.6294L12.2493 13.6593L12.2493 13.6593L11.832 14.568ZM12.4917 14.6294L12.734 15.5996C13.175 15.4895 13.5653 15.2324 13.8407 14.8707L13.045 14.265L12.2493 13.6593L12.2493 13.6593L12.4917 14.6294ZM13.045 14.265L13.8398 14.8718L14.1948 14.4068L13.4 13.8L12.6052 13.1932L12.2502 13.6582L13.045 14.265ZM13.4 13.8L14.2 14.4C14.2931 14.2758 14.4139 14.175 14.5528 14.1056L14.1056 13.2111L13.6584 12.3167C13.2418 12.525 12.8794 12.8274 12.6 13.2L13.4 13.8ZM14.1056 13.2111L14.5528 14.1056C14.6916 14.0361 14.8448 14 15 14L15 13L15 12C14.5343 12 14.0749 12.1084 13.6584 12.3167L14.1056 13.2111ZM15 13L15 14L18 14L18 13L18 12L15 12L15 13ZM18 13L18 14C18.2652 14 18.5196 14.1054 18.7071 14.2929L19.4142 13.5858L20.1213 12.8787C19.5587 12.3161 18.7957 12 18 12L18 13ZM19.4142 13.5858L18.7071 14.2929C18.8946 14.4804 19 14.7348 19 15L20 15L21 15C21 14.2043 20.6839 13.4413 20.1213 12.8787L19.4142 13.5858ZM20 15L19 15L19 18L20 18L21 18L21 15L20 15ZM20 18L19 18C19 18.2652 18.8946 18.5196 18.7071 18.7071L19.4142 19.4142L20.1213 20.1213C20.6839 19.5587 21 18.7957 21 18L20 18ZM19.4142 19.4142L18.7071 18.7071C18.5196 18.8946 18.2652 19 18 19L18 20L18 21C18.7957 21 19.5587 20.6839 20.1213 20.1213L19.4142 19.4142ZM18 20L18 19C13.4913 19 9.1673 17.2089 5.97918 14.0208L5.27208 14.7279L4.56497 15.435C8.12816 18.9982 12.9609 21 18 21L18 20ZM5.27208 14.7279L5.97918 14.0208C2.79107 10.8327 1 6.50868 1 2L0 2L-1 2C-1 7.03911 1.00178 11.8718 4.56497 15.435L5.27208 14.7279ZM0 2L1 2C1 1.73478 1.10536 1.48043 1.29289 1.29289L0.585786 0.585786L-0.12132 -0.12132C-0.68393 0.441289 -1 1.20435 -1 2L0 2ZM0.585786 0.585786L1.29289 1.29289C1.48043 1.10536 1.73478 1 2 1L2 0L2 -1C1.20435 -1 0.441289 -0.68393 -0.12132 -0.12132L0.585786 0.585786ZM2 0L2 1L5 1L5 0L5 -1L2 -1L2 0ZM5 0L5 1C5.26522 1 5.51957 1.10536 5.70711 1.29289L6.41421 0.585786L7.12132 -0.12132C6.55871 -0.68393 5.79565 -1 5 -1L5 0ZM6.41421 0.585786L5.70711 1.29289C5.89464 1.48043 6 1.73478 6 2L7 2L8 2C8 1.20435 7.68393 0.441288 7.12132 -0.12132L6.41421 0.585786ZM7 2L6 2L6 5L7 5L8 5L8 2L7 2ZM7 5L6 5C6 5.15525 5.96385 5.30836 5.89443 5.44721L6.78885 5.89443L7.68328 6.34164C7.89157 5.92507 8 5.46573 8 5L7 5ZM6.78885 5.89443L5.89443 5.44721C5.825 5.58607 5.7242 5.70685 5.6 5.8L6.2 6.6L6.8 7.4C7.17259 7.12056 7.475 6.75821 7.68328 6.34164L6.78885 5.89443ZM6.2 6.6L5.6 5.8L5.132 6.151L5.732 6.951L6.332 7.751L6.8 7.4L6.2 6.6ZM5.732 6.951L5.12512 6.1562C4.75796 6.43656 4.49916 6.83537 4.39271 7.2849L5.36579 7.51535L6.33888 7.7458L6.33888 7.7458L5.732 6.951ZM5.36579 7.51535L4.39271 7.2849C4.28625 7.73443 4.33869 8.20696 4.54112 8.6222L5.44 8.184L6.33888 7.7458L6.33888 7.7458L5.36579 7.51535ZM5.44 8.184L4.54284 8.62571C6.00714 11.5999 8.41544 14.0051 11.3914 15.4657L11.832 14.568L12.2726 13.6703C9.69341 12.4045 7.60622 10.3199 6.33716 7.74229L5.44 8.184Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}

.ico--cmail {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cg transform='matrix(1 0 0 1 2 7.002)'%3E%3Cpath d='M20.5372 0.84343C21.0031 0.54672 21.1401 -0.0714263 20.8434 -0.53724C20.5467 -1.00305 19.9286 -1.14014 19.4628 -0.84343L20 0L20.5372 0.84343ZM11.009 5.727L11.5112 6.59172C11.5231 6.58486 11.5347 6.57777 11.5462 6.57043L11.009 5.727ZM10.0045 5.99755L10.0045 4.99755L10.0045 5.99755ZM9 5.727L8.46314 6.57067C8.47453 6.57792 8.48607 6.58494 8.49775 6.59172L9 5.727ZM0.536857 -0.843673C0.0709095 -1.14017 -0.547175 -1.00281 -0.843673 -0.536857C-1.14017 -0.0709095 -1.00281 0.547175 -0.536857 0.843673L0 0L0.536857 -0.843673ZM20 0L19.4628 -0.84343L10.4718 4.88357L11.009 5.727L11.5462 6.57043L20.5372 0.84343L20 0ZM11.009 5.727L10.5068 4.86228C10.3542 4.95088 10.1809 4.99755 10.0045 4.99755L10.0045 5.99755L10.0045 6.99755C10.5338 6.99755 11.0536 6.85754 11.5112 6.59172L11.009 5.727ZM10.0045 5.99755L10.0045 4.99755C9.82808 4.99755 9.6548 4.95088 9.50225 4.86228L9 5.727L8.49775 6.59172C8.95541 6.85754 9.47525 6.99755 10.0045 6.99755L10.0045 5.99755ZM9 5.727L9.53686 4.88333L0.536857 -0.843673L0 0L-0.536857 0.843673L8.46314 6.57067L9 5.727Z' fill='%2331a6dd'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 2 4.002)'%3E%3Cpath d='M2 0L2 1L18 1L18 0L18 -1L2 -1L2 0ZM18 0L18 1C18.5523 1 19 1.44772 19 2L20 2L21 2C21 0.343146 19.6569 -1 18 -1L18 0ZM20 2L19 2L19 14L20 14L21 14L21 2L20 2ZM20 14L19 14C19 14.5523 18.5523 15 18 15L18 16L18 17C19.6569 17 21 15.6569 21 14L20 14ZM18 16L18 15L2 15L2 16L2 17L18 17L18 16ZM2 16L2 15C1.44772 15 1 14.5523 1 14L0 14L-1 14C-1 15.6569 0.343146 17 2 17L2 16ZM0 14L1 14L1 2L0 2L-1 2L-1 14L0 14ZM0 2L1 2C1 1.44772 1.44772 1 2 1L2 0L2 -1C0.343146 -1 -1 0.343146 -1 2L0 2Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
  width: 24px;
  height: 24px;
}

.ico--cpin {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.33' height='21.33' viewBox='0 0 21.33 21.33' fill='none'%3E%3Cg transform='matrix(1 0 0 1 3.5586 1.7767)'%3E%3Cpath d='M14.2222 7.11111L15.1111 7.11111L14.2222 7.11111ZM7.64533 17.5991L8.17956 18.3096C8.19554 18.2975 8.21112 18.285 8.22625 18.2719L7.64533 17.5991ZM7.11111 17.7776L7.11111 18.6664L7.11111 17.7776ZM6.57689 17.5991L5.99597 18.2719C6.01111 18.285 6.02668 18.2975 6.04267 18.3096L6.57689 17.5991ZM7.11111 0L7.11111 -0.888889L7.11111 0ZM14.2222 7.11111L13.3333 7.11111C13.3333 9.0305 12.2518 11.0992 10.8465 12.9458C9.46167 14.7652 7.86869 16.2319 7.06441 16.9263L7.64533 17.5991L8.22625 18.2719C9.07531 17.5388 10.7708 15.9806 12.2611 14.0225C13.7308 12.0914 15.1111 9.62994 15.1111 7.11111L14.2222 7.11111ZM7.64533 17.5991L7.11111 16.8887L7.11111 16.8887L7.11111 17.7776L7.11111 18.6664C7.49653 18.6664 7.87151 18.5412 8.17956 18.3096L7.64533 17.5991ZM7.11111 17.7776L7.11111 16.8887L7.11111 16.8887L6.57689 17.5991L6.04267 18.3096C6.35071 18.5412 6.72569 18.6664 7.11111 18.6664L7.11111 17.7776ZM6.57689 17.5991L7.15781 16.9263C6.35353 16.2319 4.76056 14.7652 3.37577 12.9458C1.97038 11.0992 0.888889 9.0305 0.888889 7.11111L0 7.11111L-0.888889 7.11111C-0.888889 9.62994 0.491399 12.0914 1.96112 14.0225C3.45144 15.9806 5.14692 17.5388 5.99597 18.2719L6.57689 17.5991ZM0 7.11111L0.888889 7.11111C0.888889 5.46088 1.54444 3.87823 2.71134 2.71134L2.0828 2.0828L1.45426 1.45426C-0.0460341 2.95455 -0.888889 4.98938 -0.888889 7.11111L0 7.11111ZM2.0828 2.0828L2.71134 2.71134C3.87823 1.54444 5.46088 0.888889 7.11111 0.888889L7.11111 0L7.11111 -0.888889C4.98938 -0.888889 2.95455 -0.0460341 1.45426 1.45426L2.0828 2.0828ZM7.11111 0L7.11111 0.888889C8.76135 0.888889 10.344 1.54444 11.5109 2.71134L12.1394 2.0828L12.768 1.45426C11.2677 -0.0460341 9.23284 -0.888889 7.11111 -0.888889L7.11111 0ZM12.1394 2.0828L11.5109 2.71134C12.6778 3.87823 13.3333 5.46088 13.3333 7.11111L14.2222 7.11111L15.1111 7.11111C15.1111 4.98938 14.2683 2.95455 12.768 1.45426L12.1394 2.0828Z' fill='%2331a6dd'/%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 8.0013 6.2246)'%3E%3Cpath d='M5.33333 2.66667L4.44444 2.66667C4.44444 3.64851 3.64851 4.44444 2.66667 4.44444L2.66667 5.33333L2.66667 6.22222C4.63035 6.22222 6.22222 4.63035 6.22222 2.66667L5.33333 2.66667ZM2.66667 5.33333L2.66667 4.44444C1.68483 4.44444 0.888889 3.64851 0.888889 2.66667L0 2.66667L-0.888889 2.66667C-0.888889 4.63035 0.702987 6.22222 2.66667 6.22222L2.66667 5.33333ZM0 2.66667L0.888889 2.66667C0.888889 1.68483 1.68483 0.888889 2.66667 0.888889L2.66667 0L2.66667 -0.888889C0.702987 -0.888889 -0.888889 0.702987 -0.888889 2.66667L0 2.66667ZM2.66667 0L2.66667 0.888889C3.64851 0.888889 4.44444 1.68483 4.44444 2.66667L5.33333 2.66667L6.22222 2.66667C6.22222 0.702987 4.63035 -0.888889 2.66667 -0.888889L2.66667 0Z' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
  width: 21.33px;
  height: 21.33px;
}

.ico--pg {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cg transform='matrix(-0 -1 1 -0 4 11)'%3E%3Cpath d='M0.412479 -0.412479C0.184673 -0.640285 -0.184673 -0.640285 -0.412479 -0.412479C-0.640285 -0.184673 -0.640285 0.184673 -0.412479 0.412479L0 0L0.412479 -0.412479ZM5 5L4.58752 5.41248C4.81533 5.64028 5.18467 5.64028 5.41248 5.41248L5 5ZM10.4125 0.412479C10.6403 0.184673 10.6403 -0.184673 10.4125 -0.412479C10.1847 -0.640285 9.81533 -0.640285 9.58752 -0.412479L10 0L10.4125 0.412479ZM0 0L-0.412479 0.412479L4.58752 5.41248L5 5L5.41248 4.58752L0.412479 -0.412479L0 0ZM5 5L5.41248 5.41248L10.4125 0.412479L10 0L9.58752 -0.412479L4.58752 4.58752L5 5Z' fill='%235b6675'/%3E%3C/g%3E%3C/svg%3E");
  width: 12px;
  height: 12px;
}

.ico--chevfl {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg transform='matrix(1 0 0 1 2 5)'%3E%3Cpath d='M0.494975 -0.494975C0.221608 -0.768342 -0.221608 -0.768342 -0.494975 -0.494975C-0.768342 -0.221608 -0.768342 0.221608 -0.494975 0.494975L0 0L0.494975 -0.494975ZM5 5L4.50502 5.49497C4.77839 5.76834 5.22161 5.76834 5.49497 5.49497L5 5ZM10.495 0.494975C10.7683 0.221608 10.7683 -0.221608 10.495 -0.494975C10.2216 -0.768342 9.77839 -0.768342 9.50502 -0.494975L10 0L10.495 0.494975ZM0 0L-0.494975 0.494975L4.50502 5.49497L5 5L5.49497 4.50502L0.494975 -0.494975L0 0ZM5 5L5.49497 5.49497L10.495 0.494975L10 0L9.50502 -0.494975L4.50502 4.50502L5 5Z' fill='%235b6675'/%3E%3C/g%3E%3C/svg%3E");
  width: 14px;
  height: 14px;
}

.ico--cb {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg transform='matrix(1 0 0 1 5 6)'%3E%3Cpath d='M0.692532 3.54528C0.294121 3.1628 -0.338913 3.17572 -0.721387 3.57414C-1.10386 3.97255 -1.09094 4.60558 -0.692532 4.98805L0 4.26667L0.692532 3.54528ZM3.88889 8L3.19636 8.72139C3.4018 8.91862 3.6816 9.01889 3.96555 8.99706C4.2495 8.97523 4.51068 8.83336 4.68356 8.60704L3.88889 8ZM10.7947 0.60704C11.1299 0.168156 11.0459 -0.459412 10.607 -0.794671C10.1682 -1.12993 9.54059 -1.04593 9.20533 -0.60704L10 0L10.7947 0.60704ZM0 4.26667L-0.692532 4.98805L3.19636 8.72139L3.88889 8L4.58142 7.27861L0.692532 3.54528L0 4.26667ZM3.88889 8L4.68356 8.60704L10.7947 0.60704L10 0L9.20533 -0.60704L3.09422 7.39296L3.88889 8Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
}

.ico--chipx {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg transform='matrix(0.7071 0.7071 -0.7071 0.7071 7.0703 -1.0703)'%3E%3Cpath d='M5.76118 11.5136C5.33432 11.5136 5.05556 11.2038 5.05556 10.7934L5.05556 6.43941L0.749177 6.43941C0.32232 6.43941 0 6.1714 0 5.76101C0 5.35062 0.32232 5.08261 0.749177 5.08261L5.05556 5.08261L5.05556 0.720279C5.05556 0.309887 5.33432 0 5.76118 0C6.18804 0 6.4668 0.309887 6.4668 0.720279L6.4668 5.08261L10.7645 5.08261C11.1913 5.08261 11.5136 5.35062 11.5136 5.76101C11.5136 6.1714 11.1913 6.43941 10.7645 6.43941L6.4668 6.43941L6.4668 10.7934C6.4668 11.2038 6.18804 11.5136 5.76118 11.5136Z' fill-rule='nonzero' fill='%235b6675'/%3E%3C/g%3E%3C/svg%3E");
  width: 14px;
  height: 14px;
}

.ico--bc {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(-0 -1 1 -0 6 12)'%3E%3Cpath d='M0.471405 -0.471405C0.211055 -0.731754 -0.211055 -0.731754 -0.471405 -0.471405C-0.731754 -0.211055 -0.731754 0.211055 -0.471405 0.471405L0 0L0.471405 -0.471405ZM4 4L3.5286 4.4714C3.78895 4.73175 4.21106 4.73175 4.4714 4.4714L4 4ZM8.47141 0.471405C8.73175 0.211055 8.73175 -0.211055 8.47141 -0.471405C8.21105 -0.731754 7.78895 -0.731754 7.5286 -0.471405L8 0L8.47141 0.471405ZM0 0L-0.471405 0.471405L3.5286 4.4714L4 4L4.4714 3.5286L0.471405 -0.471405L0 0ZM4 4L4.4714 4.4714L8.47141 0.471405L8 0L7.5286 -0.471405L3.5286 3.5286L4 4Z' fill='%23909aa8'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--info {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg transform='matrix(1 0 0 1 1.668 1.666)'%3E%3Cpath d='M8.33333 0C3.73836 0 0 3.73836 0 8.33333C0 12.9283 3.73836 16.6667 8.33333 16.6667C12.9283 16.6667 16.6667 12.9283 16.6667 8.33333C16.6667 3.73836 12.9283 0 8.33333 0ZM8.33333 1.25C12.2528 1.25 15.4167 4.41391 15.4167 8.33333C15.4167 12.2528 12.2528 15.4167 8.33333 15.4167C4.41391 15.4167 1.25 12.2528 1.25 8.33333C1.25 4.41391 4.41391 1.25 8.33333 1.25ZM8.33333 4.16667C8.11232 4.16667 7.90036 4.25446 7.74408 4.41074C7.5878 4.56702 7.5 4.77899 7.5 5C7.5 5.22101 7.5878 5.43297 7.74408 5.58926C7.90036 5.74554 8.11232 5.83333 8.33333 5.83333C8.55435 5.83333 8.76631 5.74554 8.92259 5.58926C9.07887 5.43297 9.16667 5.22101 9.16667 5C9.16667 4.77899 9.07887 4.56702 8.92259 4.41074C8.76631 4.25446 8.55435 4.16667 8.33333 4.16667ZM8.32357 7.07438C8.15795 7.07697 8.00013 7.14519 7.88477 7.26405C7.76942 7.38292 7.70596 7.54271 7.70833 7.70833L7.70833 12.2917C7.70716 12.3745 7.72246 12.4567 7.75335 12.5336C7.78423 12.6104 7.83008 12.6804 7.88823 12.7394C7.94639 12.7983 8.01568 12.8452 8.09209 12.8771C8.1685 12.9091 8.2505 12.9256 8.33333 12.9256C8.41616 12.9256 8.49816 12.9091 8.57457 12.8771C8.65099 12.8452 8.72028 12.7983 8.77843 12.7394C8.83659 12.6804 8.88244 12.6104 8.91332 12.5336C8.9442 12.4567 8.9595 12.3745 8.95833 12.2917L8.95833 7.70833C8.95953 7.62468 8.94393 7.54164 8.91244 7.46413C8.88096 7.38662 8.83423 7.31622 8.77504 7.2571C8.71584 7.19798 8.64538 7.15134 8.56783 7.11996C8.49028 7.08857 8.40722 7.07307 8.32357 7.07438Z' fill-rule='nonzero' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
}

.ico--model {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 1.3333 2.3405)'%3E%3Cpath d='M12.8119 0.000461972C12.6843 0.00594402 12.5638 0.0599709 12.4748 0.151476C12.3858 0.242982 12.3352 0.36504 12.3333 0.492649C12.3333 0.590998 12.265 0.659316 12.1667 0.659316L1.16667 0.659316C1.06832 0.659316 1 0.590998 1 0.492649L0 0.492649L0 10.826L1 10.826C1 10.7276 1.06832 10.6593 1.16667 10.6593L12.1667 10.6593C12.265 10.6593 12.3333 10.7276 12.3333 10.826C12.3352 10.9574 12.3887 11.0827 12.4823 11.175C12.5758 11.2672 12.7019 11.319 12.8333 11.319C12.9647 11.319 13.0908 11.2672 13.1844 11.175C13.278 11.0827 13.3315 10.9574 13.3333 10.826L13.3333 0.492649C13.3323 0.425803 13.318 0.359834 13.291 0.298643C13.2641 0.237452 13.2252 0.182281 13.1766 0.136394C13.1279 0.0905065 13.0706 0.0548342 13.008 0.0314863C12.9453 0.00813837 12.8786 -0.00241099 12.8119 0.000461972ZM1 1.62546C1.05665 1.63412 1.10782 1.65932 1.16667 1.65932L12.1667 1.65932C12.2255 1.65932 12.2767 1.63412 12.3333 1.62546L12.3333 9.69317C12.2767 9.68452 12.2255 9.65932 12.1667 9.65932L1.16667 9.65932C1.10782 9.65932 1.05665 9.68452 1 9.69317L1 1.62546ZM2.66016 2.65215C2.52766 2.65422 2.40141 2.7088 2.30912 2.80389C2.21684 2.89898 2.16607 3.02682 2.16797 3.15932L2.16797 8.15932C2.16703 8.22557 2.17927 8.29135 2.20398 8.35284C2.22869 8.41432 2.26537 8.47028 2.31189 8.51747C2.35841 8.56465 2.41385 8.60212 2.47498 8.62769C2.5361 8.65327 2.60171 8.66644 2.66797 8.66644C2.73423 8.66644 2.79983 8.65327 2.86096 8.62769C2.92209 8.60212 2.97753 8.56465 3.02405 8.51747C3.07057 8.47028 3.10725 8.41432 3.13196 8.35284C3.15666 8.29135 3.16891 8.22557 3.16797 8.15932L3.16797 3.15932C3.16893 3.09239 3.15644 3.02596 3.13126 2.96395C3.10607 2.90194 3.06869 2.84562 3.02133 2.79833C2.97398 2.75103 2.91761 2.71373 2.85557 2.68862C2.79353 2.66351 2.72708 2.65111 2.66016 2.65215ZM5.32682 2.65215C5.19433 2.65422 5.06807 2.7088 4.97579 2.80389C4.8835 2.89898 4.83273 3.02682 4.83464 3.15932L4.83464 8.15932C4.8337 8.22557 4.84594 8.29135 4.87065 8.35284C4.89535 8.41432 4.93203 8.47028 4.97856 8.51747C5.02508 8.56465 5.08051 8.60212 5.14164 8.62769C5.20277 8.65327 5.26837 8.66644 5.33464 8.66644C5.4009 8.66644 5.4665 8.65327 5.52763 8.62769C5.58876 8.60212 5.64419 8.56465 5.69071 8.51747C5.73724 8.47028 5.77392 8.41432 5.79862 8.35284C5.82333 8.29135 5.83557 8.22557 5.83464 8.15932L5.83464 3.15932C5.8356 3.09239 5.82311 3.02596 5.79792 2.96395C5.77273 2.90194 5.73535 2.84562 5.688 2.79833C5.64064 2.75103 5.58427 2.71373 5.52223 2.68862C5.46019 2.66351 5.39374 2.65111 5.32682 2.65215ZM7.99349 2.65215C7.86099 2.65422 7.73474 2.7088 7.64245 2.80389C7.55017 2.89898 7.4994 3.02682 7.5013 3.15932L7.5013 8.15932C7.50037 8.22557 7.51261 8.29135 7.53731 8.35284C7.56202 8.41432 7.5987 8.47028 7.64522 8.51747C7.69174 8.56465 7.74718 8.60212 7.80831 8.62769C7.86944 8.65327 7.93504 8.66644 8.0013 8.66644C8.06756 8.66644 8.13317 8.65327 8.19429 8.62769C8.25542 8.60212 8.31086 8.56465 8.35738 8.51747C8.4039 8.47028 8.44058 8.41432 8.46529 8.35284C8.49 8.29135 8.50224 8.22557 8.5013 8.15932L8.5013 3.15932C8.50226 3.09239 8.48978 3.02596 8.46459 2.96395C8.4394 2.90194 8.40202 2.84562 8.35466 2.79833C8.30731 2.75103 8.25094 2.71373 8.1889 2.68862C8.12686 2.66351 8.06041 2.65111 7.99349 2.65215ZM10.6602 2.65215C10.5277 2.65422 10.4014 2.7088 10.3091 2.80389C10.2168 2.89898 10.1661 3.02682 10.168 3.15932L10.168 8.15932C10.167 8.22557 10.1793 8.29135 10.204 8.35284C10.2287 8.41432 10.2654 8.47028 10.3119 8.51747C10.3584 8.56465 10.4138 8.60212 10.475 8.62769C10.5361 8.65327 10.6017 8.66644 10.668 8.66644C10.7342 8.66644 10.7998 8.65327 10.861 8.62769C10.9221 8.60212 10.9775 8.56465 11.024 8.51747C11.0706 8.47028 11.1073 8.41432 11.132 8.35284C11.1567 8.29135 11.1689 8.22557 11.168 8.15932L11.168 3.15932C11.1689 3.09239 11.1564 3.02596 11.1313 2.96395C11.1061 2.90194 11.0687 2.84562 11.0213 2.79833C10.974 2.75103 10.9176 2.71373 10.8556 2.68862C10.7935 2.66351 10.7271 2.65111 10.6602 2.65215Z' fill-rule='nonzero' fill='%23909aa8'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--edit {
  --i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cg transform='matrix(1 0 0 1 1.6667 1.6699)'%3E%3Cpath d='M10.3329 0C9.73467 0 9.1365 0.226791 8.68316 0.680339L1.30491 8.05794C1.16492 8.19794 1.06239 8.37203 1.00803 8.56315L0.019102 12.026C-0.00528703 12.1117 -0.00634047 12.2024 0.0160507 12.2886C0.0384418 12.3748 0.0834644 12.4535 0.146461 12.5165C0.209458 12.5795 0.288142 12.6245 0.374373 12.6469C0.460605 12.6693 0.551253 12.6683 0.63694 12.6439L4.10048 11.6549L4.10113 11.6543C4.29097 11.5997 4.46464 11.4985 4.60504 11.3581L11.9826 3.97982C12.8897 3.07278 12.8897 1.58738 11.9826 0.680339C11.5293 0.226791 10.9311 0 10.3329 0ZM10.3329 0.994141C10.6732 0.994141 11.013 1.12525 11.275 1.38737L11.2756 1.38737C11.8006 1.91233 11.8006 2.74783 11.2756 3.27279L10.6291 3.91927L8.74371 2.03385L9.3902 1.38737C9.65219 1.12525 9.99264 0.994141 10.3329 0.994141ZM8.03668 2.74089L9.9221 4.6263L3.89736 10.651C3.87781 10.6705 3.85306 10.6853 3.82509 10.6934L1.22744 11.4355L1.96962 8.83724L1.96962 8.83659C1.97727 8.80971 1.99127 8.78565 2.01194 8.76497L8.03668 2.74089Z' fill-rule='nonzero' fill='%2331a6dd'/%3E%3C/g%3E%3C/svg%3E");
}

.ico--back {
  transform: scaleX(-1);
}

.header-slot {
  flex: none;
  height: 92px;
}
@media (max-width: 1023px) {
  .header-slot {
    height: 76px;
  }
}

.header-wrap {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 30;
  width: 100%;
  max-width: 1920px;
  padding: 8px;
  transform: translateX(-50%);
}

.header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 80px;
  height: 76px;
  padding: 16px 20px;
  border-radius: 16px;
  background: rgba(16, 22, 31, 0.4);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff;
}
.header__logo {
  position: relative;
  flex: none;
  width: 212.8px;
  height: 36px;
}
.header__logo-img {
  position: absolute;
  left: 20px;
  top: -20px;
  width: 162px;
  height: 64px;
}
.header__nav {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.header__actions {
  flex: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1599px) {
  .header {
    gap: 24px;
  }
}
@media (max-width: 1279px) {
  .header__nav {
    justify-content: flex-start;
  }
}
@media (max-width: 1023px) {
  .header {
    justify-content: flex-end;
    gap: 4px;
    height: 60px;
    padding: 12px;
  }
  .header__logo {
    position: absolute;
    left: 12px;
    top: 0;
    width: 112px;
    height: 44px;
  }
  .header__logo-img {
    position: static;
    width: 112px;
    height: 44px;
  }
  .header__nav {
    display: none;
  }
  .header__actions {
    gap: 4px;
  }
}

.btn-catalog {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 40px;
  padding: 12px 20px;
  border-radius: 6px;
  background: #31a6dd;
  color: #fff;
  font-size: 16px;
  line-height: 11px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: background-color 0.2s;
}
.btn-catalog__text {
  display: block;
  height: 11px;
}
.btn-catalog .ico--x {
  display: none;
}
.btn-catalog:hover {
  background: #1f8fc5;
}
.dd.is-open .btn-catalog {
  background: #1d92c9;
}
.dd.is-open .btn-catalog .ico--menu {
  display: none;
}
.dd.is-open .btn-catalog .ico--x {
  display: inline-block;
}

.nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 30px;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s;
}
.nav-link--drop {
  gap: 6px;
}
.nav-link:hover {
  background: #fff;
  color: #1f6feb;
}
.nav-link.is-current {
  color: #31a6dd;
}
.dd.is-open .nav-link {
  background: #fff;
  color: #5b6675;
  border-radius: 6px;
}
@media (max-width: 1279px) {
  .nav-link {
    display: none;
  }
}

.hbtn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 36px;
  padding: 7px 10px;
  border: 1px solid rgba(221, 227, 236, 0.12);
  border-radius: 6px;
  background: rgba(221, 227, 236, 0.12);
  color: #fff;
  font-size: 14px;
  line-height: 10px;
  font-weight: 400;
  white-space: nowrap;
  transition: background-color 0.2s, color 0.2s;
}
.hbtn:hover, .dd.is-open > .hbtn {
  background: #fff;
  color: #5b6675;
}
.hbtn:hover .hbtn__phone-arrow, .dd.is-open > .hbtn .hbtn__phone-arrow {
  border-left-color: rgba(16, 22, 31, 0.08);
}
.hbtn:hover .hbtn__phone-arrow .ico--chev14, .dd.is-open > .hbtn .hbtn__phone-arrow .ico--chev14 {
  transform: rotate(180deg);
}
.hbtn__phone {
  font-size: 18px;
  line-height: 13px;
  font-weight: 500;
}
.hbtn--icon {
  width: 36px;
  padding: 0;
}
.hbtn--phone {
  padding: 0;
  gap: 0;
  align-items: stretch;
}
.hbtn__phone-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 0 4px 0 10px;
  color: inherit;
  text-decoration: none;
  transition: color 0.2s;
}
.hbtn__phone-link:hover {
  color: #31a6dd;
}
.hbtn__phone-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 28px;
  padding: 0 6px 0 2px;
  border: 0;
  border-left: 1px solid rgba(221, 227, 236, 0.18);
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: color 0.2s;
}
.hbtn__phone-arrow .ico--chev14 {
  transition: transform 0.2s ease;
}
.hbtn__phone-arrow .hbtn__phone-m-ico {
  display: none;
}
.hbtn__phone-arrow:hover {
  color: #31a6dd;
}
.hbtn--cart {
  background: #31a6dd;
}
.hbtn--cart:hover {
  background: #1f8fc5;
  color: #fff;
}
.hbtn.is-active, .hbtn.is-active:hover {
  background: #fff;
  color: #10161f;
}
.hbtn__badge {
  position: absolute;
  left: 24px;
  top: -6px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid #dde3ec;
  border-radius: 50%;
  background: #fff;
  color: #10161f;
  font-size: 11px;
  line-height: 8px;
  font-weight: 700;
}
.hbtn__badge:empty {
  display: none;
}
.hbtn--burger {
  display: none;
}
.hbtn--burger .ico--x {
  display: none;
}
.hbtn--burger.is-active {
  background: #fff;
  color: #10161f;
}
.hbtn--burger.is-active .ico--burger {
  display: none;
}
.hbtn--burger.is-active .ico--x {
  display: inline-block;
}
@media (max-width: 1439px) {
  .hbtn--lang, .hbtn--cur {
    display: none;
  }
  .hbtn--burger {
    display: flex;
  }
}
@media (max-width: 1023px) {
  .hbtn__phone {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
  }
  .hbtn--phone .ico--phone, .hbtn--search {
    display: none;
  }
  .hbtn__phone-link {
    padding: 0 4px 0 8px;
  }
  .hbtn__phone-arrow {
    width: 30px;
    padding: 0 4px 0 2px;
  }
}
@media (max-width: 389px) {
  .hbtn--phone {
    width: 36px;
    padding: 0;
  }
  .hbtn--phone .hbtn__phone-link {
    display: none;
  }
  .hbtn--phone .hbtn__phone-arrow {
    width: 100%;
    padding: 0;
    border-left: none;
  }
  .hbtn--phone .hbtn__phone-arrow .ico--chev14 {
    display: none;
  }
  .hbtn--phone .hbtn__phone-arrow .hbtn__phone-m-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .hbtn--phone .hbtn__phone-arrow .hbtn__phone-m-ico .ico--phone {
    display: inline-block;
  }
}

@media (max-width: 1439px) {
  .dd--lang, .dd--cur {
    display: none;
  }
}

.dd {
  position: relative;
  flex: none;
}
.dd__panel {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 0.15s, transform 0.15s, visibility 0s 0.15s;
}
.dd.is-open > .dd__panel {
  visibility: visible;
  opacity: 1;
  transform: none;
  transition: opacity 0.15s, transform 0.15s;
}

.dd-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.16);
  white-space: nowrap;
}
.dd-list a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
  transition: color 0.2s;
}
.dd-list a:hover {
  color: #31a6dd;
}

.dd-small {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  min-width: 100%;
  padding: 12px 10px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.16);
  white-space: nowrap;
}
.dd-small a, .dd-small button {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  color: #5b6675;
  font: inherit;
  cursor: pointer;
  transition: color 0.2s;
  text-align: left;
}
.dd-small a:hover, .dd-small button:hover {
  color: #31a6dd;
}
.dd-small > form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  min-width: 100%;
}
.dd-small--phones {
  width: max-content;
  min-width: 100%;
  left: auto;
  right: 0;
  gap: 8px;
  padding: 10px 12px;
  z-index: 50;
}
.dd-small--phones .dd-small__phone {
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #10161f;
  padding: 6px 10px;
  border-radius: 6px;
  transition: background-color 0.15s, color 0.15s;
  white-space: nowrap;
}
.dd-small--phones .dd-small__phone:hover {
  background: #f2f5fa;
  color: #31a6dd;
}
.dd-small--phones .dd-small__phone:active {
  background: #e6ebf3;
  color: #1f8fc5;
}
.dd-small--phones .dd-small__phone--tollfree {
  display: none;
}
@media (max-width: 389px) {
  .dd-small--phones .dd-small__phone--tollfree {
    display: block;
  }
}
.dd-small--lang a, .dd-small--lang button {
  font-size: 18px;
  line-height: 13px;
  font-weight: 500;
}
.dd-small--cur {
  width: auto;
}
.dd-small--cur > form {
  width: auto;
  min-width: 100%;
}
.dd-small--cur button {
  font-size: 14px;
  line-height: 10px;
  font-weight: 400;
}

.mega {
  width: 600px;
  padding: 16px;
  border-radius: 20px;
  background: #fff;
  color: #10161f;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.12);
}
.mega__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px;
}
.mega__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border: 1px solid #dde3ec;
  border-radius: 12px;
  background: #fff;
  text-align: left;
  transition: box-shadow 0.2s, border-color 0.2s;
}
.mega__card:hover {
  border-color: #c9d6e6;
  box-shadow: 0 8px 24px rgba(0, 59, 150, 0.12);
}
.mega__media {
  position: relative;
  display: block;
  height: 100px;
}
.mega__media img {
  position: absolute;
}
.mega__name {
  display: block;
  min-height: 40px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.mega__sub {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mega__sub-media {
  position: relative;
  height: 100px;
}
.mega__sub-media img {
  position: absolute;
  left: 0;
  top: 8px;
  width: auto;
  height: 85px;
}
.mega__back {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  font-size: 28px;
  line-height: 32px;
  font-weight: 800;
  color: #10161f;
  text-align: left;
}
.mega__back-btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  color: #31a6dd;
  cursor: pointer;
}
.mega__back-link {
  flex: 1 1 auto;
  min-width: 0;
  color: inherit;
  text-align: left;
}
.mega__back-link:hover {
  color: #31a6dd;
}

.menu-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.menu-list a, .menu-list button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #f2f5fa;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #10161f;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  transition: background-color 0.2s, color 0.2s;
}
.menu-list a:hover, .menu-list button:hover {
  background: #e4e7eb;
  color: #1f6feb;
}
.menu-list .ico--chevr {
  margin-left: auto;
  color: #31a6dd;
}

.mega__card--sea img {
  left: 14px;
  top: 8px;
  width: 131px;
  height: 85px;
}

.mega__card--reef img {
  left: 16px;
  top: 10px;
  width: 127.3px;
  height: 80px;
}

.mega__card--pw img {
  left: 22px;
  top: 10px;
  width: 114.7px;
  height: 80px;
}

.mega__card--ot img {
  left: 22px;
  top: 10px;
  width: 116px;
  height: 80px;
}

.mega__card--parts img {
  left: 6px;
  top: 24px;
  width: 147px;
  height: 57px;
}

.mega__card--rent img {
  left: 37px;
  top: 10px;
  width: 84.7px;
  height: 80px;
}

.mmenu {
  position: fixed;
  top: 88px;
  right: 8px;
  z-index: 31;
  display: none;
  flex-direction: column;
  gap: 16px;
  width: 390px;
  max-height: calc(100vh - 96px);
  overflow-y: auto;
  padding: 20px;
  border-bottom: 1px solid #dde3ec;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.12);
  color: #10161f;
  overscroll-behavior: contain;
}
.mmenu.is-open {
  display: flex;
}
@media (max-width: 1023px) {
  .mmenu {
    top: 72px;
    left: 0;
    right: 0;
    width: auto;
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
  }
}
.mmenu__bar {
  position: relative;
  display: flex;
  gap: 4px;
}
.mmenu__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 7px 10px;
  border-radius: 6px;
  background: #f2f5fa;
  color: #5b6675;
  font-size: 14px;
  line-height: 10px;
  font-weight: 400;
  overflow: hidden;
  transition: background-color 0.2s;
}
.mmenu__btn:hover {
  background: #e4e7eb;
}
.mmenu__btn .ico {
  flex: 0 0 auto;
}
.mmenu__btn-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mmenu__item {
  position: relative;
  display: flex;
  flex: 1 1 120.7px;
  min-width: 0;
}
.mmenu__item--icon {
  flex: 0 0 44px;
}
.mmenu__pop {
  position: absolute;
  top: -2px;
  z-index: 2;
  display: none;
  flex-direction: column;
  gap: 16px;
  width: 160px;
  padding: 12px 10px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.16);
  left: -29.7px;
}
.mmenu__pop.is-open {
  display: flex;
}
.mmenu__pop--lang {
  left: 0;
}
.mmenu__pop button {
  display: block;
  color: #5b6675;
  text-align: left;
  font-size: 14px;
  line-height: 10px;
  font-weight: 400;
  transition: color 0.2s;
}
.mmenu__pop button:hover {
  color: #31a6dd;
}
.mmenu__pop .mmenu__pop-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  min-width: 0;
  font-size: 14px;
  line-height: 10px;
  font-weight: 400;
  color: #5b6675;
}
.mmenu__level {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mmenu__level[hidden] {
  display: none;
}
.mmenu__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px;
}
.mmenu__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
  border: 1px solid #dde3ec;
  border-radius: 12px;
  background: #fff;
  text-align: left;
}
.mmenu__media {
  position: relative;
  display: block;
  height: 80px;
}
.mmenu__media img {
  position: absolute;
}
.mmenu__name {
  display: block;
  min-height: 36px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.mmenu__sub-media {
  position: relative;
  height: 100px;
}
.mmenu__sub-media img {
  position: absolute;
  left: 50%;
  top: 8px;
  width: auto;
  height: 85px;
  transform: translateX(-50%);
}
.mmenu__back {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  font-size: 28px;
  line-height: 32px;
  font-weight: 800;
  color: #10161f;
  text-align: left;
}
.mmenu__back-btn {
  flex: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: none;
  color: #31a6dd;
  cursor: pointer;
}
.mmenu__back-link {
  flex: 1 1 auto;
  min-width: 0;
  color: inherit;
  text-align: left;
}
.mmenu__back-link:hover {
  color: #31a6dd;
}

.mmenu__card--sea img {
  left: 8px;
  top: -2px;
  width: 131px;
  height: 85px;
}

.mmenu__card--reef img {
  left: 10px;
  top: 0;
  width: 127.3px;
  height: 80px;
}

.mmenu__card--pw img {
  left: 16px;
  top: 0;
  width: 114.7px;
  height: 80px;
}

.mmenu__card--ot img {
  left: 16px;
  top: 0;
  width: 116px;
  height: 80px;
}

.mmenu__card--parts img {
  left: 0;
  top: 14px;
  width: 147px;
  height: 57px;
}

.mmenu__card--rent img {
  left: 31px;
  top: 0;
  width: 84.7px;
  height: 80px;
}

.overlay {
  position: fixed;
  inset: 0;
  z-index: 20;
  background: rgba(16, 22, 31, 0.4);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0s 0.2s;
}
.overlay.is-visible {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s;
}
.overlay.is-top {
  z-index: 35;
}

body.is-locked bwchat,
body.is-locked #bwc-wrap,
body.is-locked #bwc,
body.is-locked #bwc-chat,
body.is-locked #bwc-widget-action,
body.is-locked [id^=bwc-],
body.is-locked [class*=bwc-chat],
body.is-locked #bingc-phone-button,
body.is-locked #bingc-active,
body.is-locked #bingc-passive,
body.is-gf-drawer-open bwchat,
body.is-gf-drawer-open #bwc-wrap,
body.is-gf-drawer-open #bwc,
body.is-gf-drawer-open #bwc-chat,
body.is-gf-drawer-open #bwc-widget-action,
body.is-gf-drawer-open [id^=bwc-],
body.is-gf-drawer-open [class*=bwc-chat],
body.is-gf-drawer-open #bingc-phone-button,
body.is-gf-drawer-open #bingc-active,
body.is-gf-drawer-open #bingc-passive {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.top {
  position: relative;
}

.site:has(.hero) > .header-slot {
  height: 0;
}

.hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 40px;
  height: 800px;
  height: clamp(560px, 100svh, 800px);
  background: #1b2536 var(--hero-poster, url("../img/hero-poster.webp")) center/cover no-repeat;
  color: #fff;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(16, 22, 31, 0.25) 0%, rgba(16, 22, 31, 0.2) 35%, rgba(16, 22, 31, 0.55) 65%, rgba(0, 0, 0, 0.9) 100%);
  pointer-events: none;
}
.hero__video {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 40px;
}
.hero__text {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.hero__title {
  font-size: 48px;
  line-height: 60px;
  font-weight: 800;
  color: #fff;
}
.hero__lead {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
}
@media (max-width: 1279px) {
  .hero {
    height: auto;
    min-height: clamp(560px, 100svh, 720px);
  }
  .hero__content {
    flex-direction: column;
    gap: 24px;
  }
}
@media (max-width: 599px) {
  .hero {
    background-image: var(--hero-poster-m, url("../img/hero-poster-m.webp"));
  }
}
@media (max-width: 1023px) {
  .hero {
    height: clamp(520px, 100svh, 640px);
    min-height: 0;
    gap: 20px;
  }
  .hero__content {
    gap: 20px;
    padding: 24px 16px;
  }
  .hero__title {
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
  }
  .hero__lead {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
}

.ticker {
  flex: none;
  width: 500px;
  height: 48px;
  overflow: hidden;
}
.ticker__list {
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.ticker__item {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 48px;
}
.ticker__ic {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.12);
}
.ticker__body {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ticker__title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.ticker__text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
@media (max-width: 1279px) {
  .ticker {
    width: 100%;
    max-width: 500px;
  }
}
@media (max-width: 1023px) {
  .ticker {
    height: 60px;
    max-width: none;
  }
  .ticker__item {
    height: 60px;
  }
}

.finder {
  border-radius: 0 0 28px 28px;
  background: rgba(255, 255, 255, 0.94);
  scroll-margin-top: 92px;
}
@media (max-width: 1023px) {
  .finder {
    border-radius: 0 0 20px 20px;
  }
}

.filter {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px 40px 40px;
}
.filter__label {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #5b6675;
}
.filter__row {
  display: flex;
  gap: 8px;
}
.filter__submit {
  flex: none;
  width: 162px;
}
@media (max-width: 1279px) {
  .filter__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .filter__submit {
    width: auto;
    grid-column: 1/-1;
  }
}
@media (max-width: 1023px) {
  .filter {
    gap: 8px;
    padding: 16px;
  }
  .filter__row {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}

.select {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  display: block;
  height: 44px;
}
.select select, .select__btn {
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px 44px 12px 16px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #f2f5fa;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #10161f;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  appearance: none;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.select select:hover, .select__btn:hover {
  background: #e4e7eb;
  border-color: #d3d9e2;
}
.select.is-open .select__btn {
  border-color: #31a6dd;
  background: #fff;
}
.select.is-enhanced select {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.select > .ico {
  position: absolute;
  right: 16px;
  top: 14px;
  color: #5b6675;
  pointer-events: none;
  transition: transform 0.2s;
}
.select.is-open > .ico {
  transform: rotate(180deg);
  color: #31a6dd;
}
.select__list {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 10;
  max-height: 280px;
  overflow-y: auto;
  padding: 6px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.16);
  overscroll-behavior: contain;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-4px);
  transition: opacity 0.15s, transform 0.15s, visibility 0s 0.15s;
}
.select.is-up .select__list {
  top: auto;
  bottom: calc(100% + 4px);
  transform: translateY(4px);
}
.select.is-open .select__list {
  visibility: visible;
  opacity: 1;
  transform: none;
  transition: opacity 0.15s, transform 0.15s;
}
.select__opt {
  padding: 10px 12px;
  border-radius: 6px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #10161f;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}
.select__opt.is-active {
  background: #f2f5fa;
}
.select__opt[aria-selected=true] {
  color: #1f6feb;
}
@media (max-width: 1023px) {
  .select {
    flex: none;
  }
}

.ctmap {
  display: flex;
  flex-direction: column;
  height: 672px;
}
.ctmap__bar {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 16px 40px;
  border-bottom: 1px solid #dde3ec;
}
.ctmap__title {
  flex: none;
  margin-right: 12px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 800;
  color: #10161f;
}
.ctmap__city {
  position: relative;
  flex: 1 1 360px;
  min-width: 0;
}
.ctmap__city > .ico {
  position: absolute;
  left: 14px;
  top: 14px;
  color: #31a6dd;
  pointer-events: none;
}
.ctmap__city input {
  width: 100%;
  height: 44px;
  padding: 12px 16px 12px 40px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #f2f5fa;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #10161f;
  transition: background-color 0.2s, border-color 0.2s;
}
.ctmap__city input::placeholder {
  color: #909aa8;
}
.ctmap__city input:hover {
  background: #e4e7eb;
}
.ctmap__city input:focus {
  border-color: #31a6dd;
  background: #fff;
}
.ctmap__city input::-webkit-calendar-picker-indicator {
  opacity: 0;
}
.ctmap__type {
  flex: 0 1 200px;
}
.ctmap__condition {
  flex: 0 1 180px;
}
.ctmap__qty {
  flex: none;
  display: flex;
  align-items: center;
  gap: 8px;
}
.ctmap__other {
  padding: 24px 40px;
  border-bottom: 1px solid #dde3ec;
}
.ctmap__other-title {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 800;
}
.ctmap__other-body {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #5b6675;
}
.ctmap__loading {
  position: absolute;
  inset: 16px 16px 16px 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.72);
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
}
.ctmap__more {
  width: 100%;
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  color: #1f6feb;
  text-align: left;
  cursor: pointer;
}
.ctmap__more:hover {
  text-decoration: underline;
}
.ctmap__parts {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 4px;
}
.ctmap__part {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #5b6675;
}
.ctmap__part b {
  font-weight: 500;
  color: #10161f;
}
.ctmap__part--hidden {
  display: none;
}
.ctmap__shortage {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ctmap__qty-label {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #5b6675;
}
.ctmap__qty .qty {
  width: 132px;
}
.ctmap__qty .qty__val {
  -moz-appearance: textfield;
  appearance: textfield;
}
.ctmap__qty .qty__val::-webkit-inner-spin-button, .ctmap__qty .qty__val::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ctmap__body {
  flex: 1 1 0;
  min-height: 0;
  display: flex;
}
.ctmap__side {
  flex: 0 0 400px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 16px 16px 40px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #dde3ec transparent;
}
.ctmap__hint {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #5b6675;
}
.ctmap__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ctmap__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  padding: 16px;
  border-radius: 16px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #dde3ec;
  text-align: left;
  transition: box-shadow 0.2s, transform 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.ctmap__card:hover {
  box-shadow: inset 0 0 0 1px #c9d6e6, 0 8px 24px rgba(0, 59, 150, 0.12);
}
.ctmap__card:active {
  transform: scale(0.99);
}
.ctmap__card.is-active {
  box-shadow: inset 0 0 0 2px #31a6dd, 0 8px 24px rgba(0, 59, 150, 0.12);
}
.ctmap__card.is-short {
  opacity: 0.6;
}
.ctmap__badge {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 8px;
  border-radius: 6px;
  background: #00c056;
  font-size: 11px;
  line-height: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff;
}
.ctmap__name {
  padding-right: 110px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 800;
  color: #10161f;
}
.ctmap__loc {
  margin-top: -4px;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #5b6675;
}
.ctmap__via {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #1f6feb;
}
.ctmap__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  line-height: 17px;
  font-weight: 400;
  color: #5b6675;
}
.ctmap__row b {
  flex: none;
  font-weight: 500;
  color: #10161f;
}
.ctmap__total {
  margin-top: 4px;
  font-size: 26px;
  line-height: 30px;
  font-weight: 800;
  color: #10161f;
  letter-spacing: -0.3px;
}
.ctmap__stock {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #5b6675;
}
.ctmap__map {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  padding: 16px 16px 16px 0;
}
.ctmap__canvas {
  position: relative;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  background: #e6ecf3;
  z-index: 0;
}
.ctmap__fallback {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #5b6675;
  text-align: center;
  pointer-events: none;
}
.ctmap.has-map .ctmap__fallback {
  display: none;
}
.ctmap.is-nomap .ctmap__fallback {
  display: flex;
}
.ctmap__sum {
  position: absolute;
  left: 32px;
  bottom: 32px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 440px;
  max-width: calc(100% - 64px);
  padding: 20px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.12);
  animation: ctmap-in 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}
.ctmap__sum-title {
  font-size: 16px;
  line-height: 20px;
  font-weight: 800;
  color: #10161f;
}
.ctmap__row--total {
  margin-top: 4px;
  padding-top: 12px;
  border-top: 1px solid #dde3ec;
  font-size: 20px;
  line-height: 25px;
  font-weight: 800;
  color: #10161f;
}
.ctmap__row--total b {
  font-weight: 800;
}
.ctmap__note {
  padding: 8px 12px;
  border-radius: 8px;
  background: #fff7df;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  color: #6b5300;
}
.ctmap__disc {
  font-size: 11px;
  line-height: 14px;
  font-weight: 400;
  color: #909aa8;
}
.ctmap__cta {
  margin-top: 4px;
}
@media (max-width: 1279px) {
  .ctmap__bar {
    flex-wrap: wrap;
  }
  .ctmap__title {
    flex-basis: 100%;
  }
  .ctmap__side {
    flex-basis: 340px;
  }
  .ctmap__sum {
    width: 380px;
  }
}
@media (max-width: 1023px) {
  .ctmap {
    height: auto;
  }
  .ctmap__bar {
    flex-wrap: wrap;
    padding: 16px;
  }
  .ctmap__title {
    flex-basis: 100%;
    margin: 0 0 4px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 800;
  }
  .ctmap__city {
    flex-basis: 100%;
  }
  .ctmap__type, .ctmap__condition {
    flex: 1 1 calc(50% - 4px);
  }
  .ctmap__other {
    padding: 16px;
  }
  .ctmap__qty-label {
    display: none;
  }
  .ctmap__qty .qty {
    width: 120px;
  }
  .ctmap__loading {
    inset: 16px;
    border-radius: 16px;
  }
  .ctmap__body {
    flex: none;
    flex-direction: column-reverse;
  }
  .ctmap__list > li:nth-child(n+4) {
    display: none;
  }
  .ctmap__side {
    flex: none;
    padding: 0 16px 16px;
    overflow: visible;
  }
  .ctmap__map {
    flex: none;
    padding: 16px;
  }
  .ctmap__canvas {
    height: 320px;
    border-radius: 16px;
  }
  .ctmap__sum {
    position: static;
    width: auto;
    max-width: none;
    margin-top: 8px;
    padding: 16px;
    box-shadow: inset 0 0 0 1px #dde3ec;
  }
  .ctmap__name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
  }
  .ctmap__total {
    font-size: 22px;
    line-height: 26px;
    font-weight: 800;
  }
}

@keyframes ctmap-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ctmap__sum {
    animation: none;
  }
}
.ctmap-pin span {
  display: block;
  width: 28px;
  height: 28px;
  border: 3px solid #fff;
  border-radius: 50% 50% 50% 0;
  background: #31a6dd;
  box-shadow: 0 4px 10px rgba(16, 22, 31, 0.3);
  transform: rotate(-45deg);
  transition: background-color 0.2s, transform 0.2s;
}
.ctmap-pin--store.is-active span {
  background: #00c056;
  transform: rotate(-45deg) scale(1.15);
}
.ctmap-pin--city span {
  background: #10161f;
}

.ctmap-label.leaflet-tooltip {
  padding: 4px 8px;
  border: 0;
  border-radius: 6px;
  background: #10161f;
  box-shadow: none;
  font: 700 13px/16px "Geometria", Arial, sans-serif;
  color: #fff;
}
.ctmap-label.leaflet-tooltip::before {
  display: none;
}

.ctmap .leaflet-container {
  font-family: "Geometria", Arial, sans-serif;
}

.ctmap .leaflet-control-zoom {
  border: 0;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.16);
}

.ctmap .leaflet-control-zoom a {
  width: 36px;
  height: 36px;
  line-height: 34px;
  color: #10161f;
}

.pac-container {
  z-index: 10050 !important;
  margin-top: 4px;
  padding: 6px !important;
  border: 1px solid #dde3ec !important;
  border-radius: 8px !important;
  background: #fff !important;
  background-color: #fff !important;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.16) !important;
  font-family: "Geometria", Arial, sans-serif !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: hidden;
}

.pac-item {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin: 0;
  padding: 10px 12px !important;
  border: 0 !important;
  border-top: 0 !important;
  border-radius: 6px !important;
  background: #fff !important;
  background-color: #fff !important;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #10161f !important;
  cursor: pointer;
  transition: background-color 0.15s, color 0.15s;
}
.pac-item:hover, .pac-item.pac-item-selected {
  background: #f2f5fa !important;
  background-color: #f2f5fa !important;
}

.pac-item-query {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #10161f !important;
}

.pac-matched {
  font-weight: 700 !important;
  color: #31a6dd !important;
}

.pac-item > span {
  color: #5b6675;
}

.pac-icon {
  display: none !important;
}

.pac-logo::after {
  margin-top: 4px;
  padding: 6px 12px 2px;
  opacity: 0.45;
}

.page {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 8px;
}
@media (max-width: 1023px) {
  .page {
    gap: 4px;
    padding: 4px 0 0;
  }
}

.section {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 40px;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.94);
}
.section--dark {
  background: rgba(16, 26, 43, 0.94);
}
.section--dark .h2 {
  color: #fff;
}
@media (max-width: 1023px) {
  .section {
    gap: 16px;
    padding: 28px 16px;
    border-radius: 20px;
  }
}

.sec-head {
  display: flex;
  align-items: flex-end;
  gap: 40px;
}
.sec-head__titles {
  flex: 1 1 0;
  min-width: 0;
}
@media (max-width: 1023px) {
  .sec-head__link {
    display: none;
  }
}

@media (max-width: 1023px) {
  .h2 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
}

.sec-link-m {
  display: none;
}
@media (max-width: 1023px) {
  .sec-link-m {
    display: flex;
    justify-content: center;
  }
}

.catalog__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
@media (max-width: 1279px) {
  .catalog__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1023px) {
  .catalog__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}

.cat-card {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
  padding: 20px;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #fff;
  transition: box-shadow 0.25s;
}
.cat-card:hover {
  box-shadow: 0 8px 24px rgba(0, 59, 150, 0.12);
}
.cat-card__media {
  position: relative;
  display: block;
  height: 168px;
}
.cat-card__img {
  position: absolute;
  left: 20px;
  top: 0;
  height: 168px;
}
.cat-card__ic {
  position: absolute;
  left: 0;
  top: 118px;
  width: 60px;
  height: 60px;
}
.cat-card__ic--55 {
  top: 123px;
  height: 55px;
}
.cat-card__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.cat-card__titles {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cat-card__title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #10161f;
}
.cat-card__text {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
}
@media (min-width: 1024px) {
  .cat-card--ot {
    order: 3;
  }
  .cat-card--pw {
    order: 4;
  }
  .cat-card--parts {
    order: 5;
  }
  .cat-card--rent {
    order: 6;
  }
}
@media (max-width: 1279px) {
  .cat-card {
    order: 0 !important;
  }
}
@media (max-width: 1023px) {
  .cat-card {
    padding: 16px;
  }
}
.cat-card--sea .cat-card__img {
  left: -10px;
  top: -4px;
  width: 316px;
  height: 182px;
}
.cat-card--reef .cat-card__img {
  left: 40px;
  width: 267.4px;
}
.cat-card--pw .cat-card__img {
  width: 240.8px;
}
.cat-card--ot .cat-card__img {
  width: 243.6px;
}
.cat-card--parts .cat-card__img {
  left: 0;
  width: 432px;
  max-width: 100%;
  object-fit: cover;
  object-position: left center;
}
.cat-card--rent .cat-card__img {
  left: 30px;
  width: 177.8px;
}
@media (max-width: 1023px) {
  .cat-card--sea .cat-card__img {
    top: -8px;
    width: 306px;
    height: 186px;
  }
  .cat-card--parts .cat-card__img {
    top: 24px;
    width: 308px;
    height: 120px;
    object-fit: fill;
  }
}
@media (max-width: 359px) {
  .cat-card .cat-card__img {
    left: 0;
    width: 100%;
    height: 168px;
    object-fit: contain;
    object-position: left top;
  }
}

.popular {
  padding: 80px 120px;
}
.popular__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.popular__all {
  display: none;
}
@media (max-width: 1599px) {
  .popular {
    padding: 60px 40px;
  }
}
@media (max-width: 1023px) {
  .popular {
    padding: 28px 16px;
  }
  .popular__body {
    gap: 16px;
  }
  .popular__all {
    display: flex;
    justify-content: center;
  }
}

.btn-more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  padding: 16px;
  border-radius: 16px;
  background: #f2f5fa;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #10161f;
  transition: background-color 0.2s;
}
.btn-more:hover {
  background: #e4e9f1;
}

.partners__grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #dde3ec;
  box-sizing: border-box;
}
.partners__cell {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 89px;
  padding: 16px;
  background: #fff;
}
.partners__logo {
  width: 125px;
  height: 65px;
  object-fit: contain;
  transition: transform 0.25s;
}
.partners__logo--maersk {
  width: 160px;
  height: 38px;
}
.partners__logo--udai {
  width: 54px;
  height: 65px;
}
.partners__cell:hover .partners__logo {
  transform: scale(1.264);
}
@media (max-width: 1023px) {
  .partners__slider {
    overflow: hidden;
    border: 1px solid #dde3ec;
    border-radius: 16px;
    background: #dde3ec;
  }
  .partners__grid {
    display: flex;
    gap: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
  }
  .partners__cell {
    flex: none;
    width: 170px;
    height: 80px;
  }
  .partners__logo {
    width: 98px;
    height: 51px;
  }
  .partners__logo--maersk {
    width: 126px;
    height: 30px;
  }
  .partners__logo--udai {
    width: 42px;
    height: 50px;
  }
  .partners__cell:nth-child(2) .partners__logo {
    width: 125px;
    height: 65px;
  }
  .partners__cell:hover .partners__logo {
    transform: none;
  }
}

.faq__list {
  overflow: hidden;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #fff;
}
.faq__item {
  border-bottom: 1px solid #dde3ec;
  transition: background-color 0.2s;
}
.faq__item:last-child {
  border-bottom: 0;
}
.faq__item:not(.is-open):hover {
  background: #eef1f6;
}
.faq__item:not(.is-open):hover .faq__ic {
  background: #fff;
}
.faq__q {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 68px;
  padding: 20px;
}
.faq__item.is-open .faq__q {
  min-height: 0;
  padding-bottom: 4px;
}
.faq__q-text {
  flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
}
.faq__ic {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #eaf2ff;
  color: #31a6dd;
  transition: background-color 0.2s;
}
.faq__ic .ico--minus {
  display: none;
}
.faq__item.is-open .faq__ic .ico--plus {
  display: none;
}
.faq__item.is-open .faq__ic .ico--minus {
  display: inline-block;
}
.faq__a {
  display: none;
  padding: 0 20px 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #5b6675;
}
.faq__item.is-open .faq__a {
  display: block;
}
@media (max-width: 1023px) {
  .faq__q {
    min-height: 0;
    padding: 16px;
  }
  .faq__item.is-open .faq__q {
    padding-bottom: 4px;
  }
  .faq__a {
    padding: 0 16px 16px;
  }
}

.cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
@media (max-width: 1279px) {
  .cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

.card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #fff;
  transition: box-shadow 0.25s;
}
.card:hover {
  box-shadow: 0 8px 24px rgba(0, 59, 150, 0.12);
}
.card__media {
  display: block;
  overflow: hidden;
}
.card__img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.card--post .card__img {
  transition: transform 0.4s;
}
.card--post:hover .card__img {
  transform: scale(1.05);
}
.card__body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px;
}
.card__title {
  display: block;
  flex: 1 1 auto;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
}
.card__foot {
  display: flex;
  align-items: center;
  gap: 10px;
}
.card__name {
  flex: 1 1 0;
  min-width: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
}
.card__date {
  display: block;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #5b6675;
}
.card__post-head {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 1023px) {
  .card__body {
    gap: 8px;
    padding: 16px;
  }
}

.reviews .card__title {
  white-space: pre-line;
}

.stars {
  display: flex;
  height: 20px;
}
.stars i {
  width: 20px;
  height: 20px;
  background: url("../img/icons/star.svg") center/20px 20px no-repeat;
}
.stars--pick {
  height: auto;
  gap: 6px;
}
.stars--pick .stars__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.stars--pick .stars__btn i {
  display: block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  filter: grayscale(1) brightness(1.25);
  opacity: 0.55;
}
.stars--pick .stars__btn.is-on i, .stars--pick .stars__btn.is-hover i, .stars--pick .stars__btn:hover i {
  filter: none;
  opacity: 1;
}

.seo {
  background: #fff;
}
.seo__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
}
.seo__grid--single {
  grid-template-columns: 1fr;
}
.seo__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.seo__title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #10161f;
}
.seo__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #5b6675;
}
.seo__text p {
  margin: 0 0 0.75em;
}
.seo__text p:last-child {
  margin-bottom: 0;
}
.seo__text ul, .seo__text ol {
  margin: 0 0 0.75em;
  padding-left: 1.35em;
  list-style-position: outside;
}
.seo__text ul {
  list-style-type: disc;
}
.seo__text ol {
  list-style-type: decimal;
}
.seo__text li {
  display: list-item;
  margin: 0 0 0.35em;
  padding-left: 0.15em;
}
.seo__text li:last-child {
  margin-bottom: 0;
}
.seo__text a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (max-width: 1023px) {
  .seo__grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

.prod-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (max-width: 1279px) {
  .prod-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1023px) {
  .prod-list {
    display: flex;
  }
}

.prod {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 12px 20px;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  transition: box-shadow 0.25s;
}
.prod:hover {
  box-shadow: 0 8px 24px rgba(0, 59, 150, 0.12);
}
.prod__img {
  flex: none;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  object-fit: cover;
}
.prod__titles {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.prod__code {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #1f6feb;
}
.prod__name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
  transition: color 0.2s;
}
.prod__name:hover {
  color: #1f6feb;
}
.prod__meta {
  flex: none;
  display: flex;
  gap: 20px;
}
.prod__type {
  flex: none;
  width: 32px;
  height: 32px;
}
.prod__buy {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.prod .btn {
  width: 120px;
}
@media (max-width: 1439px) {
  .prod {
    gap: 16px;
  }
  .prod__meta {
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 1279px) {
  .prod {
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 8px;
    padding: 16px;
  }
  .prod .prod__img {
    width: 80px;
    height: 80px;
  }
  .prod .prod__meta {
    flex: 0 0 100%;
    flex-direction: row;
    gap: 20px;
  }
  .prod .cond {
    flex: 0 0 100%;
  }
  .prod .prod__type {
    margin-right: 8px;
  }
  .prod .prod__buy {
    flex: 1 1 0;
  }
  .prod .btn {
    width: auto;
    flex: 0 1 190px;
  }
}

@media (max-width: 1599px) {
  .catalog-body .prod-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 1023px) {
  .catalog-body .prod-list {
    display: flex;
  }
}

@media (max-width: 1599px) {
  .catalog-body .prod {
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 8px;
    padding: 16px;
  }
  .catalog-body .prod .prod__img {
    width: 80px;
    height: 80px;
  }
  .catalog-body .prod .prod__meta {
    flex: 0 0 100%;
    flex-direction: row;
    gap: 20px;
  }
  .catalog-body .prod .cond {
    flex: 0 0 100%;
  }
  .catalog-body .prod .prod__type {
    margin-right: 8px;
  }
  .catalog-body .prod .prod__buy {
    flex: 1 1 0;
  }
  .catalog-body .prod .btn {
    width: auto;
    flex: 0 1 190px;
  }
}

.meta {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 20px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
  white-space: nowrap;
}
.meta .ico--check {
  color: #31a6dd;
}
.meta .ico--pin {
  color: #5b6675;
}

.cond {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background: #f2f5fa;
}
.cond__text {
  flex: 1 1 0;
  min-width: 0;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #5b6675;
}

.badge {
  flex: none;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}
.badge--new {
  background: #00c056;
}
.badge--c1 {
  background: #8ac000;
}
.badge--c2 {
  background: #bac000;
}
.badge--c3 {
  background: #e8b900;
}
.badge--c4 {
  background: #e87800;
}
.badge--c5 {
  background: #c05d00;
}

.price {
  flex: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 70px;
  width: auto;
}
.price__old {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
}
.price__now {
  font-size: 20px;
  line-height: 25px;
  font-weight: 700;
  color: #10161f;
  white-space: nowrap;
}
.price__now--sale {
  color: #00c056;
}

.ncard {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  height: auto;
  padding: 16px 20px;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #fff;
}
.ncard__top {
  display: flex;
  align-items: center;
  gap: 24px;
}
.ncard__img {
  flex: none;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  object-fit: cover;
}
.ncard__info {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ncard__bottom {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 44px;
}
.ncard .prod__buy {
  justify-content: flex-start;
}
.ncard .btn {
  width: 120px;
}
@media (max-width: 1279px) {
  .ncard .prod__meta {
    flex-direction: row;
    gap: 20px;
  }
}
@media (max-width: 1023px) {
  .ncard {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 12px;
    row-gap: 12px;
    padding: 16px;
  }
  .ncard__top, .ncard__info, .ncard__bottom {
    display: contents;
  }
  .ncard__img {
    width: 80px;
    height: 80px;
  }
  .ncard .prod__titles {
    flex: 1 1 0;
  }
  .ncard .prod__meta, .ncard .cond {
    flex: 0 0 100%;
  }
  .ncard .prod__type {
    margin-right: 8px;
  }
  .ncard .prod__buy {
    flex: 1 1 0;
    justify-content: flex-end;
  }
  .ncard .btn {
    width: auto;
    flex: 0 1 190px;
  }
}

.slider {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.slider .swiper {
  width: 100%;
}
.slider .ncard.swiper-slide, .slider .card.swiper-slide {
  height: auto;
}
.slider .swiper-initialized > .swiper-wrapper {
  display: flex;
  gap: 0;
}
.slider__arrow {
  position: absolute;
  top: 74px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border: 1px solid #dde3ec;
  border-radius: 50%;
  background: #fff;
  color: #5b6675;
  transition: color 0.2s, box-shadow 0.2s, opacity 0.2s;
}
.slider__arrow:hover {
  color: #31a6dd;
  box-shadow: 0 8px 24px rgba(0, 59, 150, 0.12);
}
.slider__arrow--prev {
  left: -20px;
}
.slider__arrow--prev .ico {
  transform: scaleX(-1);
}
.slider__arrow--next {
  right: -20px;
}
.slider__arrow.swiper-button-disabled, .slider__arrow.swiper-button-lock {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 1279px) {
  .slider__arrow {
    display: none;
  }
}
@media (max-width: 1023px) {
  .slider {
    gap: 16px;
  }
}

.dots {
  display: flex;
  gap: 12px;
  align-self: flex-start;
}
.dots:empty, .dots.swiper-pagination-lock {
  display: none;
}
.dots .dot {
  width: 12px;
  height: 12px;
  border: 1px solid #31a6dd;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.2s;
}
.dots .dot.is-active {
  background: #31a6dd;
}

.footer {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px;
  border-radius: 28px;
  background: #101a2b;
  color: rgba(255, 255, 255, 0.7);
}
.footer__top {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
.footer__contacts {
  display: flex;
  flex-direction: column;
  gap: 36px;
  min-width: 0;
}
.footer__logo {
  display: block;
  width: 148px;
  height: 58px;
}
.footer__logo img {
  width: 100%;
  height: 100%;
}
.footer__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.footer__phone {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  min-height: 25px;
}
.footer__phone .ico, .footer__row .ico {
  color: #31a6dd;
}
.footer__phone-num {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}
.footer__msg img {
  width: 18px;
  height: 18px;
  transition: opacity 0.2s;
}
.footer__msg:hover img {
  opacity: 0.75;
}
.footer__msg[data-viber-tip] {
  position: relative;
}
.footer__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.footer__row .ico {
  margin-top: 2px;
}
.footer__row--addr:first-of-type {
  min-height: 40px;
}
.footer a.footer__row {
  align-items: center;
  transition: color 0.2s;
}
.footer a.footer__row .ico {
  margin-top: 0;
}
.footer a.footer__row:hover {
  color: #fff;
}
.footer__social {
  display: flex;
  gap: 12px;
}
.footer__social img {
  width: 32px;
  height: 32px;
  transition: opacity 0.2s;
}
.footer__social a:hover img {
  opacity: 0.8;
}
.footer__col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 0;
}
.footer__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #fff;
  cursor: default;
}
.footer__title .ico {
  display: none;
}
.footer__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.footer__links a, .footer__maps a, .footer__dev {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  transition: color 0.2s;
}
.footer__links a:hover, .footer__maps a:hover, .footer__dev:hover {
  color: #fff;
}
.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer__copy {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.footer__maps {
  display: flex;
  gap: 20px;
}
.footer__pay {
  display: flex;
  gap: 8px;
}
.footer__pay li {
  padding: 4px 10px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 6px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
}
@media (max-width: 1279px) {
  .footer__top {
    grid-template-columns: 1fr 1fr;
  }
  .footer__bottom {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 1023px) {
  .footer {
    gap: 20px;
    padding: 20px 16px 40px;
    border-radius: 20px 20px 0 0;
  }
  .footer__top {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .footer__contacts {
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .footer__logo {
    width: 118px;
    height: 46px;
  }
  .footer__col {
    gap: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .footer__col:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .footer__title {
    cursor: pointer;
  }
  .footer__title .ico {
    display: block;
    transition: transform 0.2s;
  }
  .footer__col.is-open .footer__title .ico {
    transform: rotate(180deg);
  }
  .footer__links {
    display: none;
    padding-top: 20px;
  }
  .footer__col.is-open .footer__links {
    display: flex;
  }
  .footer__bottom {
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    text-align: center;
  }
}

.modal {
  position: fixed;
  top: 88px;
  left: 50%;
  z-index: 25;
  display: none;
  flex-direction: column;
  gap: 20px;
  width: calc(100% - 80px);
  max-width: 1840px;
  max-height: calc(100vh - 108px);
  overflow-y: auto;
  padding: 40px;
  border-bottom: 1px solid #dde3ec;
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.94);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.12);
  transform: translateX(-50%);
  overscroll-behavior: contain;
}
.modal.is-open {
  display: flex;
}
.modal:focus {
  outline: 0;
}
.modal::-webkit-scrollbar {
  width: 12px;
}
.modal::-webkit-scrollbar-track {
  margin: 28px 0;
  background: transparent;
}
.modal::-webkit-scrollbar-thumb {
  border: 4px solid transparent;
  border-radius: 12px;
  background: rgba(91, 102, 117, 0.35) padding-box;
}
.modal::-webkit-scrollbar-thumb:hover {
  background-color: rgba(91, 102, 117, 0.55);
}
@supports (-moz-appearance: none) {
  .modal {
    scrollbar-width: thin;
    scrollbar-color: rgba(91, 102, 117, 0.35) transparent;
  }
}
.modal--sm {
  z-index: 40;
  width: 600px;
  max-width: calc(100% - 32px);
}
.modal__title {
  padding-right: 40px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 800;
  color: #10161f;
}
.modal__title--lg {
  font-size: 36px;
  line-height: 44px;
  font-weight: 800;
}
.modal__subtitle {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #10161f;
}
.modal__text {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #10161f;
}
@media (max-width: 1023px) {
  .modal {
    top: 72px;
    left: 0;
    width: 100%;
    max-width: none;
    max-height: calc(100vh - 80px);
    max-height: calc(100dvh - 80px);
    gap: 16px;
    padding: 28px 16px;
    border-radius: 20px;
    transform: none;
  }
  .modal--sm {
    top: 172px;
    width: 100%;
    max-width: none;
    background: #fff;
    max-height: calc(100dvh - 180px);
  }
  .modal__title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
  }
  .modal__title--lg, .modal--success .modal__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
}

.search__form {
  display: flex;
  gap: 8px;
}
.search__field {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  height: 60px;
  padding: 8px 20px;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #fff;
  transition: border-color 0.2s;
}
.search__field:focus-within {
  border-color: #31a6dd;
}
.search__field .ico {
  color: #909aa8;
}
.search__field input {
  flex: 1 1 0;
  min-width: 0;
  height: 24px;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #10161f;
}
.search__field input::placeholder {
  color: #909aa8;
  opacity: 1;
}
.search__submit {
  flex: none;
  width: 122px;
  height: 60px;
  padding: 12px 36px;
  border-radius: 16px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.search__block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.search__recent {
  display: flex;
  align-items: center;
  gap: 24px;
  height: 44px;
  padding: 8px 20px;
  border-radius: 8px;
  background: #fff;
}
.search__recent-text {
  flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search__recent-del {
  flex: none;
  display: flex;
  color: #909aa8;
  transition: color 0.2s;
}
.search__recent-del:hover {
  color: #10161f;
}
.search__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #10161f;
  text-align: center;
}
.search__empty .ico {
  color: #909aa8;
}
.search__all {
  align-self: center;
}
.search__results .prod-list {
  display: flex;
}
.search__results .prod__titles {
  flex: 0 1 368.5px;
}
@media (max-width: 1023px) {
  .search__field {
    height: 44px;
    padding: 8px 16px;
    gap: 8px;
    border-radius: 12px;
  }
  .search__submit {
    width: 82px;
    height: 44px;
    padding: 12px 16px;
    border-radius: 12px;
  }
  .search__recent {
    gap: 12px;
    padding: 8px 12px;
  }
  .search__recent-text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }
}

@media (max-width: 1023px) {
  .search__results .prod .prod__titles {
    flex: 1 1 0;
  }
  .search__results .prod .prod__type {
    display: block;
  }
}

.cart__full, .search__results {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cart--page {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: none;
  align-self: stretch;
}
.cart--page .cart__title {
  font-size: 36px;
  line-height: 44px;
  font-weight: 800;
  color: #10161f;
  margin: 0;
}
.cart--page .cart__lead {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #5b6675;
  margin: 0;
}
.cart--page .cart__actions {
  margin: 0;
}
.cart--page .cart__alert {
  margin: 0;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(192, 93, 0, 0.08);
  color: #c05d00;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.cart--page .cart__empty {
  margin-top: 0;
}
.cart--page .bc {
  margin: 0;
}
@media (max-width: 1023px) {
  .cart--page {
    gap: 16px;
  }
  .cart--page .cart__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
  .cart--page .cart__lead {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
}
.cart__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cart__item {
  display: flex;
  align-items: center;
  gap: 24px;
  min-height: 90px;
  padding: 8px 20px;
  border: 1px solid #dde3ec;
  border-radius: 16px;
  background: #fff;
  transition: border-color 0.2s, background-color 0.2s;
}
.cart__item.is-stock-warn {
  border-color: rgba(192, 93, 0, 0.45);
  background: rgba(192, 93, 0, 0.05);
}
.cart__stock-warn {
  display: block;
  margin-top: 4px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #c05d00;
}
.cart__head {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 24px;
}
.cart__img {
  flex: none;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  object-fit: cover;
}
.cart__controls {
  flex: none;
  display: flex;
  align-items: center;
  gap: 24px;
}
.cart__controls .qty {
  width: 140px;
}
.cart__price {
  min-width: 70px;
  width: auto;
  margin-right: 16px;
  text-align: right;
  align-items: flex-end;
}
.cart__price .price__old, .cart__price .price__now {
  text-align: right;
}
.cart__del {
  display: flex;
  color: #909aa8;
  transition: color 0.2s;
}
.cart__del:hover {
  color: #c05d00;
}
.cart__foot {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
}
.cart__sum {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #10161f;
}
.cart__order {
  width: auto;
  height: 44px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.cart__empty {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 60px;
}
.cart__empty .slider__arrow {
  top: 72px;
}
.cart__empty .slider__arrow--prev {
  left: -20px;
}
.cart__empty .slider__arrow--next {
  right: -20px;
}
@media (max-width: 1023px) {
  .cart__item {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 8px 12px;
  }
  .cart__head {
    gap: 12px;
  }
  .cart__controls {
    justify-content: space-between;
    gap: 12px;
  }
  .cart__price {
    text-align: left;
    margin-right: 0;
  }
  .cart__foot {
    justify-content: space-between;
    gap: 12px;
  }
  .cart__order {
    padding: 12px 16px;
  }
  .cart__empty {
    margin-top: 64px;
  }
}

@media (max-width: 1023px) {
  .modal--cart.is-empty .modal__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
}

.qty {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 140px;
  height: 44px;
  padding: 2px 4px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #f2f5fa;
}
.qty__btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: #fff;
  color: #10161f;
  transition: opacity 0.2s, color 0.2s;
}
.qty__btn:hover {
  color: #31a6dd;
}
.qty__btn:disabled {
  opacity: 0.4;
  color: #909aa8;
  cursor: default;
}
.qty__btn::before, .qty__btn::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  border-radius: 2px;
  background: currentColor;
}
.qty__btn--plus::after {
  transform: rotate(90deg);
}
.qty__btn--minus::after {
  display: none;
}
.qty__val {
  width: 50px;
  height: 20px;
  padding: 0;
  border: 0;
  background: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
  text-align: center;
  -moz-appearance: textfield;
}
.qty__val::-webkit-outer-spin-button, .qty__val::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.qty__val:focus {
  outline: 0;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.form__field {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #fff;
  cursor: text;
  transition: border-color 0.2s;
}
.form__field:focus-within {
  border-color: #31a6dd;
}
.form__field.is-error {
  border-color: #c05d00;
}
.form__field .form__msg {
  display: none;
  margin-top: 6px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #c05d00;
}
.form__field.is-error .form__msg:not([hidden]) {
  display: block;
}
.form__field input, .form__field textarea {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #10161f;
  resize: none;
}
.form__field input::placeholder, .form__field textarea::placeholder {
  color: transparent;
}
/* Phone national input shows the field name as placeholder (no float label). */
.form__field--phone .phone-intl__national::placeholder {
  color: #5b6675;
}
.form__error {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #c05d00;
}
.form__ph {
  position: absolute;
  left: 13px;
  top: 50%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #5b6675;
  transform: translateY(-50%);
  pointer-events: none;
}
.form__ph b {
  font-weight: 400;
  color: #c05d00;
}
.form__field input:not(:placeholder-shown) + .form__ph {
  display: none;
}
.form__label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
}
.form__field--phone {
  padding-top: 2px;
  padding-bottom: 2px;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
}
.form__field--phone .phone-intl {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
}
.form__field--area {
  justify-content: flex-start;
  height: 120px;
  padding: 12px;
}
.form__field--area textarea {
  height: 96px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.form__field--area .form__ph {
  top: 12px;
  transform: none;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.form__field--area textarea:not(:placeholder-shown) + .form__ph {
  display: none;
}
.form__field--rating {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: default;
}
.form__field--rating:focus-within {
  border-color: transparent;
}
.form__field--rating .form__label {
  display: block;
  margin-bottom: 8px;
}
.form__field--rating .stars__btn {
  outline: 0;
  box-shadow: none;
}
.form__field--rating .stars__btn:focus, .form__field--rating .stars__btn:focus-visible {
  outline: 0;
  box-shadow: none;
}

.modal--success .modal__icon {
  width: 80px;
  height: 80px;
}

.modal--lang {
  gap: 0;
  width: 760px;
  max-width: calc(100% - 48px);
  min-height: 320px;
  padding: 48px 56px;
}
@media (max-width: 1023px) {
  .modal--lang {
    top: 50%;
    left: 50%;
    width: calc(100% - 32px);
    max-width: none;
    min-height: 0;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    padding: 28px 20px 24px;
    transform: translate(-50%, -50%);
  }
}

.lang-offer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  width: 100%;
  min-height: 220px;
}
.lang-offer__logo {
  flex: 0 0 auto;
  width: 240px;
  height: auto;
}
.lang-offer__actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  min-width: 0;
}
.lang-offer__primary {
  width: 100%;
  max-width: 400px;
  min-height: 56px;
  padding: 16px 28px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.lang-offer__link {
  display: inline-block;
  padding: 0;
  border: 0;
  background: none;
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
  color: #10161f;
  cursor: pointer;
  transition: color 0.2s ease;
}
.lang-offer__link:hover {
  color: #31a6dd;
}
@media (max-width: 1023px) {
  .lang-offer {
    flex-direction: column;
    gap: 28px;
    min-height: 0;
    text-align: center;
  }
  .lang-offer__logo {
    width: 180px;
  }
  .lang-offer__primary {
    max-width: none;
    min-height: 48px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
  }
  .lang-offer__link {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
  }
}

.page-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 40px;
  height: 560px;
  background: #10161f;
  color: #fff;
}
.page-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0.35) 40%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none;
}
.page-hero > .header-slot {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
}
.page-hero > :not(.page-hero__bg):not(.header-slot) {
  position: relative;
  z-index: 1;
}
.page-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding: 40px;
}
.page-hero__text {
  flex: 0 1 960px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.page-hero__date {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
}
.page-hero__title {
  font-size: 48px;
  line-height: 60px;
  font-weight: 800;
  color: #fff;
}
.page-hero__lead {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
}
.page-hero__btn {
  flex: none;
  height: 44px;
  padding: 12px 24px;
}
@media (max-width: 1023px) {
  .page-hero {
    height: 480px;
    gap: 20px;
  }
  .page-hero__content {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
    padding: 24px 16px;
  }
  .page-hero__text {
    flex: none;
  }
  .page-hero__title {
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
  }
  .page-hero__lead {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
  .page-hero__btn {
    width: 100%;
    height: 36px;
    padding: 8px 20px;
  }
}

.pager {
  display: flex;
  gap: 8px;
  margin-top: 40px;
}
.pager > a, .pager > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 8px;
  background: #f2f5fa;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
  text-decoration: none;
  transition: background-color 0.2s, color 0.2s;
}
.pager a:hover {
  background: #e4e7eb;
  color: #31a6dd;
}
.pager .is-current {
  background: none;
  color: #10161f;
  font-weight: 500;
}
.pager .is-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.pager .pager__prev .ico {
  transform: scaleX(-1);
}
@media (max-width: 1023px) {
  .pager {
    justify-content: center;
    margin-top: 24px;
  }
}

.grid-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 8px;
}
@media (max-width: 1279px) {
  .grid-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1023px) {
  .grid-cards {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

.table {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.table__row {
  display: flex;
  align-items: center;
  gap: 20px;
  min-height: 60px;
  padding: 20px;
  border-radius: 8px;
  background: #fff;
}
.table__row:nth-child(odd) {
  background: #f2f5fa;
}
.table__cells {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 20px;
}
.table__cell {
  flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
}
.table .link-arrow {
  flex: none;
}
@media (max-width: 1023px) {
  .table__row {
    gap: 12px;
    min-height: 34px;
    padding: 8px;
  }
  .table__cells {
    gap: 12px;
  }
  .table__cell {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }
  .table--price .table__cell:nth-child(2) {
    flex: 0 0 80px;
  }
}

.price-block {
  gap: 20px;
}
.price-block__lead {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  color: #10161f;
  white-space: pre-line;
}
@media (max-width: 1023px) {
  .price-block {
    gap: 16px;
  }
  .price-block__lead {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    white-space: normal;
  }
}

.article {
  gap: 40px;
  padding: 40px 320px;
}
.article__share {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  min-height: 72px;
  padding: 20px;
  border-radius: 8px;
  background: #f2f5fa;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #10161f;
}
.article__share-list {
  display: flex;
  gap: 12px;
}
.article__share-list img {
  width: 32px;
  height: 32px;
  transition: opacity 0.2s;
}
.article__share-list a:hover img, .article__share-list button:hover img {
  opacity: 0.8;
}
.article__share-list button {
  display: block;
}
.article__share-note {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #00c056;
}
.article__share-note:empty {
  display: none;
}
@media (max-width: 1599px) {
  .article {
    padding: 40px 160px;
  }
}
@media (max-width: 1279px) {
  .article {
    padding: 40px;
  }
}
@media (max-width: 1023px) {
  .article {
    gap: 24px;
    padding: 28px 16px;
  }
  .article__share {
    flex-wrap: wrap;
    gap: 12px;
    min-height: 52px;
    padding: 12px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .article__share-list img {
    width: 28px;
    height: 28px;
  }
}

.rich {
  display: flex;
  flex-direction: column;
  gap: 12px;
  color: #10161f;
}
.rich > * {
  margin: 0;
}
.rich h2 {
  margin-top: 28px;
  font-size: 36px;
  line-height: 44px;
  font-weight: 800;
}
.rich h3 {
  margin-top: 16px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 800;
}
.rich h4 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
}
.rich > :first-child {
  margin-top: 0;
}
.rich p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.rich strong, .rich b {
  font-weight: 700;
}
.rich a:not(.btn) {
  color: #1f6feb;
  text-decoration: underline;
  text-decoration-color: rgba(31, 111, 235, 0.3);
  text-underline-offset: 3px;
  transition: text-decoration-color 0.2s;
}
.rich a:not(.btn):hover {
  text-decoration-color: currentColor;
}
.rich img {
  display: block;
  width: 600px;
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  object-fit: cover;
}
.rich ul, .rich ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 0;
  list-style: none !important;
}
.rich li {
  position: relative;
  padding-left: 24px;
  list-style: none !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.rich li ul, .rich li ol {
  margin-top: 8px;
}
.rich ul > li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
}
.rich ol {
  counter-reset: rich;
}
.rich ol > li {
  counter-increment: rich;
  padding-left: 32px;
}
.rich ol > li::before {
  content: counter(rich) ".";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  font-weight: 700;
  color: #31a6dd;
  text-align: right;
}
.rich table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 2px;
}
.rich th, .rich td {
  padding: 20px;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.rich tbody tr:nth-child(odd) td {
  background: #f2f5fa;
}
.rich td:first-child, .rich th:first-child {
  border-radius: 8px 0 0 8px;
}
.rich td:last-child, .rich th:last-child {
  border-radius: 0 8px 8px 0;
}
.rich th {
  padding-block: 12px;
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #5b6675;
}
.rich--article h2 + p, .rich--article h3 + p {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
}
.rich--article img {
  margin-top: 8px;
  aspect-ratio: 600/400;
}
@media (max-width: 1023px) {
  .rich h2 {
    margin-top: 16px;
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
  .rich h3 {
    margin-top: 8px;
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
  }
  .rich table {
    table-layout: fixed;
  }
  .rich th, .rich td {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    overflow-wrap: anywhere;
  }
  .rich th {
    font-size: 11px;
    line-height: 14px;
    font-weight: 500;
  }
  .rich--article img {
    width: 100%;
    aspect-ratio: 358/238;
  }
}

.stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.stats__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 20px;
  border-radius: 16px;
  background: #f2f5fa;
}
.stats__num {
  font-size: 36px;
  line-height: 44px;
  font-weight: 800;
  color: #31a6dd;
  letter-spacing: -0.5px;
}
.stats__label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #5b6675;
}
@media (max-width: 1279px) {
  .stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1023px) {
  .stats__item {
    padding: 16px;
  }
  .stats__num {
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
}

.smap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.smap__group {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 0;
}
.smap__title {
  font-size: 12px;
  line-height: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #1f6feb;
}
.smap__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.smap__list > li > a {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  color: #10161f;
  transition: color 0.2s;
}
.smap__sub {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-top: 8px;
  padding-left: 16px;
  border-left: 1px solid #dde3ec;
}
.smap__sub a {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
  transition: color 0.2s;
}
.smap a:hover {
  color: #31a6dd;
}
.smap--wide {
  grid-template-columns: 1fr;
}
.smap--wide .smap__list {
  display: block;
  columns: 3;
  column-gap: 40px;
}
.smap--wide .smap__list > li {
  break-inside: avoid;
  padding-bottom: 10px;
}
.smap--wide .smap__list > li > a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
@media (max-width: 1279px) {
  .smap {
    grid-template-columns: repeat(2, 1fr);
  }
  .smap--wide .smap__list {
    columns: 2;
  }
}
@media (max-width: 1023px) {
  .smap {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .smap__list > li > a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .smap--wide .smap__list {
    columns: 1;
  }
}

.h2--sm {
  font-size: 28px;
  line-height: 36px;
  font-weight: 800;
}

.contacts__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.contacts__card {
  gap: 40px;
}
.contacts__row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  font-style: normal;
}
.contacts__ic {
  flex: none;
  display: flex;
  justify-content: center;
  width: 24px;
  height: 34px;
  padding-top: 5px;
  color: #31a6dd;
}
.contacts__ic--pin {
  height: 24px;
  padding-top: 1px;
}
.contacts__main {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.contacts__main--tight {
  gap: 0;
}
.contacts__big {
  font-size: 28px;
  line-height: 36px;
  font-weight: 800;
  color: #10161f;
  white-space: nowrap;
}
.contacts__sub {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #5b6675;
}
.contacts__addr {
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  color: #10161f;
}
.contacts__msg {
  display: flex;
  align-items: center;
  gap: 20px;
  height: 34px;
}
.contacts__msg img {
  width: 20px;
  height: 20px;
  transition: opacity 0.2s;
}
.contacts__msg a:hover img {
  opacity: 0.75;
}
.contacts__msg a[data-viber-tip] {
  position: relative;
}
.contacts a.contacts__big:hover {
  color: #31a6dd;
}
.contacts__stores {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.contacts__store {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #10161f;
  text-align: left;
  transition: color 0.2s;
}
.contacts__store:hover, .contacts__store.is-active {
  color: #31a6dd;
}
.contacts__store .ico {
  flex: none;
  margin: 1.33px;
  color: #31a6dd;
}
.contacts__map {
  height: 640px;
  padding: 0;
  overflow: hidden;
  background: #dfe7ef;
}
.contacts__map-canvas {
  position: relative;
  z-index: 0;
  height: 100%;
}
.contacts__map-canvas.is-nomap .ctmap__fallback {
  display: flex;
}
@media (max-width: 1439px) {
  .contacts__cards {
    grid-template-columns: 1fr 1fr;
  }
  .contacts__card:nth-child(3) {
    grid-column: 1/-1;
    flex-direction: row;
  }
  .contacts__card:nth-child(3) .contacts__row {
    flex: 1 1 0;
  }
  .contacts__big {
    white-space: normal;
  }
}
@media (max-width: 1023px) {
  .contacts__cards {
    grid-template-columns: 1fr;
    gap: 4px;
  }
  .contacts__card:nth-child(3) {
    flex-direction: column;
  }
  .contacts__card {
    gap: 16px;
  }
  .contacts__row {
    gap: 12px;
  }
  .contacts__ic {
    height: 28px;
    padding-top: 2px;
  }
  .contacts__main {
    gap: 4px;
  }
  .contacts__main--tight {
    gap: 0;
  }
  .contacts__row--msg {
    flex-wrap: wrap;
    gap: 0 12px;
  }
  .contacts__row--msg .contacts__main {
    flex: 1 1 0;
  }
  .contacts__row--msg .contacts__msg {
    flex: 0 0 100%;
    padding-left: 36px;
  }
  .contacts__row--gap .contacts__msg {
    margin-top: 4px;
  }
  .contacts__row--mail {
    align-items: center;
  }
  .contacts__row--mail .contacts__ic {
    padding-top: 2px;
  }
  .contacts__big {
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
  }
  .contacts__big--sm {
    font-size: 20px;
    line-height: 24px;
    font-weight: 800;
  }
  .contacts__sub {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
  .contacts__addr {
    font-size: 20px;
    line-height: 24px;
    font-weight: 800;
  }
  .contacts__stores {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .contacts__store {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .contacts__map {
    height: 360px;
  }
}

.site:has(> .e404) > .header-slot {
  position: absolute;
  z-index: 10;
  width: 100%;
}
@media (max-width: 1023px) {
  .site:has(> .e404) > .header-slot {
    position: static;
  }
}

.e404 {
  position: relative;
  display: flex;
  align-items: stretch;
  height: 800px;
  background: linear-gradient(180deg, rgba(16, 26, 43, 0) 0%, rgba(0, 0, 0, 0.4) 100%), #c0e2df;
  color: #fff;
}
.e404 .header-slot {
  position: absolute;
}
.e404__media {
  position: relative;
  flex: 0 1 860px;
  min-width: 0;
}
.e404__media img {
  position: absolute;
  left: 22px;
  top: 220px;
  width: calc(100% - 44px);
  height: auto;
  aspect-ratio: 816/445;
  object-fit: contain;
}
.e404__text {
  flex: 0 1 800px;
  min-width: 560px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
  margin-left: 20px;
  padding: 132px 40px 40px;
}
.e404__titles {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.e404__label {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
}
.e404__title {
  font-size: 48px;
  line-height: 52px;
  font-weight: 800;
  color: #fff;
}
.e404__lead {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
}
.e404__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.e404 .btn {
  height: 44px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
@media (max-width: 1279px) {
  .e404__media img {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 1023px) {
  .e404 {
    flex-direction: column;
    height: auto;
    background: linear-gradient(180deg, rgba(16, 26, 43, 0) 40%, rgba(0, 0, 0, 0.4) 100%), #c0e2df;
  }
  .e404 .header-slot {
    position: static;
  }
  .e404__media {
    flex: none;
    height: 260px;
  }
  .e404__media img {
    left: 0;
    top: 24px;
    width: 100%;
    height: 212px;
    aspect-ratio: auto;
    transform: none;
    object-fit: cover;
  }
  .e404__text {
    flex: none;
    min-width: 0;
    gap: 16px;
    margin: 0;
    padding: 24px 16px;
  }
  .e404__titles {
    gap: 4px;
  }
  .e404__label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
  .e404__title {
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
  }
  .e404__lead {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
  .e404__btns {
    flex-direction: column;
    gap: 16px;
  }
  .e404 .btn {
    width: 100%;
    padding: 12px;
  }
}

.cat-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  height: 560px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(16, 26, 43, 0) 40%, rgba(0, 0, 0, 0.4) 100%), var(--bg, #c0e2df);
  color: #fff;
}
.cat-hero__media {
  position: absolute;
  top: 84px;
  right: 0;
  z-index: 0;
  width: 760px;
  height: 476px;
  transform-origin: 100% 60%;
  pointer-events: none;
}
.cat-hero__media img {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  height: var(--h);
  max-width: none;
}
.cat-hero__content {
  position: relative;
  z-index: 1;
  padding: 40px;
}
.cat-hero__text {
  max-width: 960px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.cat-hero__ic {
  width: 60px;
  height: 60px;
  object-fit: contain;
}
.cat-hero__ic--55 {
  height: 55px;
}
.cat-hero__title {
  font-size: 48px;
  line-height: 60px;
  font-weight: 800;
  color: #fff;
}
.cat-hero__lead {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
}
.cat-hero__btns {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.cat-hero__btns .btn {
  height: 44px;
  padding: 12px 24px;
}
@media (max-width: 1599px) {
  .cat-hero__text {
    max-width: calc(100% - 640px);
  }
}
@media (max-width: 1439px) {
  .cat-hero__media {
    transform: scale(0.8);
  }
}
@media (max-width: 1279px) {
  .cat-hero__media {
    transform: scale(0.66);
  }
  .cat-hero__text {
    max-width: calc(100% - 420px);
  }
}
@media (max-width: 1023px) {
  .cat-hero {
    height: 640px;
    gap: 20px;
  }
  .cat-hero__media {
    top: 89px;
    right: auto;
    left: 50%;
    width: 390px;
    height: 260px;
    margin-left: -195px;
    transform: none;
  }
  .cat-hero__media img {
    left: var(--mx);
    top: var(--my);
    width: var(--mw);
    height: var(--mh);
  }
  .cat-hero__content {
    padding: 24px 16px;
  }
  .cat-hero__text {
    max-width: none;
  }
  .cat-hero__title {
    font-size: 32px;
    line-height: 36px;
    font-weight: 800;
  }
  .cat-hero__lead {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
  .cat-hero__btns {
    flex-wrap: nowrap;
    gap: 8px;
    padding-right: 10px;
  }
  .cat-hero__btns .btn {
    height: 36px;
    padding: 12px 8px;
  }
  .cat-hero__btns .btn:first-child {
    flex: 1 1 auto;
  }
}

.catalog-body {
  flex-direction: row;
  align-items: flex-start;
}
.catalog-body__main {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1279px) {
  .catalog-body {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
}
@media (max-width: 1023px) {
  .catalog-body__main {
    gap: 16px;
  }
}

.sort {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #10161f;
}
.sort__link {
  color: #909aa8;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color 0.2s;
}
.sort__link:hover {
  color: #31a6dd;
}
.sort__link.is-active {
  color: #10161f;
  text-decoration: none;
  cursor: default;
}
@media (max-width: 1023px) {
  .sort {
    gap: 4px 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
}

.filters {
  position: relative;
  flex: none;
  width: 320px;
  padding-top: 40px;
}
.filters__panel {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 20px;
  border-radius: 16px;
  background: #f2f5fa;
}
.filters__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.filters__title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #10161f;
}
.filters__toggle {
  display: none;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #fff;
  color: #31a6dd;
  pointer-events: none;
}
.filters__toggle .ico--minus {
  display: none;
}
.filters__body {
  display: contents;
}
.filters__foot {
  display: none;
  align-items: center;
  gap: 24px;
}
.filters__reset {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #1f6feb;
  transition: color 0.2s;
}
.filters__reset:hover {
  color: #1f8fc5;
}
.filters__foot .btn {
  flex: 1 1 auto;
}
.filters .gf-drawer {
  display: contents;
}
.filters .gf-drawer-header,
.filters .gf-drawer-footer,
.filters .gf-overlay,
.filters .gf-mobile-toggle {
  display: none !important;
}
@media (max-width: 1279px) {
  .filters {
    width: auto;
    padding-top: 0;
  }
  .filters__panel {
    gap: 20px;
    padding: 8px 12px;
    border-radius: 8px;
  }
  .filters__head {
    width: 100%;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }
  .filters__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    pointer-events: none;
  }
  .filters__toggle {
    display: flex;
  }
  .filters__body {
    display: none;
  }
  .filters.is-open .filters__panel {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    z-index: 20;
    padding: 12px 16px 16px;
    border-radius: 20px;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 31, 0.06), 0 8px 24px rgba(16, 22, 31, 0.16);
  }
  .filters.is-open .filters__body {
    display: contents;
  }
  .filters.is-open .filters__foot {
    display: flex;
  }
  .filters.is-open .filters__toggle .ico--plus, .filters.is-drawer-open .filters__toggle .ico--plus {
    display: none;
  }
  .filters.is-open .filters__toggle .ico--minus, .filters.is-drawer-open .filters__toggle .ico--minus {
    display: block;
  }
}

body > .gf-overlay.gf-mobile-active {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1040;
  background: rgba(16, 22, 31, 0.4);
}

body > .gf-overlay.gf-mobile-active.gf-visible {
  display: block;
}

body > .gf-drawer.gf-mobile-active {
  position: fixed;
  left: 0 !important;
  right: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  max-width: none;
  height: min(92vh, 100%);
  z-index: 1050;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom, 0px));
  border-radius: 20px 20px 0 0;
  background: #f2f5fa;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.16);
  overflow: hidden;
  transform: translateY(100%);
  transition: transform 0.3s ease;
  -webkit-overflow-scrolling: touch;
}
body > .gf-drawer.gf-mobile-active.gf-open {
  transform: translateY(0);
}
body > .gf-drawer.gf-mobile-active .gf-drawer-header {
  display: flex !important;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dde3ec;
}
body > .gf-drawer.gf-mobile-active .gf-drawer-title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  color: #10161f;
}
body > .gf-drawer.gf-mobile-active .gf-drawer-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #5b6675;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}
body > .gf-drawer.gf-mobile-active .filters__body,
body > .gf-drawer.gf-mobile-active .gf-filter-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 2px;
}
body > .gf-drawer.gf-mobile-active .gf-drawer-footer {
  display: flex !important;
  flex: none;
  flex-direction: column;
  gap: 10px;
  padding-top: 12px;
  border-top: 1px solid #dde3ec;
  background: #f2f5fa;
}
body > .gf-drawer.gf-mobile-active .gf-drawer-reset {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #1f6feb;
  text-align: center;
  text-decoration: none;
}
body > .gf-drawer.gf-mobile-active .gf-btn-apply {
  width: 100%;
  justify-content: center;
}
body > .gf-drawer.gf-mobile-active .gf-btn-apply .gf-apply-count {
  font-weight: 700;
}

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.chips:empty {
  display: none;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 4px 5px 4px 8px;
  border-radius: 200px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #dde3ec;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
}
.chip__x {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #dde3ec;
  color: #5b6675;
  transition: background-color 0.2s, color 0.2s;
}
.chip__x:hover {
  background: #31a6dd;
  color: #fff;
}

.fgroup {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.fgroup__head {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
  text-align: left;
}
.fgroup__name {
  flex: 1 1 0;
  min-width: 0;
}
.fgroup__badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #31a6dd;
  font-size: 11px;
  line-height: 14px;
  font-weight: 500;
  color: #fff;
}
.fgroup__head .ico {
  color: #5b6675;
  transition: transform 0.2s;
}
.fgroup.is-open .fgroup__head .ico {
  transform: scaleY(-1);
}
.fgroup__head:hover {
  color: #31a6dd;
}
.fgroup__list {
  display: none;
  flex-direction: column;
  gap: 16px;
}
.fgroup.is-open .fgroup__list {
  display: flex;
}

.check {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.check input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.check__box {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #dde3ec;
  color: #fff;
  transition: background-color 0.15s, box-shadow 0.15s;
}
.check__box .ico {
  opacity: 0;
}
input:checked + .check__box {
  background: #31a6dd;
  box-shadow: none;
}
input:checked + .check__box .ico {
  opacity: 1;
}
input:focus-visible + .check__box {
  outline: 2px solid #31a6dd;
  outline-offset: 2px;
}
.check:hover .check__box {
  box-shadow: inset 0 0 0 1px #31a6dd;
}
.check__label {
  flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #10161f;
}
.check__count {
  flex: none;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #5b6675;
}

fieldset.fgroup {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.fgroup.is-open .fgroup__badge {
  display: none;
}

.results__title {
  font-size: 48px;
  line-height: 60px;
  font-weight: 800;
  color: #10161f;
}
.results__count {
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  color: #10161f;
}
.results__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
@media (max-width: 1023px) {
  .results {
    gap: 24px;
  }
  .results__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
  .results__body {
    gap: 16px;
  }
}

@media (min-width: 1024px) {
  .top--plain + .page {
    padding-top: 0;
  }
}

.pd {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.pd__gallery {
  flex: 1 1 856px;
  min-width: 0;
  gap: 40px;
}
.pd__col {
  flex: 0 1 800px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pd__main {
  display: block;
  width: 100%;
  cursor: zoom-in;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: inset 0 0 0 1px #dde3ec;
  aspect-ratio: 776/518;
}
.pd__main-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: opacity 0.2s;
}
@media (min-width: 1024px) {
  .pd__gallery {
    position: sticky;
    top: var(--pd-top, 100px);
    transition: top 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  }
}
.pd__main-img.is-fading {
  opacity: 0;
}
.pd__thumbs-wrap {
  position: relative;
}
.pd__thumbs {
  overflow: hidden;
}
.pd__thumb {
  overflow: hidden;
  border-radius: 8px;
  aspect-ratio: 185/125;
  transition: opacity 0.2s;
}
.pd__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.pd__thumb:hover {
  opacity: 0.8;
}
.pd__thumb.is-active {
  opacity: 0.2;
  cursor: default;
}
.pd__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin-top: -19px;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 1px #dde3ec;
  color: #5b6675;
  transition: color 0.2s, box-shadow 0.2s;
}
.pd__arrow:hover {
  color: #31a6dd;
  box-shadow: inset 0 0 0 1px #dde3ec, 0 8px 24px rgba(0, 59, 150, 0.12);
}
.pd__arrow--prev {
  left: -16px;
}
.pd__arrow--prev .ico {
  transform: scaleX(-1);
}
.pd__arrow--next {
  right: -16px;
}
.pd__info {
  gap: 40px;
}
.pd__head {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pd__title {
  font-size: 36px;
  line-height: 44px;
  font-weight: 800;
  color: #10161f;
}
.pd__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.pd__buy {
  display: flex;
  align-items: center;
  gap: 16px;
}
.pd__price {
  flex: 0 1 auto;
  font-size: 36px;
  line-height: 44px;
  font-weight: 800;
  color: #10161f;
}
.pd__price--sale {
  color: #00c056;
}
.pd__price .price__old {
  margin-right: 8px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 400;
  color: #5b6675;
}
.pd__buy .qty {
  flex: 0 0 200px;
  margin-left: auto;
}
.pd__cart {
  flex: 0 0 260px;
  height: 44px;
  padding: 12px 28px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.pd__fast {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.pd__fast .oneclick {
  flex: 1 1 526px;
  min-width: 0;
}
.pd__ask {
  flex: none;
  height: 44px;
  padding: 12px 36px;
}
.pd__block {
  gap: 12px;
}
.pd__h2 {
  font-size: 28px;
  line-height: 36px;
  font-weight: 800;
  color: #10161f;
}
.pd__groups {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.pd__text {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #10161f;
}
.pd__desc {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #10161f;
}
.pd__desc p, .pd__desc li, .pd__desc span, .pd__desc div, .pd__desc h3, .pd__desc h4, .pd__desc strong, .pd__desc b, .pd__desc em, .pd__desc a {
  background-color: transparent !important;
  background-image: none !important;
}
.pd__desc p, .pd__desc span, .pd__desc li {
  white-space: normal !important;
}
.pd__desc p {
  margin: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.pd__desc h3, .pd__desc h4 {
  margin: 12px 0 0;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
}
.pd__desc ul, .pd__desc ol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0 !important;
  padding-inline-start: 0 !important;
  list-style: none !important;
}
.pd__desc li {
  position: relative;
  padding-left: 24px;
  list-style: none !important;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.pd__desc li p {
  margin: 0;
}
.pd__desc ul > li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 11px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
}
.pd__desc ol {
  counter-reset: pd;
}
.pd__desc ol > li {
  counter-increment: pd;
}
.pd__desc ol > li::before {
  content: counter(pd) ".";
  position: absolute;
  left: 0;
  font-weight: 500;
}
.pd__desc strong, .pd__desc b {
  font-weight: 700;
}
.pd__desc a {
  color: #1f6feb;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.pd__desc img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}
.pd__desc > :first-child {
  margin-top: 0;
}
.pd__more {
  align-self: flex-start;
}
.pd__more .ico {
  transform: rotate(90deg);
}
.pd__more[aria-expanded=true] .ico {
  transform: rotate(-90deg);
}
.pd__more:hover .ico {
  transform: rotate(90deg) translate(2px, -2px);
}
.pd__more[aria-expanded=true]:hover .ico {
  transform: rotate(-90deg) translate(2px, -2px);
}
@media (max-width: 1599px) {
  .pd__buy {
    flex-wrap: wrap;
  }
  .pd__price {
    flex-basis: 100%;
  }
  .pd__buy .qty {
    flex: 0 0 140px;
    margin-left: 0;
  }
  .pd__cart {
    flex: 1 1 0;
    padding: 12px 20px;
  }
  .pd__fast {
    flex-wrap: wrap;
  }
  .pd__fast .oneclick {
    flex-basis: 100%;
  }
  .pd__ask {
    flex: 1 1 100%;
  }
}
@media (max-width: 1279px) {
  .pd__gallery {
    gap: 24px;
    padding: 24px;
  }
  .pd__info {
    gap: 24px;
    padding: 24px;
  }
  .pd__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
}
@media (max-width: 1023px) {
  .pd {
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }
  .pd__col {
    flex: none;
    gap: 4px;
  }
  .pd__gallery {
    flex: none;
    gap: 8px;
    padding: 16px 8px 8px;
  }
  .pd__main {
    aspect-ratio: 374/250;
  }
  .pd__thumb {
    width: 112px;
    aspect-ratio: 112/76;
  }
  .pd__arrow {
    display: none;
  }
  .pd__info {
    gap: 16px;
    padding: 28px 16px;
  }
  .pd__head {
    gap: 8px;
  }
  .pd__info .tag--model {
    order: 1;
  }
  .pd__info .tag--stock, .pd__info .tag--place {
    order: 2;
  }
  .pd__buy {
    flex-wrap: wrap;
    gap: 8px;
  }
  .pd__price {
    flex: 0 1 auto;
    flex-basis: 100%;
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
  .pd__buy .qty {
    flex: 0 0 118px;
  }
  .pd__cart {
    flex: none;
    padding: 12px 16px;
  }
  .pd__fast {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .pd__fast .oneclick {
    flex: none;
  }
  .pd__ask {
    flex: none;
    height: 36px;
    padding: 8px 20px;
  }
  .pd__block {
    gap: 16px;
  }
  .pd__h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
  }
  .pd__groups {
    gap: 12px;
  }
}

.bc {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #909aa8;
  white-space: nowrap;
}
.bc a {
  color: #909aa8;
  transition: color 0.2s;
}
.bc a:hover {
  color: #31a6dd;
}
.bc .ico {
  flex: none;
}
.bc span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.bc--m {
  display: none;
}
@media (max-width: 1023px) {
  .bc--d {
    display: none;
  }
  .bc--m {
    display: flex;
    overflow: hidden;
    padding: 0 0 0 0;
  }
  .bc span {
    min-width: 0;
  }
}

.tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 4px 12px;
  border-radius: 8px;
  background: #f6f6f6;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
  white-space: nowrap;
}
.tag .ico {
  color: #909aa8;
}
.tag img {
  width: 24px;
  height: 24px;
}
.tag--cond {
  padding: 4px 4px 4px 12px;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
}
.tag__info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  appearance: none;
  background: rgba(0, 0, 0, 0.12);
  color: #fff;
  font: inherit;
  cursor: help;
}
.tag__info .ico {
  color: #fff;
}
.tag__info[data-tip]::after {
  content: attr(data-tip);
  position: absolute;
  left: -60px;
  bottom: calc(100% + 8px);
  z-index: 5;
  width: 240px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #10161f;
  font-size: 12px;
  line-height: 15px;
  font-weight: 400;
  color: #fff;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s, visibility 0.2s;
  pointer-events: none;
}
.tag__info:hover::after, .tag__info:focus-visible::after {
  opacity: 1;
  visibility: visible;
}

.pd-bar .tag__info[data-tip]::after {
  top: calc(100% + 8px);
  bottom: auto;
  left: 50%;
  z-index: 30;
  transform: translateX(-50%);
}

.qty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  height: 44px;
  padding: 2px 4px;
  border-radius: 8px;
  background: #f2f5fa;
  box-shadow: inset 0 0 0 1px #dde3ec;
}
.qty__btn {
  position: relative;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  background: #fff;
  color: #10161f;
  transition: color 0.2s, opacity 0.2s;
}
.qty__btn::before, .qty__btn::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
  border-radius: 2px;
  background: currentColor;
}
.qty__btn--minus::after {
  display: none;
}
.qty__btn--plus::after {
  transform: rotate(90deg);
}
.qty__btn:hover {
  color: #31a6dd;
}
.qty__btn:disabled {
  opacity: 0.4;
  color: #909aa8;
  cursor: default;
}
.qty__val {
  flex: 1 1 auto;
  min-width: 0;
  width: 40px;
  border: 0;
  background: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
  text-align: center;
}
.qty--bar {
  gap: 4px;
}

.oneclick {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.oneclick__row {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 4px 4px 4px 12px;
  border-radius: 8px;
  background: #f2f5fa;
  box-shadow: inset 0 0 0 1px #dde3ec;
  transition: box-shadow 0.2s, background-color 0.2s;
}
.oneclick__row:focus-within {
  box-shadow: inset 0 0 0 1px #31a6dd;
}
.oneclick.is-error .oneclick__row {
  box-shadow: inset 0 0 0 1px #c05d00;
  background: #fff8f1;
}
.oneclick__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
  border: 0;
  background: none;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
  outline: none;
}
.oneclick .phone-intl {
  flex: 1 1 auto;
  min-width: 0;
  height: 100%;
}
.oneclick__btn {
  flex: none;
  height: 36px;
  padding: 8px 20px;
  border-radius: 6px;
  background: #5b6675;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: #fff;
  transition: background-color 0.2s;
}
.oneclick__btn:hover {
  background: #10161f;
}
.oneclick.is-sent .oneclick__btn {
  background: #00c056;
}
.oneclick__err {
  margin: 0;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  color: #c05d00;
}
.oneclick__err[hidden] {
  display: none;
}

.btn--outline {
  background: none;
  box-shadow: inset 0 0 0 1px #5b6675;
  color: #5b6675;
}
.btn--outline:hover {
  background: #f2f5fa;
  color: #10161f;
}
.btn--outline:active {
  background: #e4e7eb;
}

.pgroup {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pgroup__title {
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  color: #10161f;
}

.ptable {
  margin: 0;
}
.ptable__row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 12px;
  border-radius: 8px;
}
.ptable__row:nth-child(odd) {
  background: #f2f5fa;
}
.ptable dt, .ptable dd {
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #10161f;
}
.ptable dd {
  font-weight: 500;
}
@media (max-width: 1023px) {
  .ptable__row {
    gap: 12px;
    padding: 8px;
  }
  .ptable dt, .ptable dd {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
  .ptable dd {
    flex: 0 0 120px;
    font-weight: 500;
  }
}

@media (max-width: 1023px) {
  .pgroup {
    gap: 4px;
  }
}

.pd-bar {
  position: fixed;
  top: 88px;
  left: 50%;
  z-index: 25;
  display: flex;
  align-items: center;
  gap: 36px;
  width: calc(100% - 80px);
  max-width: 1840px;
  padding: 8px 20px;
  border-radius: 16px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #dde3ec, 0 8px 24px rgba(16, 22, 31, 0.12);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -12px);
  transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
}
.is-pd-bar .pd-bar {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}
.pd-bar__img {
  flex: none;
  width: 72px;
  height: 72px;
  border-radius: 5.76px;
  object-fit: cover;
}
.pd-bar__titles {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.pd-bar__name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pd-bar__tags {
  flex: none;
  flex-wrap: nowrap;
}
.pd-bar__buy {
  flex: none;
  display: flex;
  align-items: center;
  gap: 16px;
}
.pd-bar__price {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #10161f;
}
.pd-bar__price--sale {
  color: #00c056;
}
.pd-bar .qty {
  width: 140px;
}
.pd-bar__cart {
  height: 44px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
@media (max-width: 1599px) {
  .pd-bar {
    gap: 24px;
  }
  .pd-bar__tags .tag:nth-child(n+3) {
    display: none;
  }
}
@media (max-width: 1279px) {
  .pd-bar__tags {
    display: none;
  }
}
@media (max-width: 1023px) {
  .pd-bar {
    top: 72px;
    left: 0;
    flex-wrap: wrap;
    gap: 8px 12px;
    width: 100%;
    padding: 8px 12px;
    transform: translate(0, -12px);
  }
  .is-pd-bar .pd-bar {
    transform: none;
  }
  .pd-bar__img {
    width: 48px;
    height: 48px;
    border-radius: 3.84px;
  }
  .pd-bar__buy {
    flex: 1 1 100%;
    gap: 8px;
  }
  .pd-bar__price {
    flex: 1 1 auto;
  }
  .pd-bar .qty {
    width: 102px;
    height: 36px;
    padding: 2px;
  }
  .pd-bar .qty__btn {
    width: 30px;
    height: 30px;
  }
  .pd-bar__cart {
    height: 36px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }
}

.lightbox {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
  overflow: hidden;
}
.lightbox[open] {
  display: block;
  animation: lb-in 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.lightbox::backdrop {
  background: rgba(16, 22, 31, 0.92);
}
.lightbox__stage {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 80px 96px;
  touch-action: pan-y;
}
.lightbox__img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 16px;
  user-select: none;
  -webkit-user-drag: none;
  transition: opacity 0.15s;
}
.lightbox__img.is-fading {
  opacity: 0;
}
.lightbox__close {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  transition: background-color 0.2s;
}
.lightbox__close:hover {
  background: rgba(255, 255, 255, 0.24);
}
.lightbox__arrow--prev {
  left: 32px;
}
.lightbox__arrow--prev .ico {
  transform: scaleX(-1);
}
.lightbox__arrow--next {
  right: 32px;
}
.lightbox__count {
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.72);
  font-variant-numeric: tabular-nums;
}
@media (max-width: 1023px) {
  .lightbox__stage {
    padding: 72px 0 88px;
  }
  .lightbox__img {
    border-radius: 0;
  }
  .lightbox__close {
    top: 16px;
    right: 16px;
  }
  .lightbox__arrow {
    top: auto;
    bottom: 20px;
    margin-top: 0;
  }
  .lightbox__arrow--prev {
    left: 16px;
  }
  .lightbox__arrow--next {
    right: 16px;
  }
  .lightbox__count {
    bottom: 30px;
  }
}

@keyframes lb-in {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .lightbox[open] {
    animation: none;
  }
}
.tag--cond.badge--new {
  background: #00c056;
}

.tag--cond.badge--c1 {
  background: #8ac000;
}

.tag--cond.badge--c2 {
  background: #bac000;
}

.tag--cond.badge--c3 {
  background: #e8b900;
}

.tag--cond.badge--c4 {
  background: #e87800;
}

.tag--cond.badge--c5 {
  background: #c05d00;
}

@media (max-width: 389px) {
  .pd__buy {
    flex-wrap: wrap;
  }
  .pd__price {
    flex-basis: 100%;
  }
  .pd__buy .qty {
    flex: 1 1 auto;
  }
  .oneclick__input {
    width: 0;
  }
  .oneclick__btn {
    padding: 8px 12px;
  }
}
@media (min-width: 1024px) {
  .header--simple {
    justify-content: space-between;
  }
}
.header--simple .header__nav {
  display: none;
}

.checkout {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.checkout__main {
  flex: 1 1 0;
  min-width: 0;
  gap: 40px;
}
.checkout__side {
  flex: 1 1 0;
  min-width: 0;
  gap: 12px;
}
.checkout__title {
  font-size: 36px;
  line-height: 44px;
  font-weight: 800;
  color: #10161f;
}
.checkout__group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.checkout__h2 {
  float: left;
  width: 100%;
  padding: 0;
  font-size: 28px;
  line-height: 36px;
  font-weight: 800;
  color: #10161f;
}
.checkout__h2 + * {
  clear: both;
}
.checkout__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.checkout__row > * {
  min-width: 0;
}
.checkout__final {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.checkout__agree .check__label a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.checkout__agree .check__label a:hover {
  color: #31a6dd;
}
.checkout__agree.is-error .check__box {
  box-shadow: inset 0 0 0 1px #c05d00;
}
.checkout__total {
  display: flex;
  align-items: center;
  gap: 24px;
}
.checkout__sum {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: right;
}
.checkout__delivery {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #5b6675;
}
.checkout__pay {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #10161f;
}
.checkout__submit {
  flex: none;
  height: 44px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
@media (max-width: 1279px) {
  .checkout {
    flex-direction: column;
    align-items: stretch;
  }
  .checkout__main, .checkout__side {
    flex: none;
  }
}
@media (max-width: 1023px) {
  .checkout {
    gap: 24px;
    padding: 28px 16px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.94);
  }
  .checkout__main, .checkout__side {
    display: contents;
  }
  .checkout__title {
    order: 1;
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
  .checkout .osum {
    order: 2;
  }
  .checkout__group {
    order: 3;
  }
  .checkout__final {
    order: 4;
    gap: 24px;
  }
  .checkout__h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
  }
  .checkout__row {
    grid-template-columns: 1fr;
  }
  .checkout__row--sub {
    grid-template-columns: 1fr 1fr;
  }
  .checkout__agree .check__label {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
  }
  .checkout__total {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .checkout__sum {
    text-align: left;
  }
  .checkout__submit {
    width: 100%;
  }
}

.form__field--float {
  height: 44px;
  padding-right: 12px;
}
.form__field--float .form__ph {
  transition: top 0.15s, font-size 0.15s, line-height 0.15s;
}
.form__field--float input:focus + .form__ph,
.form__field--float input:not(:placeholder-shown) + .form__ph {
  display: block;
  top: 3px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  transform: none;
}
.form__field--float input:focus, .form__field--float input:not(:placeholder-shown) {
  margin-top: 18px;
}
.form__field--float.is-error {
  padding-right: 44px;
}

.form__err {
  position: absolute;
  right: 12px;
  top: 50%;
  display: none;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.form__field.is-error .form__err {
  display: block;
}

.opt {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 8px;
  background: #fff;
  box-shadow: inset 0 0 0 1px #dde3ec;
  cursor: pointer;
  transition: box-shadow 0.2s;
}
.opt input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.opt__box {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #31a6dd;
  color: #fff;
  transition: background-color 0.2s;
}
.opt__box .ico {
  opacity: 0;
}
.opt__text {
  flex: 1 1 0;
  min-width: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #10161f;
}
.opt__logo {
  flex: none;
  width: 126px;
  height: 26px;
}
.opt:hover {
  box-shadow: inset 0 0 0 1px #31a6dd;
}
.opt:has(input:checked) {
  box-shadow: inset 0 0 0 1px #31a6dd;
}
input:checked ~ .opt__box {
  background: #31a6dd;
}
input:checked ~ .opt__box .ico {
  opacity: 1;
}
input:checked ~ .opt__text {
  font-weight: 500;
}
input:focus-visible ~ .opt__box {
  outline: 2px solid #31a6dd;
  outline-offset: 2px;
}
.opt__br {
  display: none;
}
@media (max-width: 1023px) {
  .opt__logo {
    width: 66px;
    height: 14px;
  }
  .opt__br {
    display: inline;
  }
}

.osum {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.osum__head {
  display: flex;
  align-items: center;
  gap: 12px;
}
.osum__title {
  flex: 1 1 0;
  min-width: 0;
  font-size: 28px;
  line-height: 36px;
  font-weight: 800;
  color: #10161f;
}
.osum__toggle {
  display: none;
}
.osum__edit .ico {
  transform: none;
}
.osum a.link-arrow.osum__edit:hover .ico {
  transform: none;
}
.osum__edit--m {
  display: none;
}
.osum__body {
  display: contents;
}
.osum__list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.osum__item {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 8px 20px;
  border-radius: 16px;
  background: #f2f5fa;
}
.osum__img {
  flex: none;
  width: 72px;
  height: 72px;
  border-radius: 8px;
  background: #fff;
  object-fit: cover;
}
.osum__titles {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.osum__name {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
  transition: color 0.2s;
}
.osum__name:hover {
  color: #1f6feb;
}
.osum__price {
  flex: none;
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  color: #10161f;
  text-align: right;
}
.osum__box {
  display: contents;
}
@media (max-width: 1023px) {
  .osum {
    display: block;
    height: 44px;
  }
  .osum__box {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .osum__head {
    gap: 12px;
    min-height: 44px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #f2f5fa;
  }
  .osum__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .osum__toggle {
    display: flex;
  }
  .osum__edit--d {
    display: none;
  }
  .osum__body {
    display: none;
  }
  .osum.is-open .osum__box {
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    z-index: 20;
    padding: 12px 16px 16px;
    border-radius: 20px;
    background: #f2f5fa;
    box-shadow: inset 0 0 0 1px rgba(16, 22, 31, 0.06), 0 8px 24px rgba(16, 22, 31, 0.16);
  }
  .osum.is-open .osum__head {
    min-height: 28px;
    padding: 0 0 0 1px;
    background: none;
  }
  .osum.is-open .osum__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .osum.is-open .osum__toggle .ico--plus {
    display: none;
  }
  .osum.is-open .osum__toggle .ico--minus {
    display: block;
  }
  .osum__list {
    align-self: stretch;
    gap: 8px;
  }
  .osum__item {
    gap: 12px;
    padding: 8px 12px;
    background: #fff;
    box-shadow: inset 0 0 0 1px #dde3ec;
  }
  .osum__edit--m {
    display: inline-flex;
  }
  .osum__name {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.done {
  width: 100%;
  max-width: 1200px;
  align-self: center;
  gap: 20px;
  padding: 80px 40px;
}
.done__icon {
  width: 120px;
  height: 120px;
}
.done__title {
  font-size: 36px;
  line-height: 44px;
  font-weight: 800;
  color: #10161f;
}
.done__text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
  color: #10161f;
}
.done__text a {
  color: #31a6dd;
  transition: color 0.2s;
}
.done__text a:hover {
  color: #1f6feb;
}
.done__note {
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
  color: #10161f;
}
.done__note a {
  color: #31a6dd;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.done__note a:hover {
  color: #1f6feb;
}
.done__btn {
  align-self: flex-start;
  height: 44px;
  padding: 12px 24px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.done ~ .faq {
  width: 100%;
  max-width: 1200px;
  align-self: center;
}
@media (max-width: 1023px) {
  .done {
    gap: 16px;
    padding: 28px 16px;
  }
  .done__icon {
    width: 80px;
    height: 80px;
  }
  .done__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 800;
  }
  .done__text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
  }
  .done__note {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
  }
  .done__btn {
    align-self: stretch;
  }
}

.request-form {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  max-width: none;
  align-self: stretch;
}
.request-form__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  max-width: 50%;
}
@media (max-width: 1023px) {
  .request-form__form {
    max-width: none;
  }
}
.request-form__options {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  border: 1px solid #dde3ec;
  border-radius: 12px;
  background: #fff;
}
.request-form__option {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}
.request-form__qty {
  flex: none;
  min-width: 64px;
  height: 36px;
  padding: 6px 10px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #10161f;
  cursor: pointer;
}
.request-form__qty:focus {
  outline: 0;
  border-color: #31a6dd;
}
.request-form__submit {
  align-self: flex-start;
  height: 44px;
  padding: 12px 24px;
  margin-top: 8px;
}
.request-form .invalid-feedback {
  display: none;
  margin: -4px 0 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #c05d00;
}
.request-form .invalid-feedback.d-block {
  display: block !important;
}
.request-form .form__field.is-invalid,
.request-form .form__field:has(.is-invalid) {
  border-color: #c05d00;
}
.request-form .form__field input.is-invalid,
.request-form .form__field textarea.is-invalid {
  color: #10161f;
}
@media (max-width: 1023px) {
  .request-form {
    gap: 16px;
  }
  .request-form__submit {
    align-self: stretch;
    width: 100%;
  }
}

.calc-page {
  width: 100%;
  max-width: none;
  align-self: stretch;
}
.calc-page .dcalc {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.calc-page .dcalc__form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.calc-page .dcalc__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
.calc-page .dcalc__controls {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
}
.calc-page .dcalc__map-wrap {
  min-width: 0;
}
.calc-page .dcalc__field {
  position: relative;
}
.calc-page .dcalc__line {
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin: 0;
}
.calc-page .dcalc__suggest {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 4px);
  z-index: 5;
}
.calc-page .dcalc__label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  font-weight: 500;
  color: #5b6675;
}
.calc-page .dcalc__input {
  display: block;
  width: 100%;
  height: 44px;
  padding: 8px 12px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #10161f;
}
.calc-page .dcalc__input:focus {
  outline: 0;
  border-color: #31a6dd;
}
.calc-page .dcalc__hint {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #5b6675;
}
.calc-page .dcalc__btn {
  align-self: flex-start;
  height: 44px;
  padding: 12px 24px;
  margin: 0;
}
.calc-page .dcalc__error {
  min-height: 0;
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #c05d00;
}
.calc-page .dcalc__results {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #10161f;
}
.calc-page .dcalc__delivery {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #10161f;
}
.calc-page .dcalc__delivery p {
  margin: 0 0 8px;
}
.calc-page .dcalc__delivery p:last-child {
  margin-bottom: 0;
}
.calc-page .dcalc__map {
  width: 100%;
  height: 420px;
  border: 1px solid #dde3ec;
  border-radius: 12px;
  overflow: hidden;
}
.calc-page .dcalc__suggest ul {
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  max-height: 200px;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0 8px 24px rgba(16, 22, 31, 0.12);
}
.calc-page .dcalc__suggest button {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  background: transparent;
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #10161f;
  cursor: pointer;
}
.calc-page .dcalc__suggest button:hover {
  background: #f2f5fa;
}
.calc-page .dcalc__bottom {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #10161f;
}
.calc-page .dcalc__bottom h2 {
  margin: 24px 0 12px;
  font-size: 28px;
  line-height: 36px;
  font-weight: 800;
  color: #10161f;
}
.calc-page .dcalc__bottom h2:first-child {
  margin-top: 0;
}
.calc-page .dcalc__bottom p {
  margin: 0 0 12px;
}
.calc-page .dcalc__bottom ul {
  margin: 0 0 12px;
  padding-left: 1.25em;
}
.calc-page .dcalc__bottom a {
  color: #31a6dd;
}
.calc-page .dcalc__bottom a:hover {
  color: #1f6feb;
}
.calc-page .dcalc__warn {
  margin: 0;
  padding: 12px 16px;
  border-radius: 12px;
  background: rgba(192, 93, 0, 0.08);
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  color: #c05d00;
}
@media (max-width: 1279px) {
  .calc-page .dcalc__grid {
    grid-template-columns: 1fr;
  }
  .calc-page .dcalc__map {
    min-height: 320px;
  }
}
@media (max-width: 1023px) {
  .calc-page .dcalc__btn {
    align-self: stretch;
    width: 100%;
  }
  .calc-page .dcalc__map {
    min-height: 280px;
  }
  .calc-page .dcalc__bottom h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 800;
  }
}

.phone-intl {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
}
.phone-intl__dial {
  flex: none;
  max-width: 118px;
  height: 36px;
  padding: 4px 6px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #fff;
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: #10161f;
  cursor: pointer;
}
.phone-intl__dial:focus {
  outline: 0;
  border-color: #31a6dd;
}
.phone-intl__national {
  flex: 1 1 auto;
  min-width: 0;
  height: 36px;
  padding: 6px 10px;
  border: 1px solid #dde3ec;
  border-radius: 8px;
  background: #fff;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  color: #10161f;
}
.phone-intl__national:focus {
  outline: 0;
  border-color: #31a6dd;
}
.form__field .phone-intl .phone-intl__dial,
.form__field .phone-intl .phone-intl__national {
  height: 100%;
  border: 0;
  border-radius: 0;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
}
.form__field .phone-intl .phone-intl__dial {
  max-width: 108px;
  padding-right: 4px;
  margin-right: 2px;
  border-right: 1px solid #dde3ec;
  border-radius: 0;
}
.form__field .phone-intl .phone-intl__national::placeholder {
  color: #5b6675;
}
.phone-intl--compact {
  flex: 1 1 auto;
  height: 100%;
}
.phone-intl--compact .phone-intl__dial {
  height: 100%;
  max-width: 100px;
  border: 0;
  border-right: 1px solid #dde3ec;
  border-radius: 0;
  background: transparent;
  padding: 0 6px 0 0;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
}
.phone-intl--compact .phone-intl__national {
  height: 100%;
  border: 0;
  background: none;
  padding: 0 4px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}