/* Start:/local/templates/.default/assets/utils/intlTelInput/css/intlTelInput.css?176432560616501*/
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url("/local/templates/.default/assets/utils/intlTelInput/css/../img/flags.webp");
  --iti-path-flags-2x: url("/local/templates/.default/assets/utils/intlTelInput/css/../img/flags@2x.webp");
  --iti-path-globe-1x: url("/local/templates/.default/assets/utils/intlTelInput/css/../img/globe.webp");
  --iti-path-globe-2x: url("/local/templates/.default/assets/utils/intlTelInput/css/../img/globe@2x.webp");
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}

.iti {
  position: relative;
  display: inline-block;
  margin-top: 7px;
  margin-bottom: 20px;
  width: 100%;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=text],
.iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-color);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none;
}
.iti__dial-code {
  color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}

.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}

.iti__ac {
  --iti-flag-offset: 0px;
}

.iti__ad {
  --iti-flag-offset: -16px;
}

.iti__ae {
  --iti-flag-offset: -32px;
}

.iti__af {
  --iti-flag-offset: -48px;
}

.iti__ag {
  --iti-flag-offset: -64px;
}

.iti__ai {
  --iti-flag-offset: -80px;
}

.iti__al {
  --iti-flag-offset: -96px;
}

.iti__am {
  --iti-flag-offset: -112px;
}

.iti__ao {
  --iti-flag-offset: -128px;
}

.iti__ar {
  --iti-flag-offset: -144px;
}

.iti__as {
  --iti-flag-offset: -160px;
}

.iti__at {
  --iti-flag-offset: -176px;
}

.iti__au {
  --iti-flag-offset: -192px;
}

.iti__aw {
  --iti-flag-offset: -208px;
}

.iti__ax {
  --iti-flag-offset: -224px;
}

.iti__az {
  --iti-flag-offset: -240px;
}

.iti__ba {
  --iti-flag-offset: -256px;
}

.iti__bb {
  --iti-flag-offset: -272px;
}

.iti__bd {
  --iti-flag-offset: -288px;
}

.iti__be {
  --iti-flag-offset: -304px;
}

.iti__bf {
  --iti-flag-offset: -320px;
}

.iti__bg {
  --iti-flag-offset: -336px;
}

.iti__bh {
  --iti-flag-offset: -352px;
}

.iti__bi {
  --iti-flag-offset: -368px;
}

.iti__bj {
  --iti-flag-offset: -384px;
}

.iti__bl {
  --iti-flag-offset: -400px;
}

.iti__bm {
  --iti-flag-offset: -416px;
}

.iti__bn {
  --iti-flag-offset: -432px;
}

.iti__bo {
  --iti-flag-offset: -448px;
}

.iti__bq {
  --iti-flag-offset: -464px;
}

.iti__br {
  --iti-flag-offset: -480px;
}

.iti__bs {
  --iti-flag-offset: -496px;
}

.iti__bt {
  --iti-flag-offset: -512px;
}

.iti__bw {
  --iti-flag-offset: -528px;
}

.iti__by {
  --iti-flag-offset: -544px;
}

.iti__bz {
  --iti-flag-offset: -560px;
}

.iti__ca {
  --iti-flag-offset: -576px;
}

.iti__cc {
  --iti-flag-offset: -592px;
}

.iti__cd {
  --iti-flag-offset: -608px;
}

.iti__cf {
  --iti-flag-offset: -624px;
}

.iti__cg {
  --iti-flag-offset: -640px;
}

.iti__ch {
  --iti-flag-offset: -656px;
}

.iti__ci {
  --iti-flag-offset: -672px;
}

.iti__ck {
  --iti-flag-offset: -688px;
}

.iti__cl {
  --iti-flag-offset: -704px;
}

.iti__cm {
  --iti-flag-offset: -720px;
}

.iti__cn {
  --iti-flag-offset: -736px;
}

.iti__co {
  --iti-flag-offset: -752px;
}

.iti__cr {
  --iti-flag-offset: -768px;
}

.iti__cu {
  --iti-flag-offset: -784px;
}

.iti__cv {
  --iti-flag-offset: -800px;
}

.iti__cw {
  --iti-flag-offset: -816px;
}

.iti__cx {
  --iti-flag-offset: -832px;
}

.iti__cy {
  --iti-flag-offset: -848px;
}

.iti__cz {
  --iti-flag-offset: -864px;
}

.iti__de {
  --iti-flag-offset: -880px;
}

.iti__dj {
  --iti-flag-offset: -896px;
}

.iti__dk {
  --iti-flag-offset: -912px;
}

.iti__dm {
  --iti-flag-offset: -928px;
}

.iti__do {
  --iti-flag-offset: -944px;
}

.iti__dz {
  --iti-flag-offset: -960px;
}

.iti__ec {
  --iti-flag-offset: -976px;
}

.iti__ee {
  --iti-flag-offset: -992px;
}

.iti__eg {
  --iti-flag-offset: -1008px;
}

.iti__eh {
  --iti-flag-offset: -1024px;
}

.iti__er {
  --iti-flag-offset: -1040px;
}

.iti__es {
  --iti-flag-offset: -1056px;
}

.iti__et {
  --iti-flag-offset: -1072px;
}

.iti__fi {
  --iti-flag-offset: -1088px;
}

.iti__fj {
  --iti-flag-offset: -1104px;
}

.iti__fk {
  --iti-flag-offset: -1120px;
}

.iti__fm {
  --iti-flag-offset: -1136px;
}

.iti__fo {
  --iti-flag-offset: -1152px;
}

.iti__fr {
  --iti-flag-offset: -1168px;
}

.iti__ga {
  --iti-flag-offset: -1184px;
}

.iti__gb {
  --iti-flag-offset: -1200px;
}

.iti__gd {
  --iti-flag-offset: -1216px;
}

.iti__ge {
  --iti-flag-offset: -1232px;
}

.iti__gf {
  --iti-flag-offset: -1248px;
}

.iti__gg {
  --iti-flag-offset: -1264px;
}

.iti__gh {
  --iti-flag-offset: -1280px;
}

.iti__gi {
  --iti-flag-offset: -1296px;
}

.iti__gl {
  --iti-flag-offset: -1312px;
}

.iti__gm {
  --iti-flag-offset: -1328px;
}

.iti__gn {
  --iti-flag-offset: -1344px;
}

.iti__gp {
  --iti-flag-offset: -1360px;
}

.iti__gq {
  --iti-flag-offset: -1376px;
}

.iti__gr {
  --iti-flag-offset: -1392px;
}

.iti__gt {
  --iti-flag-offset: -1408px;
}

.iti__gu {
  --iti-flag-offset: -1424px;
}

.iti__gw {
  --iti-flag-offset: -1440px;
}

.iti__gy {
  --iti-flag-offset: -1456px;
}

.iti__hk {
  --iti-flag-offset: -1472px;
}

.iti__hn {
  --iti-flag-offset: -1488px;
}

.iti__hr {
  --iti-flag-offset: -1504px;
}

.iti__ht {
  --iti-flag-offset: -1520px;
}

.iti__hu {
  --iti-flag-offset: -1536px;
}

.iti__id {
  --iti-flag-offset: -1552px;
}

.iti__ie {
  --iti-flag-offset: -1568px;
}

.iti__il {
  --iti-flag-offset: -1584px;
}

.iti__im {
  --iti-flag-offset: -1600px;
}

.iti__in {
  --iti-flag-offset: -1616px;
}

.iti__io {
  --iti-flag-offset: -1632px;
}

.iti__iq {
  --iti-flag-offset: -1648px;
}

.iti__ir {
  --iti-flag-offset: -1664px;
}

.iti__is {
  --iti-flag-offset: -1680px;
}

.iti__it {
  --iti-flag-offset: -1696px;
}

.iti__je {
  --iti-flag-offset: -1712px;
}

.iti__jm {
  --iti-flag-offset: -1728px;
}

.iti__jo {
  --iti-flag-offset: -1744px;
}

.iti__jp {
  --iti-flag-offset: -1760px;
}

.iti__ke {
  --iti-flag-offset: -1776px;
}

.iti__kg {
  --iti-flag-offset: -1792px;
}

.iti__kh {
  --iti-flag-offset: -1808px;
}

.iti__ki {
  --iti-flag-offset: -1824px;
}

.iti__km {
  --iti-flag-offset: -1840px;
}

.iti__kn {
  --iti-flag-offset: -1856px;
}

.iti__kp {
  --iti-flag-offset: -1872px;
}

.iti__kr {
  --iti-flag-offset: -1888px;
}

.iti__kw {
  --iti-flag-offset: -1904px;
}

.iti__ky {
  --iti-flag-offset: -1920px;
}

.iti__kz {
  --iti-flag-offset: -1936px;
}

.iti__la {
  --iti-flag-offset: -1952px;
}

.iti__lb {
  --iti-flag-offset: -1968px;
}

.iti__lc {
  --iti-flag-offset: -1984px;
}

.iti__li {
  --iti-flag-offset: -2000px;
}

.iti__lk {
  --iti-flag-offset: -2016px;
}

.iti__lr {
  --iti-flag-offset: -2032px;
}

.iti__ls {
  --iti-flag-offset: -2048px;
}

.iti__lt {
  --iti-flag-offset: -2064px;
}

.iti__lu {
  --iti-flag-offset: -2080px;
}

.iti__lv {
  --iti-flag-offset: -2096px;
}

.iti__ly {
  --iti-flag-offset: -2112px;
}

.iti__ma {
  --iti-flag-offset: -2128px;
}

.iti__mc {
  --iti-flag-offset: -2144px;
}

.iti__md {
  --iti-flag-offset: -2160px;
}

.iti__me {
  --iti-flag-offset: -2176px;
}

.iti__mf {
  --iti-flag-offset: -2192px;
}

.iti__mg {
  --iti-flag-offset: -2208px;
}

.iti__mh {
  --iti-flag-offset: -2224px;
}

.iti__mk {
  --iti-flag-offset: -2240px;
}

.iti__ml {
  --iti-flag-offset: -2256px;
}

.iti__mm {
  --iti-flag-offset: -2272px;
}

.iti__mn {
  --iti-flag-offset: -2288px;
}

.iti__mo {
  --iti-flag-offset: -2304px;
}

.iti__mp {
  --iti-flag-offset: -2320px;
}

.iti__mq {
  --iti-flag-offset: -2336px;
}

.iti__mr {
  --iti-flag-offset: -2352px;
}

.iti__ms {
  --iti-flag-offset: -2368px;
}

.iti__mt {
  --iti-flag-offset: -2384px;
}

.iti__mu {
  --iti-flag-offset: -2400px;
}

.iti__mv {
  --iti-flag-offset: -2416px;
}

.iti__mw {
  --iti-flag-offset: -2432px;
}

.iti__mx {
  --iti-flag-offset: -2448px;
}

.iti__my {
  --iti-flag-offset: -2464px;
}

.iti__mz {
  --iti-flag-offset: -2480px;
}

.iti__na {
  --iti-flag-offset: -2496px;
}

.iti__nc {
  --iti-flag-offset: -2512px;
}

.iti__ne {
  --iti-flag-offset: -2528px;
}

.iti__nf {
  --iti-flag-offset: -2544px;
}

.iti__ng {
  --iti-flag-offset: -2560px;
}

.iti__ni {
  --iti-flag-offset: -2576px;
}

.iti__nl {
  --iti-flag-offset: -2592px;
}

.iti__no {
  --iti-flag-offset: -2608px;
}

.iti__np {
  --iti-flag-offset: -2624px;
}

.iti__nr {
  --iti-flag-offset: -2640px;
}

.iti__nu {
  --iti-flag-offset: -2656px;
}

.iti__nz {
  --iti-flag-offset: -2672px;
}

.iti__om {
  --iti-flag-offset: -2688px;
}

.iti__pa {
  --iti-flag-offset: -2704px;
}

.iti__pe {
  --iti-flag-offset: -2720px;
}

.iti__pf {
  --iti-flag-offset: -2736px;
}

.iti__pg {
  --iti-flag-offset: -2752px;
}

.iti__ph {
  --iti-flag-offset: -2768px;
}

.iti__pk {
  --iti-flag-offset: -2784px;
}

.iti__pl {
  --iti-flag-offset: -2800px;
}

.iti__pm {
  --iti-flag-offset: -2816px;
}

.iti__pr {
  --iti-flag-offset: -2832px;
}

.iti__ps {
  --iti-flag-offset: -2848px;
}

.iti__pt {
  --iti-flag-offset: -2864px;
}

.iti__pw {
  --iti-flag-offset: -2880px;
}

.iti__py {
  --iti-flag-offset: -2896px;
}

.iti__qa {
  --iti-flag-offset: -2912px;
}

.iti__re {
  --iti-flag-offset: -2928px;
}

.iti__ro {
  --iti-flag-offset: -2944px;
}

.iti__rs {
  --iti-flag-offset: -2960px;
}

.iti__ru {
  --iti-flag-offset: -2976px;
}

.iti__rw {
  --iti-flag-offset: -2992px;
}

.iti__sa {
  --iti-flag-offset: -3008px;
}

.iti__sb {
  --iti-flag-offset: -3024px;
}

.iti__sc {
  --iti-flag-offset: -3040px;
}

.iti__sd {
  --iti-flag-offset: -3056px;
}

.iti__se {
  --iti-flag-offset: -3072px;
}

.iti__sg {
  --iti-flag-offset: -3088px;
}

.iti__sh {
  --iti-flag-offset: -3104px;
}

.iti__si {
  --iti-flag-offset: -3120px;
}

.iti__sj {
  --iti-flag-offset: -3136px;
}

.iti__sk {
  --iti-flag-offset: -3152px;
}

.iti__sl {
  --iti-flag-offset: -3168px;
}

.iti__sm {
  --iti-flag-offset: -3184px;
}

.iti__sn {
  --iti-flag-offset: -3200px;
}

.iti__so {
  --iti-flag-offset: -3216px;
}

.iti__sr {
  --iti-flag-offset: -3232px;
}

.iti__ss {
  --iti-flag-offset: -3248px;
}

.iti__st {
  --iti-flag-offset: -3264px;
}

.iti__sv {
  --iti-flag-offset: -3280px;
}

.iti__sx {
  --iti-flag-offset: -3296px;
}

.iti__sy {
  --iti-flag-offset: -3312px;
}

.iti__sz {
  --iti-flag-offset: -3328px;
}

.iti__tc {
  --iti-flag-offset: -3344px;
}

.iti__td {
  --iti-flag-offset: -3360px;
}

.iti__tg {
  --iti-flag-offset: -3376px;
}

.iti__th {
  --iti-flag-offset: -3392px;
}

.iti__tj {
  --iti-flag-offset: -3408px;
}

.iti__tk {
  --iti-flag-offset: -3424px;
}

.iti__tl {
  --iti-flag-offset: -3440px;
}

.iti__tm {
  --iti-flag-offset: -3456px;
}

.iti__tn {
  --iti-flag-offset: -3472px;
}

.iti__to {
  --iti-flag-offset: -3488px;
}

.iti__tr {
  --iti-flag-offset: -3504px;
}

.iti__tt {
  --iti-flag-offset: -3520px;
}

.iti__tv {
  --iti-flag-offset: -3536px;
}

.iti__tw {
  --iti-flag-offset: -3552px;
}

.iti__tz {
  --iti-flag-offset: -3568px;
}

.iti__ua {
  --iti-flag-offset: -3584px;
}

.iti__ug {
  --iti-flag-offset: -3600px;
}

.iti__us {
  --iti-flag-offset: -3616px;
}

.iti__uy {
  --iti-flag-offset: -3632px;
}

.iti__uz {
  --iti-flag-offset: -3648px;
}

.iti__va {
  --iti-flag-offset: -3664px;
}

.iti__vc {
  --iti-flag-offset: -3680px;
}

.iti__ve {
  --iti-flag-offset: -3696px;
}

.iti__vg {
  --iti-flag-offset: -3712px;
}

.iti__vi {
  --iti-flag-offset: -3728px;
}

.iti__vn {
  --iti-flag-offset: -3744px;
}

.iti__vu {
  --iti-flag-offset: -3760px;
}

.iti__wf {
  --iti-flag-offset: -3776px;
}

.iti__ws {
  --iti-flag-offset: -3792px;
}

.iti__xk {
  --iti-flag-offset: -3808px;
}

.iti__ye {
  --iti-flag-offset: -3824px;
}

.iti__yt {
  --iti-flag-offset: -3840px;
}

.iti__za {
  --iti-flag-offset: -3856px;
}

.iti__zm {
  --iti-flag-offset: -3872px;
}

.iti__zw {
  --iti-flag-offset: -3888px;
}

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
/* End */


/* Start:/local/templates/.default/assets/utils/swiper/swiper.css?176432560618459*/
/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/.default/assets/font/Roboto/stylesheet.css?17643256062758*/
@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-Black.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-Bold.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-BlackItalic.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-Regular.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-ThinItalic.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-MediumItalic.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-BoldItalic.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-Light.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-Thin.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-Medium.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-LightItalic.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/.default/assets/font/Roboto/Roboto-Italic.woff') format('woff'),
        url('/local/templates/.default/assets/font/Roboto/Roboto-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


/* End */


/* Start:/local/templates/.default/assets/css/colors.css?17643256061035*/
@charset "UTF-8";
:root {
  --opdev-gray-100: #f8f9fa;
  --opdev-gray-200: #e9ecef;
  --opdev-gray-300: #dee2e6;
  --opdev-gray-400: #ced4da;
  --opdev-gray-500: #adb5bd;
  --opdev-gray-600: #6c757d;
  --opdev-gray-700: #495057;
  --opdev-gray-800: #343a40;
  --opdev-gray-900: #212529;

  --opdev-white: #ffffff;
  --opdev-black: #000000;
}
:root,
[data-opdev-theme=ve] {
  --opdev-primary: #00929F;
  --opdev-secondary: #6C757D;
  --opdev-success: #00BDAD;
  --opdev-info: #0DCAF0;
  --opdev-warning: #FFAC05;
  --opdev-danger: #FF5B3A;
  --opdev-light: #F8F9FA;
  --opdev-dark: #212529;

  --opdev-primary-dark: #02747E;
  --opdev-primary-light: #E0F0F1;
  --opdev-primary-100: #00A9B9;
  --opdev-danger-light: #FFEFEC;
}
[data-opdev-theme=mm] {
  --opdev-primary: #C63734;
  --opdev-secondary: #6C757D;
  --opdev-success: #00BDAD;
  --opdev-info: #0DCAF0;
  --opdev-warning: #FFAC05;
  --opdev-danger: #FF5B3A;
  --opdev-light: #F8F9FA;
  --opdev-dark: #212529;

  --opdev-primary-dark: #B32F2D;
  --opdev-primary-light: #F3E3E4;
}
/* End */


/* Start:/local/templates/.default/assets/css/style.css?1770204170217290*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: normal;
    -webkit-overflow-scrolling: touch;
}

body.no-scroll {
    overflow: hidden;
}

.wrapper {
    overflow-x: hidden;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}

.container {
    max-width: 1296px;
    padding: 0 12px;
    margin: 0 auto;
}

.container h1 {
    font-size: 32px;
    color: var(--opdev-gray-800);
    line-height: 40px;
}

a {
    text-decoration: none;
    color: var(--opdev-primary);
}

a:hover {
    color: var(--opdev-primary);
}

a,
img,
button,
input,
label,
svg,
path {
    transition: .3s ease all;
}

button,
input {
    background-color: transparent;
    border: none;
    outline: none;
}

button {
    cursor: pointer !important;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

form input[name="form_checkbox_POLICY[]"] {
    margin-bottom: 0 !important;
    vertical-align: middle;
}

.no-scroll {
    overflow: hidden;
}


/* Header start */
.header {
    background-color: var(--opdev-primary);
}

.header.light {
    background-color: var(--opdev-white);
}

.header.light .header_block .header_call,
.header.light .header_search .header_search-label {
    background: var(--opdev-primary);
    border: 1px solid var(--opdev-primary);
}

.header.light .header_search .header_search-inp {
    border: 1px solid var(--opdev-primary);
}

.header-scroll {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 999;
    width: 100%;
    transition: .3s ease all;
}

.header-scroll.active {
    top: 0;
}

/* Disable pointer-events on dialogs inside hidden header-scroll */
.header-scroll:not(.active) dialog,
.header-scroll:not(.active) dialog * {
    pointer-events: none !important;
}

.header .header_content {
    display: flex;
    flex-direction: column;
}


.header_content .header_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*gap: 20px;*/
    padding: 8px 0;
    border-bottom: 1px solid var(--opdev-primary-100);
}

.header.light .header_top {
    border-bottom: 1px solid var(--opdev-gray-200);
}

.header_content .header_top-location {
    position: relative;
}

.header_content .header_location-tab {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
}

.header_location-tab .header_location-arrow.active {
    transform: rotateZ(-180deg);
}

.header_top-location .header_location-texts {
    position: absolute;
    opacity: 0;
    top: 15px;
    left: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    background-color: var(--opdev-primary);
    box-shadow: 0 0 7px 0 #FFF;
    box-shadow: 0 0 7px 0 var(--opdev-light);
    border-radius: 5px;
    padding: 10px;
    transition: .3s ease all;
}

.header_top-location .header_location-texts.active {
    top: 23px;
    opacity: 1;
    pointer-events: all;
}

.header_location-texts span {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 1px solid transparent;
    transition: .3s ease all;
}

.header_location-texts span:hover {
    border-bottom: 1px solid #FFF;
    border-bottom: 1px solid var(--opdev-light);
}

.header_top .header_phone {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header_top .header_navs {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header_navs .header_nav {
    position: relative;
    font-size: 14px;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
    display: flex;
    align-items: center;
    gap: 4px;
    overflow: hidden;
}

.header_mob .header_navs .header_nav {
    font-size: 20px;
    line-height: 30px;
}

.header_navs .header_nav::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -150%;
    width: 100%;
    height: 1px;
    background-color: #FFF;
    background-color: var(--opdev-light);
    transition: .3s ease all;
}

.header_nav.selected {
    text-decoration: underline;
}

.header.light .header_navs .header_nav::after {
    background-color: var(--opdev-primary);
}

.header_navs .header_nav:hover::after {
    left: 0;
}

.header_content .header_bottom {
    padding: 6px 0;
    display: flex;
    align-items: center;
    gap: 27px;
}

.header_content .header_logo {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.header_content .header_logo img {
    width: 130px;
}

.header_content .header_logo span {
    font-size: 10px;
    font-weight: 700;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
    white-space: nowrap;
}

.header_content .header_block,
.header_content .header_block-wrap {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
}

.modal_back {
    position: fixed;
    inset: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.32);
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
    cursor: pointer;
}

.modal_back.open {
    opacity: 1;
    visibility: visible;
}

body:has(.modal_back.open) {
    overflow: hidden;
}

.header_content .header_search {
    display: flex;
    align-items: center;
    width: 100%;
    height: 38px;
    position: relative;
}

.header_search.active {
    z-index: 4;
}

.header_search .suggested_list {
    position: absolute;
    padding: 9px;
    border-radius: 8px;
    background: var(--white, #FFF);
    list-style: none;
    width: calc(100% - 42px);
    left: 0;
    top: 45px;
    opacity: 0;
    z-index: 4;
    visibility: hidden;
    transition: .3s all ease;
}

.header_search.active .suggested_list {
    opacity: 1;
    visibility: visible;
}

.header_search .suggested_list li {
    padding: 6px 8px;
    margin: 0 0 8px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 125%;
    color: var(--Gray-600, #6C757D);
    transition: .3s all ease;
    cursor: pointer;
}

.header_search .suggested_list li:hover {
    color: var(--Gray-800, #343A40);
}

.header_search .suggested_list li:last-child {
    margin: 0;
}

.header-scroll .header_content .header_search {
    max-width: 570px;
    margin-left: auto;
}

.header_search .header_search-inp {
    height: 100%;
    width: 100%;
    padding: 6px 12px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px 0px 0px 4px;
    font-size: 16px;
    line-height: 24px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.header_search .header_search-inp::placeholder {
    font-size: 16px;
    line-height: 24px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.header_search .header_search-label {
    width: 42px;
    height: 100%;
    padding: 10px 12px;
    border-radius: 0px 4px 4px 0px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    background-color: var(--opdev-primary);
    cursor: pointer;
}

.header_search .header_search-label:hover {
    background-color: #02747E;
    background-color: var(--opdev-primary-dark);
}

.header_block .header_call {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.header_block .header_call:hover {
    background-color: #02747E;
    background-color: var(--opdev-primary-dark);
}

.header_block .header_call img {
    display: none;
    vertical-align: middle;
}

.header_block .header_phone-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.header_block .header_phone-wrap .header_phone {
    display: none;
}

.header_phone-wrap .header_logo-mob {
    width: 100px;
    display: none;
}

.header_block .header_phone {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

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

.header_phone .header_phone-box a {
    font-size: 16px;
    line-height: 20px;
    color: #FFF;
    color: var(--opdev-white);
    white-space: nowrap;
}

.header.light .header_phone .header_phone-box a,
.header.light .header_phone .header_phone-box span,
.header.light .header_navs .header_nav {
    color: var(--opdev-black);
}

.header_phone .header_phone-box span {
    font-size: 12px;
    line-height: 16px;
    color: #FFF;
    color: var(--opdev-white);
}

.header_top .header_phone .header_phone-box a {
    font-size: 14px;
}

.header_menu {
    display: flex;
    align-items: center;
    gap: 2px;
}

.header_menu .header_menu-tab {
    position: relative;
    width: 76px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.header_menu:has(.header_menu-link) {
    gap: 18px;
}

.header_menu .header_menu-link {
    padding: 8px;
    border-radius: 4px;
    background: var(--Gray-100, #F8F9FA);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: var(--Gray-800, #343A40);
    white-space: nowrap;
    text-wrap: nowrap;
}

.header_menu .header_menu-tab img {
    width: 24px;
    height: 24px;
}

.header_menu .header_menu-tab span {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: #FFF;
    color: var(--opdev-white);
}

.header_menu .header_menu-tab b {
    position: absolute;
    top: 0;
    right: 5px;
    padding: 5px 3px;
    height: 16px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    color: #02747E;
    color: var(--opdev-primary-dark);
}

/* Header mob */
.header_bars {
    padding: 6.5px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    background-color: var(--opdev-primary);
    border-radius: 3.2px;
    display: none;
    align-items: center;
    justify-content: center;
}

.header_bars:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.header.light .header_bars:hover,
.header.light .header_bars {
    background: #EC1821;
    background: var(--opdev-primary);
    border: 1px solid #EC1821;
    border: 1px solid var(--opdev-primary);
}

.header_mob {
    position: fixed;
    top: 0;
    right: -150%;
    z-index: 17;
    padding: 10px 20px;
    width: 300px;
    background: #00929F;
    background: var(--opdev-primary);
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: auto;
    gap: 20px;
    transition: .3s ease all;
}

.header.light .header_mob {
    background: var(--opdev-white);
}

.header_mob p {
    white-space: nowrap;
}

.header_mob.active {
    right: 0;
}

.header_mob.active+.header_mob-bg {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 16;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
}

.header_mob .header_close {
    max-width: fit-content;
    margin-left: auto;
}

.header_mob .header_close svg path {
    fill: #000;
}

.header_mob .header_navs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.header_mob .header_navs .header_nav {
    max-width: fit-content;
    color: var(--opdev-light);
}

/* Header end */

/* Header Message start */
.header_message {
    background: #000;
    background: var(--opdev-dark);
    padding: 5px 0px;
}

.header_message .head_message-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.header_message .head_message-info {
    display: flex;
    align-items: center;
    gap: 50px;
}

.header_message .head_message-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
}

.header_message .info__circle-img:hover svg path,
.header_message .info__circle-img.active svg path {
    fill: #FF5B3A;
    fill: var(--opdev-danger);
}

.header_message .head_message-link {
    padding: 4px 8px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    border-radius: 3.2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: var(--opdev-primary);
}

.header_message .head_message-link:hover {
    background: #00BDAD;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

/* Header Message end */



/* Bottom menu */
.bottom_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: #FFF;
    background: var(--opdev-white);
    width: 100%;
    height: 48px;
    display: none;
    align-items: center;
}

.bottom_menu .bottom_menu-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 100%;
    padding: 12px;
    border-top: 1px solid #CED4DA;
    border-top: 1px solid var(--opdev-gray-400);
    border-right: 1px solid #CED4DA;
    border-right: 1px solid var(--opdev-gray-400);
}

.bottom_menu .bottom_menu-link.active svg path,
.bottom_menu .bottom_menu-link:hover svg path {
    fill: #00929F;
    fill: var(--opdev-primary);
}

.bottom_menu-link .bottom_menu-spn {
    position: absolute;
    left: 60%;
    top: 5px;
    padding: 2px 4px;
    font-size: 10px;
    font-weight: 700;
    line-height: 12px;
    color: #FFF;
    color: var(--opdev-white);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
}

/* Bottom menu */

/* Breadcrumb start */
.breadcrumb {
    padding: 26px 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}

.breadcrumb-span {
    margin: 0;
}

.breadcrumb img {
    width: 8px !important;
}

.breadcrumb .breadcrumb-items {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow: auto;
}

.breadcrumb .breadcrumb-items::-webkit-scrollbar {
    display: none;
}

.breadcrumb-items .breadcrumb-link {
    display: flex;
    align-items: center;
    gap: 6px;
}

.breadcrumb-items .breadcrumb-link span {
    font-size: 16px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    border-bottom: 1px solid #00929F;
    border-bottom: 1px solid var(--opdev-primary);
    white-space: nowrap;
    text-wrap: nowrap;
}

.breadcrumb-items .breadcrumb-span {
    font-size: 16px;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    white-space: nowrap;
    text-wrap: nowrap;
}

.breadcrumb-items .breadcrumb-link svg path {
    fill: var(--opdev-primary);
}

/* Breadcrumb end */

/* Catalog start */
.catalog {
    padding-bottom: 48px;
}

.catalog .catalog-main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.catalog-main .catalog_top {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.catalog_top .catalog-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
    margin-bottom: 0;
}

.catalog_top .catalog_mini-cards {
    display: grid;
    grid-template-columns: 18% 18% 18% 18% 18%;
    gap: 16px;
}

.catalog_mini-cards .catalog_mini-card {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px 8px 8px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
}

.catalog_mini-cards .catalog_mini-card p {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.catalog_top .catalog_filter {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.catalog_filter .catalog_filter-spn {
    font-size: 12px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    padding: 3px 6px;
    background: #00929F1A;
    background: var(--opdev-primary-light);
    border-radius: 4px;
    width: fit-content;
}

.catalog_filter .catalog_filter-tabs {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.catalog_filter .catalog_filter-tab {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    padding: 8px;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    white-space: nowrap;
}

.catalog .catalog_block {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 24px;
}

.sidebar_wrap {
    z-index: 2;
    width: 24%;
    height: auto;
}

.wrapper:has(.catalog_sidebar) {
    overflow-x: clip;
}

.catalog_block .catalog_sidebar {
    /* position: sticky; */
    top: 42px;
    transform: none;
    width: 306px;
    /* max-height: calc(100svh - 52px - 15px); */
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}




.catalog_block .catalog_sidebar::-webkit-scrollbar {
    display: none;
}

.catalog_sidebar .sidebar_header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px;
    background: #FFF;
    background: var(--opdev-white);
}

.catalog_sidebar .sidebar_header .sidebar_close {
    cursor: pointer;
}

.catalog_sidebar .sidebar_item {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 8px 12px 12px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
}

.sidebar_item .sidebar_item-title {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
}

.sidebar_item .sidebar_item-title.active a {
    color: var(--opdev-primary);
}

.sidebar_item-box .sidebar_box a.active {
    color: var(--opdev-primary);
}

.sidebar_item .sidebar_item-title a {
    color: #343A40;
    color: var(--opdev-black);
}

.sidebar_item .sidebar_text-modal {
    position: relative;
}

.sidebar_item .sidebar_modal {
    position: absolute;
    left: 110%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    width: 251px;
    z-index: 4;
    padding: 10px;
    border-radius: 4px;
    color: #FFF;
    background-color: var(--opdev-light);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 14px 0px;
    transition: .3s ease all;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar_item .sidebar_modal.active {
    opacity: 1;
    pointer-events: all;
}

.sidebar_item .sidebar_modal::after {
    content: '';
    position: absolute;
    left: -7px;
    top: 35%;
    z-index: -1;
    width: 15px;
    height: 15px;
    background: #FFF;
    background: var(--opdev-white);
    transform: rotate(-45deg);
}

.sidebar_modal .sidebar_modal-close {
    display: none;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

.sidebar_item .sidebar_modal-title {
    display: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.sidebar_item .sidebar_modal-text {
    font-size: 12px;
    line-height: 14px;
    color: #343A40;
    color: var(--opdev-black);
}

.sidebar_item .sidebar_item-title b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: flex;
    align-items: center;
    gap: 13px;
    max-width: 230px;
}

.sidebar_item-arrow {
    width: 24px !important;
}

.sidebar_item .sidebar_item-arrow {
    transition: .3s ease all;
    transform: rotateX(180deg);
}

.sidebar_item .sidebar_item-arrow.active {
    transform: rotateX(0deg);
}

.sidebar_item .sidebar_item-box {
    display: flex;
    align-items: left;
    gap: 12px;
}

.sidebar_item .sidebar_item-box.active {
    display: flex;
}

.sidebar_item-box .sidebar_item-inp {
    position: relative;
    width: 100%;
}

.sidebar_item-box .sidebar_item-inp span {
    position: absolute;
    top: 11px;
    left: 12px;
    font-size: 16px;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.sidebar_item-box .sidebar_item-inp input {
    background: #FFF;
    background: var(--opdev-white);
    width: 100%;
    height: 38px;
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
    padding: 6px 12px 6px 35px;
    border-radius: 3.2px;
    font-size: 16px;
    line-height: 24px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

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

.sidebar_item .sidebar_item-check.active {
    display: none;
}

.question_modal-wrap .sidebar_check-inp,
.sidebar_item-check .sidebar_check-inp {
    display: flex;
    align-items: center;
    gap: 8px;
}

.order_item-title .circle_recipient.none,
.sidebar_item-check .sidebar_check-inp.none {
    display: none;
}

.sidebar_item-check .sidebar_check-inp label {
    font-size: 16px;
    line-height: 20px;
    color: #ADB5BD;
    color: var(--opdev-gray-700);
    cursor: pointer;
}

.sidebar_check-inp {
    margin-bottom: 10px;
}

.sidebar_check-inp input[type="checkbox"] {
    appearance: none;
    color: #FFF;
    background-color: var(--opdev-light);
    width: 16px;
    height: 16px;
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    border-radius: 4px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.sidebar_check-inp input[type="checkbox"]::before {
    content: "";
    width: 10px;
    height: 10px;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--opdev-light);
    transform-origin: bottom left;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.sidebar_check-inp input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.sidebar_check-inp input[type="checkbox"]:checked {
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    background: #00929F;
    background: var(--opdev-primary);
}

.sidebar_item-check .sidebar_check-inp input[type="checkbox"]:checked+label {
    color: #343A40;
    color: var(--opdev-primary);
}

.sidebar_item-check .more_check-btn {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #00929F;
    color: var(--opdev-primary);
    text-align: start;
    cursor: pointer;
}

.catalog_sidebar .sidebar_links {
    position: sticky;
    bottom: 0;
    z-index: 2;
    width: 306px;
    padding: 8px 12px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar_links.sidebar_links_down {
    position: relative !important;
}

.sidebar_links .sidebar_link {
    height: 38px;
    width: 98px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
}

.sidebar_links .sidebar_link1:hover {
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

.sidebar_links .sidebar_link2 {
    width: 100%;
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
}

.sidebar_links .sidebar_link2:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.catalog_block .home_sidebar {
    border-radius: 8px;
    padding: 12px;
    background: #FFF;
    background: var(--opdev-white);
    /* height: 1578px; */
    overflow-y: auto;
}

.catalog_block .home_sidebar::-webkit-scrollbar {
    display: none;
}

.home_sidebar-wrap .home_sidebar-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
    margin-bottom: 8px;
}

.home_sidebar .sidebar_item .sidebar_item-title {
    padding: 0;
    background: #F8F9FA;
    background: var(--opdev-light);
}

.home_sidebar .catalog_items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.home_sidebar .sidebar_item {
    background: #F8F9FA;
    background: var(--opdev-light);
    padding: 8px 12px;
}


.home_sidebar .sidebar_item .sidebar_item-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.sidebar_item .sidebar_item-title a {
    color: var(--opdev-black);
}

.sidebar_item-box .sidebar_box a {
    font-size: 14px;
    line-height: 16px;
    color: var(--opdev-black);
}

.sidebar_item-box .sidebar_box a:hover {
    color: var(--opdev-primary);
}

.home_sidebar .sidebar_item .sidebar_item-box {
    flex-direction: none;
}

.home_sidebar .sidebar_item .sidebar_item-box.active {
    display: none;
}

.home_sidebar .sidebar_item-box .sidebar_box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sidebar_item-box .sidebar_box span {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 6px;
    color: #00929F;
    color: var(--opdev-primary);
    border-radius: 4px;
    background: var(--opdev-primary-light);
    max-width: fit-content;
}

.sidebar_item-box .sidebar_box p {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.sidebar_box .sidebar_box-logo {
    display: flex;
    align-items: start;
    gap: 8px;
    flex-wrap: wrap;
}

.sidebar_box-logo .sidebar_logo-link {
    padding: 5px 8px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 4px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.catalog_block .catalog_product {
    display: flex;
    flex-direction: column;
    width: 74%;
    margin-left: auto;
}

.catalog_product .product_filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.product_filters .product_filter {
    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 12px;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #E9ECEF;
    border: 1px solid var(--opdev-gray-200);
    width: 156px;
    font-size: 14px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
}

.catalog_product .product_radio-tab {
    display: none;
    align-items: center;
    gap: 8px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    font-size: 14px;
    line-height: 16px;
}

.catalog_product .product_radio-tab.active img {
    transform: rotateX(-180deg);
}

.catalog_product .product_links {
    display: flex;
    align-items: center;
    gap: 17px;
}

.product_links .product_link {
    font-size: 14px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
}

.product_links .product_link:hover,
.product_links .product_link.active {
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.catalog_product .product_radio-wrap {
    position: fixed;
    bottom: -20px;
    left: 0;
    width: 100%;
    z-index: 16;
    opacity: 0;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 16px 16px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px 8px 0 0;
    transition: .3s ease all;
}

.catalog_product .product_radio-wrap.active {
    bottom: 0;
    opacity: 1;
    pointer-events: all;
}

.catalog_product .product_radio-wrap.active+.product_radio-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #343a407b;
    background: var(--opdev-light-black);
    z-index: 15;
}

.product_radio-wrap .product_radio-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.product_radio-wrap .product_radio-btn {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    color: #FFF;
    color: var(--opdev-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;

}

.product_radio-wrap .product_radio-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.catalog_product .product_radio-items {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.catalog_product .product_radio-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product_radio-inp[type="radio"]:checked,
.product_radio-inp[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}

.product_radio-inp[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--opdev-gray-400);
    color: #CED4DA;
}

.product_radio-inp[type="radio"]:checked+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #343A40;
    color: var(--opdev-black);
}

.product_radio-inp[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 100%;
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
}

.product_radio-inp[type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    border-radius: 100%;
    background: #00929F;
    background: var(--opdev-primary);
}

.product_radio-inp[type="radio"]:checked+label:after,
.product_radio-inp[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #FFF;
    background: var(--opdev-white);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.product_radio-inp[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.product_radio-inp[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.product_radio-item .product_radio-label {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.product_cards {
    margin-top: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.product_cards_full {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.product_cards-wrap {
    margin-bottom: 48px;
}

.product_card {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

.product_card .product_card-block {
    position: relative;
    padding: 8px;
    height: 252px;
}

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

.product_card .product_card-tabs {
    position: absolute;
    top: 7px;
    right: 7px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header_message .info__circle-img svg path,
.video svg path,
.like svg path {
    fill: #00BDAD;
    fill: var(--opdev-primary);
}

.like:hover svg path {
    fill: #02747E;
    fill: var(--opdev-primary-dark);
}

.video .video2,
.like .like2 {
    display: none;
}

.video.active .video1,
.like.active .like1 {
    display: none;
}

.video.active .video2,
.like.active .like2 {
    display: block;
}

.video.active svg path,
.like.active svg path {
    fill: #00BDAD;
    fill: var(--opdev-primary);
}

.product_card .card_block-spns {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: absolute;
    bottom: 8px;
    left: 8px;
}

.card_block-spns .card_block-spn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    height: 25px;
    padding: 2px 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #FFF;
    color: var(--opdev-white);
    border-radius: 4px;
    max-width: fit-content;
}

.card_block-spns .card_block-spn.hit {
    background: #FFAC05;
    background: var(--opdev-warning);
}

.card_block-spns .card_block-spn.percent {
    background: #FF5B3A;
    background: var(--opdev-danger);
}

.card_block-spns .card_block-spn.new {
    background: #00BDAD;
    background: var(--opdev-success);
}

.product_card-block .product_card-code {
    position: absolute;
    right: 12px;
    bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.product_card .product_card-info {
    display: flex;
    flex-direction: column;
    justify-content: end;
    height: 100%;
    gap: 16px;
    padding: 12px;
}

.product_card-info .product_card-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
    height: 48px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.product_card-info .product_card-price,
.product_card-price .card_price-spn {
    display: flex;
    align-items: center;
    gap: 8px;
}

.product_card-info .product_card-price b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.product_card-price .card_price-spn span {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 16px;
    text-decoration: line-through;
    color: var(--opdev-gray-400);
    color: #CED4DA;
}

.product_card-info .product_card-shop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product_card-shop .card_info-date {
    display: flex;
    align-items: center;
    gap: 16px;
}

.card_info-date .info_date-box {
    display: flex;
    align-items: center;
    gap: 4px;
}

.card_info-date .info_date-box span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #00BDAD;
    background: var(--opdev-success);
}

.card_info-date .info_date-box .spn-blue {
    background: #00BDAD;
    background: var(--opdev-success);
}

.card_info-date .info_date-box .spn-red {
    background: #FF5B3A;
    background: var(--opdev-danger);
}

.card_info-date .info_date-box b {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.product_card-shop .product_shop-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    border-radius: 3.2px;
    color: #FFF;
    color: var(--opdev-white);
    border: 1px solid var(--opdev-primary);
    background: var(--opdev-primary);
}

.product_card-shop .product_shop-link:active,
.product_card-shop .product_shop-link:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.product_card-shop .product_shop-link-incart {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    border-radius: 3.2px;
    color: var(--opdev-primary);
    border: 1px solid var(--opdev-primary);
    background: var(--opdev-white);
}

.product_card-shop .product_shop-link-incart:hover {
    background: var(--opdev-primary-light);
}

.product_card-shop .product_shop-link-preorder {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    border-radius: 3.2px;
    color: var(--opdev-danger);
    border: 1px solid var(--opdev-danger);
    background: var(--opdev-white);
}

.product_card-shop .product_shop-link-preorder:hover {
    background: var(--opdev-danger-light);
}


.product_card-shop .product_shop-link[disabled],
.product_card-shop .product_shop-link.disabled,
.product_card-shop .product_shop-link:disabled {
    background-color: var(--opdev-gray-300);
    border-color: var(--opdev-gray-300);
    color: var(--opdev-gray-500);
    cursor: default;
    font-weight: 400;
    fill: var(--opdev-gray-500);
}

.product_card-shop .product_shop-link.added {
    background-color: #02747E;
    background-color: var(--opdev-primary-dark);
    border: 1px solid var(--opdev-primary-dark);
}

.product_card-shop .product_shop-link svg {
    /*width: 16px;*/
    /*height: 16px;*/
    fill: var(--opdev-white);
}

.product_card-shop .product_shop-link.disabled svg {
    fill: var(--opdev-gray-500);
}

.product_paginations-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
}

.product_paginations {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    height: 39px;
    overflow: hidden;
}

.product_paginations .pagination_dote,
.product_paginations .pagination_arrow {
    width: 38px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #DEE2E6;
    border-right: 1px solid var(--opdev-gray-300);
}

.pagination_dote path {
    fill: var(--opdev-primary);
}

.product_paginations .pagination_arrow2 {
    border: none;
}

.product_paginations .pagination_arrow:hover {
    background: #00929F;
    background: var(--opdev-primary);
}

.product_paginations .pagination_arrow svg path {
    fill: var(--opdev-primary);
}

.product_paginations .pagination_arrow:hover svg path {
    fill: var(--opdev-light);
    fill: #FFF;
}

.product_paginations .pagination_num {
    width: 35px;
    height: 100%;
    border-right: 1px solid #DEE2E6;
    border-right: 1px solid var(--opdev-gray-300);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .3s ease all;
}

.product_paginations .pagination_num span {
    font-size: 16px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    border-bottom: 1px solid #00929F;
    border-bottom: 1px solid var(--opdev-primary);
    transition: .3s ease all;
}

.product_paginations .pagination_num.active,
.product_paginations .pagination_num:hover {
    background: #00929F;
    background: var(--opdev-primary);
}

.product_paginations .pagination_num.active span,
.product_paginations .pagination_num:hover span {
    color: #FFF;
    color: var(--opdev-white);
    border-color: #FFF;
    border-color: var(--opdev-light);
}

.catalog_product .pagination_all-value {
    font-size: 16px;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.catalog_product .catalog_texts {
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    padding: 24px 24px 24px;
    /*display: flex;*/
    flex-direction: column;
    gap: 10px;
}

.catalog_product .catalog_texts2 {
    margin-top: 0;
    margin-bottom: 48px;
}

.catalog_texts .catalog_text {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

/* Catalog end */

/* Brend start */
.brend {
    padding-bottom: 48px;
}

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

.viewed_block .viewed_title,
.brend_block .brend-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
}

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

.viewed_title_link {
    font-size: 14px;
    font-weight: 400;
    color: var(--opdev-gray-500);
    text-decoration: none;
    transition: color 0.3s ease;
}

.viewed_title_link:hover {
    color: var(--opdev-primary);
}

.brend_block .brend_items {
    position: relative;
}

.brend_items .brend_item-total {
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: 2;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 10px;
    background: #F8F9FA;
    background: var(--opdev-light);
}

.brend_block .brendSlide2,
.brend_block .brendSlide {
    padding-bottom: 32px;
}

.brend_item .brend_item-logo img {
    width: 100%;
}


.brend_block .brend_item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.brend_item .brend_item-logo {
    padding: 16px;
    height: 62px;
    width: 100%;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Brend end */


/* Viewed start */
.viewed {
    padding-bottom: 49px;
}

.viewed-end {
    padding-bottom: 0;
}

.viewed .viewed_block {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.viewed_block .viewed_card-total {
    position: absolute;
    bottom: -10px;
    right: 0;
    z-index: 2;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 10px;
    background: #F8F9FA;
    background: var(--opdev-light);
}

.viewed_block .viewed_cards {
    display: flex;
    align-items: start;
    gap: 24px;
    overflow: auto;
    padding-bottom: 0;
}

.viewedSlide2 .swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    width: 100%;
}

.viewedSlide3,
.viewedSlide2,
.viewedSlide,
.noteSlide {
    padding-bottom: 32px;
    width: 100%;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    border-radius: 4px;
    bottom: 0;
    left: 0;
    height: 16px;
    background-color: #E9ECEF;
    background-color: var(--opdev-gray-200);
}

.swiper-scrollbar-drag {
    border-radius: 4px;
    background-color: #00929F;
    background-color: var(--opdev-primary);

}

.viewed_cards .product_card {
    width: 100%;
}

.viewed_cards .product_card .product_card-block {
    width: 100%;
}

/* Viewed end */

/* News card start */
.news-list_cards {
    display: flex;
    /* align-items: start; */
    align-items: stretch;
    gap: 24px;
    padding-bottom: 49px;
}

.news-list_cards .news-list_card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
}

.news-list_card .news-list_card-link,
.news-list_card .button {
    margin-top: auto;
    height: 38px;
    padding: 6px 12px;
    background: #00929F;
    background: var(--opdev-primary);
    border-radius: 4px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    max-width: fit-content;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.news-list_card .news-list_card-link:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.news-list_cards .news-list_card:nth-child(3) {
    gap: 16px;
}

.news-list_card .news-list_card-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.news-list_card .news-list_card-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
}

.news-list_card .news-list_card-text {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-list_card:nth-child(2) .news-list_card-text {
    height: 49px;
}

.news-list_card .news-list_card-date {
    font-size: 14px;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.news-list_card .news-list_card-img {
    width: 306px;
    height: 160px;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

/* News card end */

/* Subscribe start */
.subscribe {
    padding-bottom: 48px;
}

.subscribe .subscribe_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 20px 220px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

.subscribe_block .subscribe_info {
    display: flex;
    align-items: center;
    gap: 8px;
}

.subscribe_info .subscribe_inp {
    width: 260px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    border-radius: 4px;
}

.subscribe_info .subscribe_inp::placeholder {
    font-size: 16px;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.subscribe_info .subscribe_btn {
    padding: 6px 12px;
    background: #00929F;
    background: var(--opdev-primary);
    border-radius: 4px;
    color: #FFF;
    color: var(--opdev-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
}

.subscribe_info .subscribe_btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.subscribe-img {
    width: 200px !important;
}

/* Subscribe end */


/* Home Slider start */
.home {
    padding: 24px 0px 48px;
}

.home_slider .swiper-wrapper2 {
    display: flex;
    justify-content: center;
}

.home_slider .swiper-button-next,
.home_slider .swiper-button-prev {
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 10px;
    color: #343A40;
    color: var(--opdev-black);
    font-weight: 800;
}

.swiper-wrapper2 .swiper-slide {
    width: 140px !important;
    height: 52px;
    border-radius: 8px;
    overflow: hidden;
    margin: 0;
    border: 2px solid transparent;
}

.swiper-wrapper2 .swiper-slide-thumb-active {
    border: 2px solid #6C757D;
    border: 2px solid var(--opdev-gray-600);
}

.home_slider .home_slider-top {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
}

.home_slider .slider_top-img {
    width: 100%;
    height: auto;
    aspect-ratio: 4.3 / 1;
    border-radius: 8px;
    object-fit: cover;
}

.home_slider .home_slider-bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.home_slider .slider_bottom-img {
    cursor: pointer;
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

/* Home Slider end */

/* Note start */
.advantages,
.note {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 48px;
}

.advantages .advantage_title,
.note .note_title {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
}

.note .note_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.note_block .certificate_block-img,
.note_block .note_block-img {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

.note_block .certificate_block-img {
    height: 184px;
    object-fit: cover;
}

/* Note end */

/* Advantages start */
.advantages .advantage_block {
    display: grid;
    grid-template-columns: 31.5% 31.5% 31.5%;
    gap: 24px;
}

.advantage_block .advantage_block-img {
    width: 100%;
    height: 160px;
    overflow: hidden;
    object-fit: none;
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

/* Advantages end */

/* Order start */
.order {
    padding: 0 0 50px;
}

.order .order_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.order .order_block {
    padding-top: 24px;
    display: grid;
    grid-template-columns: 32% 32% 32%;
    gap: 24px;
}

.order_block .order_price-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}

.order_items .order_item.order_product {
    display: block;
}

.order_items img {
    width: auto;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
    align-self: flex-start;
}

.order_price-wrap .order_item.order_product {
    display: none;
}

body:has(.order_item.required) {
    overflow: hidden;
}

main:has(.order_item.required) {
    position: relative;
}

main:has(.order_item.required)::after {
    position: absolute;
    content: '';
    inset: 0;
    background-color: #343A40;
    opacity: .32;
    z-index: 2;
}

.order_block .order_item.required {
    position: relative;
    z-index: 3;
}


/* body:has(.basket_tabs.required) {
    overflow: hidden;
}

main:has(.basket_tabs.required) {
    position: relative;
}

main:has(.basket_tabs.required)::after {
    position: absolute;
    content: '';
    inset: 0;
    background-color: #343A40;
    opacity: .32;
    z-index: 2;
}

.card_items .basket_tabs.required {
    position: relative;
    z-index: 4;
} */

.basket_tabs {
    z-index: 4;
}

.basket_tabs_note {
    z-index: 3;
    text-align: center;
    display: block;
    background-color: var(--opdev-white);
    font-weight: 500;
    padding: 15px;
    border-radius: 0 0 8px 8px;
    margin-top: -30px;
}


.order_block .order_price-wrap,
.order_block .order_item,
.order_block .order_items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.order_block .order_item {
    padding: 16px;
    border-radius: 8px;
    background-color: #FFF;
}

.order_item .order_item-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.delivery_check .delivery_item-circle,
.order_item-title .order_item-circle {
    position: relative;
}

.order_item-title .delivery_item-circle.none {
    display: none !important;
}

.order_item-circle .item_circle-img {
    cursor: pointer;
}

.order_item-circle .order_circle-modal:hover,
.order_item-circle .item_circle-img:hover+.order_circle-modal {
    opacity: 1;
    pointer-events: all;
}

.order_item-circle .order_circle-modal {
    position: absolute;
    right: 30px;
    top: -2px;
    opacity: 0;
    pointer-events: none;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #343A40;
    color: var(--opdev-black);
    background-color: #FFF;
    background-color: var(--opdev-light);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 14px 0px;
    transition: .3s ease all;
    display: flex;
    flex-direction: column;
    gap: 5px;
    white-space: nowrap;
}

.order_item .order_circle-modal::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 30%;
    z-index: -1;
    width: 10px;
    height: 10px;
    background: #FFF;
    background: var(--opdev-white);
    transform: rotate(-45deg);
}

.order_item-circle .delivery_circle-modal {
    top: -6px;
}

.order_item-title .order_item-circle .delivery_circle-modal {
    top: -2px;
}

.delivery_circle-modal .circle-delete,
.delivery_circle-modal .circle-edit {
    font-size: 12px;
    line-height: 14px;
    color: #343A40;
    color: var(--opdev-black);
    text-decoration: underline;
}

.delivery_circle-modal .circle-delete {
    color: #FF5B3A;
    color: var(--opdev-danger);
}

.order_item-title h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #343A40;
    color: var(--opdev-black);
}

.order_item .order_recipient-tab {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    padding: 10px 8px;
    width: 100%;
    background: var(--opdev-light);
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-black);
}

.order_item .order_recipient-tab:hover {
    background: #E9ECEF;
    background: var(--opdev-gray-200);

}

.order_block #orderProduct2 {
    display: none;
}

.order_block .order_product {
    background-color: transparent;
}

.order_product .order_product-cards {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.order_product .order_product-card {
    display: flex;
    align-items: center;
    gap: 16px;
}

.order_product-card img {
    width: 82px;
    border-radius: 6px;
}

.order_product-card .order_card-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.order_product-card .order_card-info b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.order_product-card .order_card-spn {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.order_product-card .order_card-spn .spn-discount {
    text-decoration: line-through;
}

.order_item .delivery_tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    overflow: hidden;
}

.delivery_tabs .delivery_tab {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.delivery_tabs .delivery_tab.active {
    background: #FFF;
    background: var(--opdev-white);
}

.delivery_cards .delivery_card {
    display: none;
    flex-direction: column;
    gap: 16px;
}

.delivery_cards .delivery_card.active {
    display: flex;
}

#formModalValue .delivery_check,
.delivery_card .delivery_check {
    display: flex;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    padding: 8px;
    height: 56px;
    background: #F8F9FA;
    background: var(--opdev-light);
}

#formModalValue .delivery_check .delivery_check-inp,
.delivery_check .delivery_check-inp {
    width: 16px;
    height: 16px;
}

.delivery_check input[type="checkbox"] {
    appearance: none;
    color: #FFF;
    color: var(--opdev-white);
    width: 13px;
    height: 13px;
    background: transparent;
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    border-radius: 100%;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
}

.delivery_check input[type="checkbox"]::before {
    width: 7.5px;
    height: 6px;
}

.delivery_check input[type="checkbox"]:checked {
    background: #00BDAD;
    background: var(--opdev-success);
    border: 1px solid #00BDAD;
    border: 1px solid var(--opdev-success);
}

.delivery_check label {
    font-size: 16px;
    line-height: 20px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    cursor: pointer;
    width: 344px;
}

.delivery_check input[type="checkbox"]:checked~label {
    color: #343A40;
    color: var(--opdev-black);
}

.delivery_card .delivery_logo {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery_card .delivery_logo-tab {
    position: relative;
    background: #F8F9FA;
    height: 72px;
    border-radius: 8px;
    padding: 20px 40px;
    border: 2px solid transparent;
}

.delivery_card .delivery_logo-tab:hover {
    background: #DEE2E6;
    background: var(--opdev-gray-300);
}

.delivery_card .delivery_logo-tab.active {
    border-color: #00BDAD;
    border-color: var(--opdev-success);
    background: #FFF;
    background: var(--opdev-white);
}

.delivery_card .delivery_logo-tab.active:hover {
    background: #FFF;
    background: var(--opdev-white);
}

.delivery_card .delivery_logo-tab.active .delivery_logo-check {
    opacity: 1;
}

.delivery_logo .delivery_logo-img {
    max-width: 100%;
    height: 100%;
}

.delivery_logo .delivery_logo-check {
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0;
}

.order_item .delivery_date {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: var(--Gray-800, #343A40);
}

.delivery_logo .delivery_price {
    position: absolute;
    right: 6px;
    bottom: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: var(--Gray-500, #ADB5BD);
}

.delivery_card .delivery_map-tab,
.delivery_card .delivery_recipient-tab {
    display: none;
}

.delivery_card .delivery_map-tab.active,
.delivery_card .delivery_recipient-tab.active {
    display: flex;
}

#formModalValue .delivery_check label,
#formModalValue2 .delivery_check label,
.delivery_card .delivery_check label {
    display: flex;
    flex-direction: column;
}

#formModalValue .delivery_check label p,
#formModalValue2 .delivery_check label p,
.delivery_card .delivery_check label p {
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 300px;
}

#formModalValue .delivery_check label span,
#formModalValue2 .delivery_check label span,
.delivery_card .delivery_check label span {
    font-size: 12px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 300px;
}

#formModalValue .delivery_addreess-check,
#formModalValue2 .delivery_addreess-check,
.delivery_card .delivery_addreess-check {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delivery_check .delivery_addreess-label {
    width: auto;
}

.order_item #formModalValue,
.delivery_card #sidebarCheckInp {
    flex-direction: column;
    gap: 16px;
}

.order_item #deliveryValue,
.delivery_card #deliveryAddreess {
    display: none;
    justify-content: space-between;
    gap: 10px;
}

.order_item #formModalValue.flex,
.order_item #deliveryValue.flex,
.delivery_card #sidebarCheckInp.flex,
.delivery_card #deliveryAddreess.flex {
    display: flex;
}


.order_item .order_payment,
.order_item .order_delivery {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 16px;
}

.order_item .order_payment-text,
.order_item .order_delivery-text {
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.order_price .order_price-boxs,
.order_item .order_price {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.order_items .order_item-btn {
    width: 100%;
    height: 48px;
    border-radius: 4.8px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    background: #DEE2E6;
    background: var(--opdev-gray-300);
}

.order_items .order_item-btn.active {
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

.order_items .order_item-btn.active:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.order_payment .order_payment-tab,
.order_delivery .order_delivery-tab {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 10px;
    border: 1px solid transparent;
    background: #F8F9FA;
    background: var(--opdev-light);
    border-radius: 8px;
}

.order_payment .order_payment-tab span,
.order_delivery .order_delivery-tab span {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: left;
    color: var(--opdev-gray-700);
    transition: .3s ease all;
}

.order_payment .order_payment-tab svg,
.order_delivery .order_delivery-tab svg {
    transition: .3s ease all;
}

.order_payment .order_payment-tab:hover,
.order_delivery .order_delivery-tab:hover,
.order_payment .order_payment-tab.active,
.order_delivery .order_delivery-tab.active {
    border-color: #00BDAD;
    border-color: var(--opdev-success);
}

.order_payment .order_payment-tab:hover span,
.order_payment .order_payment-tab.active span {
    color: #00BDAD;
    color: var(--opdev-success);
}

.order_payment .order_payment-tab:hover svg path,
.order_payment .order_payment-tab.active svg path {
    fill: #00BDAD;
    fill: var(--opdev-success);
}

.order_price .order_price-boxs {
    padding-bottom: 15px;
    border-bottom: 1px solid #DEE2E6;
    border-bottom: 1px solid var(--opdev-gray-300);
}

.order_price .order_price-total,
.order_price .order_price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.order_price .order_price-box p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.order_price-box .order_price-spn {
    display: flex;
    align-items: center;
    gap: 13px;
}

.order_price-box .order_price-spn span {
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.order_price .order_price-total b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.order_code {
    display: flex;
    align-items: center;
    flex-direction: initial !important;
    justify-content: space-between;
    gap: 0 !important;
    padding: 16px;
    border-radius: 8px;
    background-color: #FFF;
}

.order_code .order_code-inp {
    width: 100%;
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.order_code .order_code-inp::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.order_code .order_code-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 34px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    border-radius: 0px 4px 4px 0px;
}

/* Order end */

/* Order Modal */
.form_modal,
.map_modal,
.address_modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease all;
}

.form_modal.active,
.map_modal.active,
.address_modal.active {
    opacity: 1;
    pointer-events: all;
}

.form_modal .form_modal-bg,
.map_modal .map_modal-bg,
.address_modal .address_modal-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #343a4068;
}

.form_modal .modal_wrap,
.map_modal .modal_wrap,
.address_modal .modal_wrap {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 560px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 16px;
}

.map_modal .modal_wrap {
    width: 896px;
    overflow: hidden;
}

.map_modal .map_modal-img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.map_modal .map_close {
    position: absolute;
    top: 25px;
    right: 23px;
    background: #FFF;
}

.map_modal .map_close img {
    width: 30px;
    height: 30px;
}

.form_modal .modal_top,
.map_modal .modal_top,
.address_modal .modal_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.modal_top .close-mob {
    display: none;
}

.form_modal .modal_top h3,
.address_modal .modal_top h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.form_modal .modal_form-wrap,
.address_modal .address_modal-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form_modal .modal_form-box,
.address_modal .address_form-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form_modal .modal_form-box label,
.address_modal .address_form-box label {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.form_modal .modal_form-box input,
.address_modal .address_form-box textarea,
.address_modal .address_form-box input {
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
    padding: 7px 13px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    cursor: auto;
}

.address_modal .address_form-box textarea {
    max-width: 528px;
    min-height: 74px;
    max-height: 400px;
    outline: none;
}

.form_modal .modal_form-btn,
.form_modal .modal_form-btn2,
.address_modal .address_form-btn {
    padding: 6px 12px;
    width: 107px;
    height: 38px;
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
}

.form_modal .modal_form-btn:hover,
.form_modal .modal_form-btn2:hover,
.address_modal .address_form-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

/* Order Modal */

/* Form modal */
.form_modal .modal_wrap {
    width: 720px;
}

.form_modal .modal_form-bottom1,
.form_modal .modal_form-bottom2,
.form_modal form {
    display: grid;
    grid-template-columns: 48% 48%;
    gap: 24px;
}

.form_modal .modal_form-bottom1,
.form_modal .modal_form-bottom2 {
    display: flex;
    flex-direction: column;
    appearance: 24px;
}

.form_modal .modal_form-bottom2 {
    display: none;
}

.form_modal .modal_form-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 2px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
}

.form_modal .modal_form-tab {
    padding: 10px 20px;
    width: 100%;
    border-radius: 7px;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.form_modal .modal_form-tab.active {
    background: #FFF;
    background: var(--opdev-white);
}

.form_modal .modal_form-img {
    width: 100%;
    height: 100%;
}

.form_modal .sidebar_check-inp {
    display: flex;
    align-items: center;
    gap: 8px;
}

.form_modal .sidebar_check-inp label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.form_modal .sidebar_check-inp label a {
    text-decoration: underline;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.form_modal .sidebar_check-inp input[type="checkbox"]:checked+label a {
    color: #343A40;
    color: var(--opdev-black);
}


/* Info start */
.info {
    padding-bottom: 49px;
}

.element-simple {
    overflow: hidden;
}

.info .info_wrap {
    display: grid;
    grid-template-columns: 65% 416px;
    gap: 24px;
}

.info.element-simple .info_wrap {
    grid-template-columns: 49% 49%;
}

.info.element-simple .info_wrap.info_wrap_full {
    grid-template-columns: 100%;
}

.element-simple .info_slide,
.element-simple .info_slide .infoSlide2,
.element-simple .info_slide .infoSlide2 .info_slide-img {
    width: 100%;
}

.element-simple .info_slide .infoSlide2,
.element-simple .info_slide .infoSlide2 .info_slide-img {
    height: 636px;
    object-fit: contain;
}

.element-simple .info_slide .infoSlide {
    width: 100%;
    overflow: auto;
}

.element-simple .info_slide .infoSlide::-webkit-scrollbar {
    display: none;
}

.element-simple .info_slide .infoSlide .info_slide-img,
.element-simple .info_slide .infoSlide .swiper-slide {
    width: 69px !important;
    height: 69px;
}

.info_accessory {
    font-size: 16px;
}

.info_accessory table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
}

.info_accessory td:first-child {
    width: 80px;
}

.info_accessory th,
.info_accessory td {
    padding: 8px;
    border: 1px solid var(--opdev-gray-200);
    text-align: left;
    color: var(--opdev-gray-800);
}

.info_accessory th {
    /* background-color: var(--opdev-gray-200); */
    font-weight: 500;
    font-size: 16px;
}

.info_accessory a {
    color: var(--opdev-primary);
    text-decoration: none;
}


.info_wrap .info_left {
    display: flex;
    flex-direction: column;
}

.info_wrap .info_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: var(--opdev-black);
    margin-bottom: 24px;
}

.info_wrap .info_slide-wrap {
    display: flex;
    align-items: start;
    gap: 24px;
    /* margin-top: 60px; */
}

.info_wrap .info_slide {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.info_slide .swiper-button-next,
.info_slide .swiper-button-prev {
    position: absolute;
    bottom: 1%;
    top: auto;
    background: var(--opdev-gray-200);
    border-radius: 100%;
    width: 32px;
    height: 32px;
}

.info_slide .infoSlide2 .card_block-spns {
    position: absolute;
    z-index: 2;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info_slide .infoSlide2,
.info_slide .infoSlide2 .info_slide-img {
    width: 416px;
    height: 416px;
    margin-left: 0;
}

.info_slide .infoSlide {
    width: 320px;
    margin: 0 auto;
}

.info_slide .infoSlide2 .info_slide-img {
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
}

.info_slide .infoSlide .info_slide-img {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 8px;
}

.info_slide .infoSlide .swiper-slide {
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    border-radius: 8px;
    width: 40px !important;
    height: 40px;
    overflow: hidden;
}

.info_slide .infoSlide .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid var(--opdev-primary);
}

.info_value .info_question,
.slide_info .slide_info-texts,
.info_slide-wrap .slide_info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

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

.slide_info .slide_info-rate {
    display: flex;
    align-items: center;
    gap: 24px;
}

.slide_info-rate .info_rate-spn,
.slide_info-rate .info_rate-star {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 5px;
    border-radius: 4px;
    background: var(--opdev-white);
}

.slide_info-rate .info_rate-spn,
.slide_info-rate .info_rate-star a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
    cursor: pointer;
}

.star-img.last-star {
    margin-right: 10px;
}

.slide_info-rate .info_rate-spn,
.slide_info-rate .info_rate-star a:hover {
    color: var(--opdev-primary);
}


.slide_info-texts {
    position: relative;
    margin-top: 10px;
    padding-top: 20px;
}

.slide_info .slide_info-texts p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.slide_info .slide_info-boxs {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
}

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

.slide_info .slide_info-box span {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.slide_info .slide_info-box .box-line {
    height: 1px;
    width: 100%;
    border-radius: 1px;
    background: #DEE2E6;
    background: var(--opdev-gray-300)
}

.info_wrap .info_right {
    position: relative;
}

.info_wrap .info_right-card {
    border-radius: 4px;
    padding: 24px 16px;
    background: #FFFFFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 416px;
    /* margin-top: 60px; */
}

.info_wrap .element-simple_left-card {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.info_wrap .element-simple_left-card .element-simple_right-card {
    border-radius: 4px;
    padding: 24px 16px;
    background: #FFFFFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info_wrap .info_left-card {
    display: none;
}

.info_wrap .right_card-fixed.fixed {
    position: fixed;
    left: auto;
    right: auto;
    z-index: 10;
}

.info_wrap .right_card-fixed.stopped {
    position: absolute;
    left: 0;
    right: 0;
}

.element-simple .info_wrap .right_card-fixed.fixed {
    width: 100%;
    max-width: 625px;
}

.element-simple .info_wrap .right_card-fixed {
    background: transparent;
    gap: 24px;
    padding: 0;
    border-radius: 0;
}

.element-simple .info_wrap .right_card-fixed .element-simple_right-card {
    border-radius: 4px;
    padding: 24px 16px;
    background: #FFFFFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 100px;
}

.element-simple .info_right-card .element-simple_right-boxs {
    display: grid;
    align-items: start;
    grid-template-columns: 48% 48%;
    gap: 24px;
}

.element-simple .info_right-card .element-simple_right-box {
    width: 100%;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 100%;
}

.element-simple .info_right-card .element-simple_right-box b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.element-simple .info_right-card .element-simple_right-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.info_right-card .right_card-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px;
}

.info_right-card .right_card-price {
    display: flex;
    align-items: center;
    gap: 22px;
}

.info_right-card .right_card-price b {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.info_right-card .right_card-price .price {
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    text-decoration: none;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.info_right-card .right_card-top .right_card-price span {
    text-decoration: line-through;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: var(--opdev-gray-500);
}

.info_right-card .right_card-top a {
    font-size: 14px;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
}

.info_right-card .right_card-boxs {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info_right-card .right_card-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.info_right-card .right_card-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info_right-card .right_card-box p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.info_right-card .right_card-box b {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.info_right-card .right_card-box b .red,
.info_right-card .right_card-box b .green {
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background: #00BDAD;
    background: var(--opdev-success);
}

.info_right-card .right_card-box b .red {
    background: #FF5B3A;
    background: var(--opdev-danger);
}

.info_right-card .right_card-spn {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.info_right-card .right_card-spn a {
    padding: 8px;
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    padding: 8px;
    border-radius: 8px;
    background: #F8F9FA;
    background: var(--opdev-light);
    white-space: nowrap;
}

.info_right-card .info_right-tabs {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info_right-card .info_right-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 38px;
    width: 100%;
    padding: 6px 12px 6px 12px;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
}

.info_right-card .info_right-tab:nth-child(2) {
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

.info_right-card .info_right-tab:nth-child(2).active {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.info_right-card .like-tab.active:hover svg path {
    fill: #02747E;
    fill: var(--opdev-primary-dark);
}

.info_right-card .like-tab.active svg path {
    stroke: #02747E;
    stroke: var(--opdev-primary-dark);
}

.info_wrap .info_description {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.info_description .info_tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
}

.info_description .info_tabs::after {
    content: '';
    position: absolute;
    top: -28px;
    left: 0;
    width: 100%;
    height: 28px;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}

.info_description .info_tabs-wrap {
    margin-top: 80px;
    background-color: #F8F9FA;
    background-color: var(--opdev-light);
}

.element-simple .info_description .info_tabs-wrap {
    margin-top: 43px;
}

.info_description .info_tab {
    width: 164px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    color: #343A40;
    color: var(--opdev-dark);
}

.info_description .info_tab.active {
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 7px;
}

.info_wrap .info_values {
    position: relative;
}

.info_wrap .info_value {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    padding-bottom: 40px;
    border-bottom: 1px solid #DEE2E6;
    border-bottom: 1px solid var(--opdev-gray-300);
    transition: .6s ease all;
    pointer-events: none;
}

.info_wrap .info_value.active {
    position: relative;
    opacity: 1;
    pointer-events: all;
}

.info_value .description_wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.info_value .info_character {
    width: 100%;
}

.info_value .info_reviews,
.info_value .info_equipment,
.info_value .info_character,
.description_wrap .description_texts {
    display: flex;
    flex-direction: column;
    /* gap: 5px; */
}

.description_texts {
    color: var(--opdev-gray-800);
    font-weight: 400;
}

.description_texts img {
    max-width: 100%;
}

.info_value h4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    margin-top: 10px;
    color: var(--opdev-gray-800);
}

.info_value h3,
.info_value_title {
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 10px;
    color: var(--opdev-gray-800);
}

.info_value .info_equipment .info_equipment-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info_value .info_equipment .info_equipment-box a,
.info_value .info_equipment .info_equipment-box ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #34343472;
    color: var(--opdev-gray-800);
}

.info_value .info_equipment .info_equipment-box a {
    text-decoration: underline;
}

.info_value ul li,
.info_value p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: var(--opdev-gray-800);
}

.info_value ul li,
.info_value p {
    font-weight: 400;
    line-height: 20px;
}

.info_value ul li {
    margin-left: 25px;
}



.info_character_boxs_simple {
    /* display: none; */
}

.info_character_boxs_simple .info_character_box_simple {
    display: block;
    margin-bottom: 24px;
}

.info_character_boxs_simple .info_character_name {
    font-weight: 400;
    color: var(--opdev-gray-800);
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

.info_character_boxs_simple .info_character_value {
    font-size: 16px;
    color: var(--opdev-gray-600);
    font-weight: 300;
}


/* Компактная таблица с видимыми границами */
.info_character-boxs table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    background: transparent;
    border: 1px solid #d0d0d0;
}

/* Ячейки с четкими границами */
.info_character-boxs table td {
    padding: 0.5rem 0.75rem;
    vertical-align: top;
    border: 1px solid #d0d0d0;
}

/* Чередующиеся строки */
.info_character-boxs table tr:nth-child(even) {
    background-color: #fafafa;
}

.info_character-boxs table tr:hover {
    background-color: #f0f0f0;
}

/* Левая колонка (названия) */
.info_character-boxs table td:first-child {
    color: var(--opdev-secondary);
    font-size: 0.875rem;
    font-weight: 500;
    width: 40%;
    background-color: #fafafa;
}

/* Правая колонка (значения) */
.info_character-boxs table td:last-child {
    color: var(--opdev-dark);
    font-weight: 400;
    font-size: 0.9rem;
}

/* Если есть thead */
.info_character-boxs table thead {
    display: none;
}

/* Адаптивность для мобильных */
@media screen and (max-width: 600px) {
    .info_character-boxs table td {
        padding: 0.4rem 0.5rem;
        font-size: 0.85rem;
    }

    .info_character-boxs table td:first-child {
        width: 45%;
        font-size: 0.8rem;
    }
}



.info_character .info_character-boxs,
.info_value .description_video {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.element-simple .element-simple_description-img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    margin-top: 23px;
}

.element-simple .element-simple_download-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.element-simple .element-simple_download-wrap b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-gray-800);
}

.element-simple .element-simple_download-wrap .element-simple_download-tabs {
    display: flex;
    align-items: start;
    gap: 16px;
    flex-wrap: wrap;
}

.element-simple .info_wrap .info_value {
    border-bottom: none;
}

.info_value .description_video {
    width: 100%;
}

/* .description_video iframe {
    width: 100%;
    height: 465px;
    border-radius: 8px;
    border: none;
} */



.info_character .info_character-box {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info_character .info_character-box span {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.info_character .info_character-box .box-line {
    width: 100%;
    height: 1px;
    border-radius: 1px;
    background: #DEE2E6;
    background: var(--opdev-gray-300);
}

.info_reviews .info_review {
    display: grid;
    grid-template-columns: auto;
    gap: 24px;
}

.info_review-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
    background: var(--opdev-white);
}

.review_modal .info_review-card {
    padding: 0;
}

.info_review .info_review-card.none {
    display: none;
}

.info_review-card .info_review-name {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info_review-card .info_review-name img {
    width: 48px;
    height: 48px;
    border-radius: 100%;
}

.info_review-card .info_review-name b {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

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

.info_review-star .star-img.noActive svg path {
    fill: #E9ECEF;
}

.info_review-star .star-img.active svg path {
    fill: #FFDA6A;
}

.info_review-card .info_review-text {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.review_modal .info_review-card .info_review-text {
    -webkit-line-clamp: initial;
}

.info_review-card .info_review-btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    display: flex;
    align-items: start;
    text-decoration: underline;
}

.info_review-card .info_review-date {
    font-size: 14px;
    line-height: 16px;
    margin-top: auto;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.info_value .info_value-link {
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
    width: max-content;
}

.info_value .info_value-link:hover {
    color: #FFF;
    color: var(--opdev-white);
    border-color: #02747E;
    border-color: var(--opdev-primary-dark);
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.info_question-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    border-radius: 8px;
    background: var(--opdev-white);
    max-height: 1000px;
    overflow-y: auto;
}

.info_question-box .info_question-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info_question-box .info_question-item:nth-child(2) {
    padding-left: 48px;
}

.info_question-box .info_question-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.info_question-box .info_question-name {
    display: flex;
    align-items: center;
    gap: 12px;
}

.info_question-box .info_question-name img {
    border-radius: 100%;
    width: 48px;
    height: 48px;
}

.info_question-box .info_question-name b {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.info_question-box .info_question-top span {
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.info_question-item .info_question-text {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

/* Info end */

/* Question modal */
.review_modal,
.question_modal {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    background: #343a4068;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease all;
}

.review_modal.active,
.question_modal.active {
    opacity: 1;
    pointer-events: all;
}

.review_modal .review_modal-wrap,
.question_modal .question_modal-wrap {
    padding: 16px;
    border-radius: 8px;
    background: #FFFFFF;
    background: var(--opdev-light);
    width: 640px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.review_modal .review_modal-top,
.question_modal .question_modal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.question_modal .question_modal-top h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.review_modal .review-close .review_close-img2,
.question_modal .question-close .question_close-img2 {
    display: none;
}

.question_modal .question_modal-form,
.question_modal .question_modal-body {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.question_modal .question_modal-body {
    gap: 4px;
}

.question_modal .question_modal-body label {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    display: flex;
    align-items: center;
}

.question_modal .question_modal-body label span {
    color: #FF5B3A;
    color: var(--opdev-danger);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5.33px;
}

.question_modal .question_modal-body textarea {
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    background: #FFF;
    background: var(--opdev-white);
    padding: 7px 13px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    max-width: 100%;
    min-height: 74px;
    max-height: 300px;
    resize: vertical;
    outline: none;
}

.question_modal .question_modal-body input {
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    background: #FFF;
    background: var(--opdev-white);
    padding: 7px 13px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.question_modal .question_modal-body input::placeholder,
.question_modal .question_modal-body textarea::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.question_modal-wrap .question_checked {
    display: flex;
    align-items: center;
    gap: 8px;
}

.question_modal .question_modal-texts {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.question_modal .question_modal-texts p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.question_modal .question_modal-texts p a {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline;
    color: #00929F;
    color: var(--opdev-primary);
}

.question_modal .question_modal-btn {
    padding: 6px 12px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    width: max-content;
}

.question_modal .question_modal-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

/* Question modal */

/* Personal */
.personal {
    padding-bottom: 45px;
}

.personal .personal_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.personal .personal_block {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    gap: 24px;
    margin-top: 24px;
}

.personal_block .personal_wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.personal_block .personal_info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border-radius: 8px;
    background: #FFF;
    background: var(--opdev-white);
    padding: 16px;
}

.personal_block .personal_info h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

.personal_info .personal_info-img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    object-fit: cover;
}

.personal_info .personal_info-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.personal_info-box .personal_eye {
    position: absolute;
    top: 5.5px;
    right: 0;
    border-radius: 3.2px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.personal_info-box .personal_eye .eye_flex {
    width: 17px;
    height: 17px;
    position: absolute;
    right: -8%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.personal_info-box .personal_eye.active .eye_hidden {
    display: none;
}

.personal_info-box .personal_eye.active .eye_flex {
    display: block;
}

.personal_info .personal_info-box span {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.personal_info .personal_info-box b {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.personal_block .personal_info-range {
    display: flex;
    align-items: center;
    gap: 16px;
}

.personal_info-range label {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.personal_info-range input {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
    margin: 0;
    vertical-align: top;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #ADB5BD;
    border: 1px solid var(--opdev-gray-500);
    border-radius: 30px;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.personal_info-range input::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1px;
    top: 1px;
    width: 12px;
    height: 12px;
    background: #ADB5BD;
    background: var(--opdev-gray-500);
    border-radius: 50%;
    transform: translateX(0);
    transition: all 0.3s cubic-bezier(0.2, 0.85, 0.32, 1.2);
}

.personal_info-range input:checked::after {
    transform: translateX(calc(100% + 4px));
    background-color: #fff;
}

.personal_info-range input:checked {
    background: #00929F;
    background: var(--opdev-primary);
}

.personal_block .personal_info-btn {
    max-width: fit-content;
    background: var(--opdev-primary);
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-light);
    cursor: pointer;
}

/* Personal */

/* Footer start */
.footer {
    background: #FFF;
    background: var(--opdev-white);
}

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

.footer_content .footer_block {
    padding: 32px 0px 28px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
}

.footer_block .footer_items {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 196px;
}

.footer_block .footer_item {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_block .footer_item-mob {
    display: none;
}

.footer_item .footer_item-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

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

.footer_block .footer_item-time,
.footer_item .footer_item-link {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.footer_item .footer_item-link.call {
    font-size: 14px;
    font-weight: 700;

}

.footer_item .footer_social {
    display: flex;
    align-items: center;
    gap: 16px;
}

.footer_item .footer_social-link:hover {
    transform: scale(1.1);
}

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

.footer_item .footer_pay-box {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #F8F9FA;
    background: var(--opdev-light);
    height: 40px;
    width: 158px;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    color: #495057;
    color: var(--opdev-gray-700);
    border: 1px solid transparent;
    white-space: nowrap;
}

.footer_item .footer_brend {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer_item .footer_brend-link {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2px;
    width: 128px;
    height: 55px;
    border-radius: 8px;
    background: #F8F9FA;
    background: var(--opdev-light);
    border: 1px solid transparent;
    padding: 9px 16px;
}

.footer_item .footer_brend-link:hover {
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
}

.footer_brend-link .footer_brend-img {
    height: 20px;
}

.footer_brend-link .footer_brend-star {
    display: flex;
    align-items: center;
    gap: 4px;
}

.footer .footer_bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 56px;
    padding: 16px 0;
    border-top: 1px solid #CED4DA;
    border-top: 1px solid var(--opdev-gray-400);
}

.footer_bottom .footer_bottom-link {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    border-bottom: 1px solid #343A40;
    border-bottom: 1px solid var(--opdev-black);
}

.footer_bottom p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-black);
}

.product_fixed_card {
    position: fixed;
    z-index: 2;
    bottom: 48px;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 7px 12px 7px 27px;
    width: 100%;
    background: #FFF;
    background: var(--opdev-white);
}

.product_fixed_card.product_fixed_card2 {
    padding: 6px 12px;
}

.product_fixed_card .product_fixed-price {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.product_fixed_card .product_fixed-price b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.product_fixed_card .product_fixed-price span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    text-decoration: line-through;
    white-space: nowrap;
}

.product_fixed_card .product_fixed-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 38px;
    width: 100%;
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    padding: 6px 35px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    white-space: nowrap;
}

.product_fixed_card .product_fixed-link.active {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

/* Footer end */


/* BASKET  */
.basket_block {
    padding-bottom: 48px;
}

.basket_block .basket_title {
    margin-bottom: 48px;
}

.basket_title h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
}

.basket_block .basket_all {
    display: grid;
    grid-template-columns: 68% 30%;
    gap: 24px;
}

.basket_all .card_items,
.basket_items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}



.basket_all .card_item,
.basket_all .card_item_disabled {
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 8px;
    padding: 16px 24px 16px 16px;
    background: #FFFFFF;
    background: var(--opdev-white);
}

.basket_items h2 {
    font-size: 1.3em;
    color: var(--opdev-gray-700);
    margin-top: 50px;
}

.basket_all .card_item_disabled {
    opacity: 0.5;
    border: 1px solid var(--opdev-gray-400);
    filter: grayscale();
}

.card_item .img_card img,
.card_item_disabled .img_card_disabled img {
    width: 128px;
    height: 128px;
    border-radius: 8px;
}

.card_item .img_card,
.card_item_disabled .img_card_disabled {
    display: flex;
    align-items: start;
    gap: 24px;
}

.card_item .info_card,
.card_item_disabled .info_card_disabled {
    width: calc(100% - 152px);
    margin-left: auto;
    margin-top: -100px;
}

.card_item .card_block-spns {
    display: flex;
}

.card_block-spns .card_block-spn {
    margin-right: 4px;
}

.info_card-title,
.info_card-title_disabled {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 36px;
    margin-bottom: 4px;
    width: 100%;
}

.info_card-title h3,
.info_card-title_disabled h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.info_card-title .info_card-price,
.info_card-title_disabled .info_card-price_disabled {
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: end;
}

.info_card-title .info_card-price b,
.info_card-title_disabled .info_card-price_disabled b {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: right;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.info_card-title .info_card-price span,
.info_card-title_disabled .info_card-price_disabled span {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    text-decoration: line-through;
}


.info_card .info_card-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 12px;
}

.info_card-bottom .card_bottom {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info_card-bottom .info_card-btns {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info_card-bottom .info_card-btns button {
    width: 38px;
    height: 38px;
    background: #F8F9FA;
    background: var(--opdev-light);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info_card-bottom .info_card-dates {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.info_card-bottom .info_card-dates p {
    font-size: 12px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.info_card-bottom .info_card-date {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info_card-date .info_date-box {
    display: flex;
    align-items: center;
    gap: 4px;
}

.info_card-date .info_date-box span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #00BDAD;
    background: var(--opdev-success);
}

.info_card-date .info_date-box .spn-red {
    background: #FF5B3A;
    background: var(--opdev-danger);
}

.info_card-date .info_date-box b {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

.info_card-bottom .info_card-calc {
    display: flex;
    align-items: center;
    gap: 8px;
}

.info_card-bottom .info_card-calc .calc-minus,
.info_card-bottom .info_card-calc .calc-plus {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F9FA;
    background: var(--opdev-light);
    border-radius: 4px;
    cursor: pointer;
}

.info_card-calc .calc-minus .minus-img2 {
    display: none;
}

.info_card-calc .calc-minus.active .minus-img2 {
    display: block;
}

.info_card-calc .calc-minus.active .minus-img1 {
    display: none;
}

.info_card-calc .calc-num {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    width: 46px;
    height: 38px;
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    background: var(--opdev-white);
}

.basket_all .basket_order-wrap {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.basket_order-wrap .basket_order {
    padding: 16px;
    border-radius: 8px;
    background: #FFFFFF;
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.basket_order-wrap .basket_order h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

.basket_order .order_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.basket_order .order_info p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.basket_order .order_info .order_info-price {
    display: flex;
    align-items: center;
    gap: 13px;
}

.order_info .order_info-price span {
    font-size: 14px;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.basket_order .order_info-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #DEE2E6;
    border-top: 1px solid var(--opdev-gray-300);
    padding-top: 15px;
}

.basket_order .order_info-total span,
.basket_order .order_info-total b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.basket_order-wrap .order-btn-wrap {
    width: 100%;
    padding: 16px;
    border-radius: 8px;
    background: var(--opdev-light);
}

.basket_order-wrap .order-btn {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: var(--opdev-white);
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--opdev-primary);
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4.8px;
}

.basket_order-wrap .order-btn:hover {
    background: var(--opdev-primary-dark);
}

.basket_order-wrap .order-btn.disabled {
    background: var(--opdev-gray-400);
    border: 1px solid var(---opdev-gray-400);
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}

.basket_order-wrap .order-btn-clcart {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: var(--opdev-danger);
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--opdev-white);
    border: 1px solid var(--opdev-danger);
    border-radius: 4.8px;
}

.basket_order-wrap .order-btn-clcart:hover {
    background: var(--opdev-danger);
    color: var(--opdev-white);
}


/* ORDER delivery */
.delivery {
    padding-bottom: 41px;
}

.delivery .delivery_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery .delivery_block {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
}

.delivery_block .delivery_links {
    display: flex;
    align-items: center;
    gap: 18px;
}

.delivery_links .delivery_link {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    width: fit-content;
    background: none;
    padding: 0;
}

.delivery_links .delivery_link.active {
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.delivery_block .delivery_items {
    display: flex;
    flex-direction: column;
    gap: 41px;
}

.delivery_items .delivery_item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    border-radius: 8px;
    background: #FFFFFF;
    background: var(--opdev-light);
}

.delivery_item .delivery_item-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

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

.delivery_item .delivery_item-num {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.delivery_item p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery_item .delivery_item-num span {
    font-size: 16px;
    line-height: 20px;
    color: #00929F;
    color: var(--opdev-primary);
    padding: 4px 8px;
    border-radius: 4px;
    background: #E0F0F1;
    background: var(--opdev-primary-light);
}

.delivery_item .delivery_item-num .red {
    color: #FF5B3A;
    color: var(--opdev-danger);
    background: #FFEFEC;
    background: var(--opdev-primary);
}

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

.delivery_item-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery_item-box img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
}

.delivery_item-box .delivery_box-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.delivery_item-box .delivery_box-info b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.delivery_item-box .delivery_box-info span {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.delivery_box-info span span {
    text-decoration: line-through;
}

.delivery_item .delivery_item-btns {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery_item .delivery_item-btn {
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    background: #00929F;
    background: var(--opdev-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
}

.delivery_item .delivery_item-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.delivery_item .delivery_item-btn:nth-child(2) {
    background: transparent;
    color: #00929F;
    color: var(--opdev-primary);
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
}

.delivery .delivery_ct {
    gap: 55px;
    margin-bottom: 7px;
}

.delivery_ct .delivery_catalog {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.delivery_catalog .delivery_catalog-img {
    width: 184px;
    height: 184px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.delivery_catalog .delivery_catalog-img img {
    width: 112px;
    height: 112px;
}

.delivery_catalog h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery_catalog a {
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    padding: 6px 12px;
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
}

.delivery_catalog a:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.delivery_ct .delivery_catalog p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery_ct .delivery_catalog p a {
    background: none;
    padding: 0;
    border: none;
    border-radius: none;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
    font-weight: 400;
}

.delivery .delivery_content {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 24px;
    margin-top: 24px;
}

.delivery .confirmation_content {
    gap: 26px;
}

.delivery .confirmation_content {
    grid-template-columns: 63% 34%;
}

.delivery_content .delivery3_cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delivery3_card {
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--opdev-white);
    padding: 16px;
    border-radius: 8px;
    height: fit-content;
}

.delivery3_card .delivery3_slide-wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.delivery3_card h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_card .primary {
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--opdev-primary-light);
    max-width: fit-content;
    font-size: 16px;
    line-height: 20px;
    color: var(--opdev-primary);
}

.delivery3_card .red {
    padding: 4px 8px;
    border-radius: 4px;
    background: var(--opdev-danger);
    max-width: fit-content;
    font-size: 16px;
    line-height: 20px;
    color: var(--opdev-white);
}

.delivery3_card .delivery3_card-box {
    display: flex;
    align-items: start;
    gap: 16px;
}

.delivery3_card-box .delivery3_box-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.delivery3_card-box .delivery3_box-info b {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_card-box .delivery3_box-info p {
    font-size: 16px;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_card .delivery3_card-btns {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery3_card .delivery3_card-btn {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    padding: 6px 12px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
}

.delivery3_card .delivery3_card-btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.delivery3_card .delivery3_card-btn:nth-child(2) {
    background: transparent;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    color: #00929F;
    color: var(--opdev-primary);
}

.delivery3_card .delivery3_slider {
    position: relative;
}

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

.delivery3_slider .swiper-button-prev {
    left: -4px;
    z-index: 0;
    top: 70px;
}

.delivery3_slider .swiper-button-next {
    right: -4px;
    z-index: 0;
    top: 70px;
}

.delivery3_slider .deliverySlider {
    margin: 0px 40px;
}

.delivery3_slider .delivery3_slide {
    display: flex;
    align-items: center;
    gap: 16px;
}

.delivery3_slider .delivery3_slide img {
    width: 140px;
    height: 140px;
    border-radius: 8px;
}

.delivery3_slider .delivery3_slide h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_card .delivery3_feedback,
.delivery3_card .delivery3_star {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.delivery3_card .delivery3_feedback b,
.delivery3_card .delivery3_star b {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    color: #343A40;
    color: var(--opdev-black);
}

.delivery3_star .info_review-star {
    display: flex;
    align-items: center;
    gap: 8px;
}

.delivery3_feedback textarea {
    width: 100%;
    resize: none;
    resize: vertical;
    min-height: 90px;
    max-height: 200px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
    padding: 7px 13px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    border-radius: 4px;
}

.delivery3_feedback textarea::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.delivery3_feedback button {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    padding: 6px 12px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    max-width: fit-content;
}

.delivery3_feedback button:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}


/* Error start */
.error {
    padding: 0 0 74px;
}

.error .error_block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.error_block .error_title {
    position: relative;
    display: flex;
    align-items: center;
}

.error_block .error_title-404 {
    gap: 312px;
}

.error_block .error_title-525 {
    gap: 35px;
}

.error_block .error_title img {
    position: absolute;
    left: 51%;
    top: 35px;
    transform: translate(-50%);
}

.error_block .error_title span {
    font-size: 497.14px;
    font-weight: 300;
    line-height: 596.57px;
    color: #00929F;
    color: var(--opdev-primary);
    z-index: 1;
}

.error_block .error_title-525 span {
    font-size: 462px;
    line-height: 554.4px;
}

.error_info .error_links,
.error_block .error_info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
}

.error_block .error_info {
    position: relative;
    margin-top: -56px;
}

.error_block .error_info-404 {
    margin-top: -107px;
}

.error_block .error_info h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
}

.error_links .error_link {
    padding: 4px 8px;
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    border-radius: 3.2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}

.error_links .error_link:nth-child(1):hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.error_links .error_link:nth-child(2) {
    background: transparent;
    color: #00929F;
    color: var(--opdev-primary);
    border-color: #00929F;
    border-color: var(--opdev-primary);
}

.question_modal-wrap .sidebar_check-inp label a,
.question_modal-wrap .sidebar_check-inp label {
    font-size: 16px;
    line-height: 20px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    cursor: pointer;
}

.question_modal-wrap .sidebar_check-inp label a {
    text-decoration: underline;
}

/* Error end */


/* Authorization start */
.authorization {
    padding-bottom: 48px;
}

.authorization_block .authorization_form,
.authorization .authorization_block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.authorization_block .authorization_form {
    max-width: 332px;
    border-bottom: 1px solid #DEE2E6;
    border-bottom: 1px solid var(--opdev-gray-300);
    padding-bottom: 24px;
}

.authorization_block .authorization_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.authorization_form .form_box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}

.authorization_form .form_box label {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
    display: flex;
    align-items: center;
}

.authorization_form .form_box label span {
    color: #FF5B3A;
    color: var(--opdev-danger);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5.33px;
}

.authorization_form .form_box input {
    width: 100%;
    padding: 7px 13px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    border-radius: 4px;
    background: #FFF;
    background: var(--opdev-white);
    border: 1px solid #CED4DA;
    border: 1px solid var(--opdev-gray-400);
}

.authorization_form .form_box input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.authorization_form .form_box input.invalid {
    border-color: #FF5B3A;
    border-color: var(--opdev-danger);
}

.authorization_form .form_box input.valid {
    border-color: #CED4DA;
    border-color: var(--opdev-gray-400);
}


.authorization_form .password_eye .eye_hidden,
.authorization_form .password_eye .eye_flex {
    position: absolute;
    right: 13px;
    top: 29px;
    cursor: pointer;
}

.authorization_form .password_eye .eye_flex {
    width: 17px;
    height: 17px;
    top: 29px;
    display: none;
}

.authorization_form .password_eye.active .eye_flex {
    display: flex;
}

.authorization_form .password_eye.active .eye_hidden {
    display: none;
}

.authorization_form .recovery_link {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
}

.personal_modal-form .personal_check,
.authorization_form .author_check {
    display: flex;
    align-items: center;
    gap: 8px;
}

.authorization_form .author_check2 {
    display: flex;
    align-items: start;
    gap: 8px;
}

.personal_modal-form .personal_check label,
.authorization_form .author_check2 label,
.authorization_form .author_check label {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.authorization_form .authorization_btn {
    width: 150px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
}

.authorization_form .authorization_btn:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.authorization_block .authorization_link,
.authorization_block .registration_link {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #00929F;
    color: var(--opdev-primary);
}

/* Authorization end */

/* Password */
.password {
    padding-bottom: 184px;
}

.password .password_text {
    font-size: 14px;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.password_change .password_form,
.password .password_form {
    border-bottom: none;
}

.password_form .form_box-token input {
    background: #E9ECEF;
    background: var(--opdev-gray-200);
}

/* Password */

/* New */
.news {
    padding-bottom: 48px;
}

.news .news_block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.favorites_block .favorites_title,
.cards_block .cards_title,
.news_block .news_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: #343A40;
    color: var(--opdev-black);
}

.news_block .news_cards {
    display: grid;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    gap: 24px;
}

.news_cards .news_card {
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.news_cards .news_card img {
    object-fit: cover;
    width: 100%;
    height: 172px;
}

.news_cards .news_card .news_card-img2 {
    object-fit: cover;
}

.news_card .news_card-info {
    display: flex;
    flex-direction: column;
    gap: 19px;
    height: 100%;
    padding: 16px 12px 12px;
}

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

.news_card .news_card-texts a {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.news_card .news_card-texts p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #343A40;
    color: var(--opdev-black);
}

.news_card .news_card-info span {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
    margin-top: auto;
}

.news_block .news_pagination {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.news_pagination .news_pagination-amount {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
}

.news_pagination .news_pagination-items {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #DEE2E6;
    border: 1px solid var(--opdev-gray-300);
    overflow: hidden;
}

.news_pagination .news_pagination-item {
    border-right: 1px solid #DEE2E6;
    border-right: 1px solid var(--opdev-gray-300);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    cursor: pointer;
    transition: .3s ease all;
}

.news_pagination span {
    font-size: 16px;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
}

.news_pagination .news_pagination-item.arrow:hover,
.news_pagination span.active,
.news_pagination span:hover {
    border-color: #00929F;
    border-color: var(--opdev-primary);
    background: #00929F;
    background: var(--opdev-primary);
    color: #FFF;
    color: var(--opdev-white);
}

.news_pagination .news_pagination-item.arrow:hover svg path {
    fill: #FFF;
    fill: var(--opdev-light);
}

.news_pagination .news_pagination-item:last-child {
    border: none;
}

.news_pagination .news_pagination-item.arrow {
    padding: 12px;
}

.news_pagination .news_pagination-item.dote {
    padding: 10px;
}

/* New */

/* Catalog page */
.cards {
    padding-bottom: 50px;
}

.cards .cards_block {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.cards_block .cards_boxs {
    display: grid;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    gap: 24px;
}

.cards_block .cards_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 16px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 8px;
    padding: 16px;
    cursor: pointer;
    transition: .3s ease all;
}

.cards_block .cards_box:hover {
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);
}

.cards_block .cards_box img {
    /*width: 124px;*/
    /*height: 124px;*/
    max-width: 100%;
    height: auto;
    max-height: 124px;
    object-fit: contain;
}

.cards_block .cards_box p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
    color: #343A40;
    color: var(--opdev-black);
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cards_block .cards_new {
    display: grid;
    grid-template-columns: 23.5% 74.5%;
    gap: 24px;
}

.cards_new .cards_new-boxs {
    display: flex;
    flex-direction: column;
}

.cards_new .cards_new-boxs h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: #343A40;
    color: var(--opdev-black);
    margin-bottom: 9px;
}

.cards_new .cards_new-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 32px;
}

.cards_new .cards_new-box p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #343A40;
    color: var(--opdev-black);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cards_new .cards_new-box span {
    font-size: 14px;
    line-height: 16px;
    color: #6C757D;
    color: var(--opdev-gray-600);
}

.cards_new .cards_new-link {
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #FFF;
    color: var(--opdev-white);
    border-radius: 4px;
    background: #00929F;
    background: var(--opdev-primary);
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    max-width: fit-content;
    text-align: center;
}

.cards_new .cards_new-link:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
    border-color: #02747E;
    border-color: var(--opdev-primary-dark);
}

.cards_new .cards_new-texts {
    display: flex;
    flex-direction: column;
    gap: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    border-radius: 8px;
    padding: 24px;
}

.cards_new .cards_new-texts p {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
}

/* Catalog page */

/* Favorites */
.favorites {
    padding-bottom: 48px;
}

.favorites .favorites_block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.favorites_block .favorites_cards {
    display: grid;
    grid-template-columns: 23.5% 23.5% 23.5% 23.5%;
    gap: 24px;
}

/* Favorites */

/* Confirmation */
.confirmation_content .confirmation_all {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #00929F;
    color: var(--opdev-primary);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    padding: 6px 12px;
    max-width: fit-content;
}

.confirmation_content .confirmation__pay {
    background: #00929F;
    background: var(--opdev-primary);
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
    border-radius: 4.8px;
    border: 1px solid #02747E;
    border: 1px solid var(--opdev-primary-dark);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    color: #FFF;
    color: var(--opdev-white);
}

.confirmation_content .confirmation__pay:hover {
    background: #02747E;
    background: var(--opdev-primary-dark);
}

.confirmation_content .confirmation__pay {
    height: 38px;
    padding: 7px;
    font-size: 16px;
    line-height: 24px;
}

.delivery_content .confirmation_card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0px;
}

.delivery_content .confirmation_card p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #343A40;
    color: var(--opdev-black);
}

.confirmation_content .confirmation__link {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    color: #00929F;
    color: var(--opdev-primary);
    text-decoration: underline;
}

.confirmation_content .delivery_item-box.none {
    display: none;
}

/* Confirmation */

/* Personal start */
.personal_question .delivery3_card {
    /* gap: 0; */
}

.personal-none {
    display: none;
}

.personal_question2 .delivery3_card {
    gap: 24px;
}

.personal_question .personal_br {
    width: calc(100% - 32px);
    height: 1px;
    background: var(--opdev-gray-300);
    margin: 0 auto;
}

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

.personal_question .personal_question-top p {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--opdev-primary);
}

.personal_question .personal_question-top span {
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--opdev-primary);
    border-radius: 4px;
    background: var(--opdev-primary-light);
}

.personal_question .personal_question-top .green {
    background: var(--opdev-success);
    color: var(--opdev-white);
}

.personal_question .personal_question-top .red {
    background: var(--opdev-danger-light);
    color: var(--opdev-danger);
}

.personal_question .personal_question-top b {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--opdev-gray-500);
}

.personal_question2 .personal_br {
    width: 100%;
}

.personal_question .personal_link {
    padding: 6px 12px;
    border: 1px solid var(--opdev-primary);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-primary);
    max-width: fit-content;
}

.personal_question .personal_link:hover {
    background: var(--opdev-primary);
    color: var(--opdev-white);
}

.personal_question .personal_link1 {
    margin-top: 16px;
}


.personal_modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    overflow: auto;
    width: 100%;
    height: 100vh;
    background: #34343472;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease all;
    padding: 25px 0;
}

.personal_modal.active {
    opacity: 1;
    pointer-events: all;
}

.personal_modal .personal_modal-wrap {
    width: 640px;
    background: var(--opdev-white);
    border-radius: 8px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto;
}

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

.personal_modal .personal_modal-top p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--opdev-black);
}

.personal_modal .personal_close-mob {
    display: none;
}

.personal_modal .personal_modal-img {
    display: flex;
    align-items: center;
    gap: 24px;
}

.personal_modal .personal_modal-img img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    object-fit: cover;
}

.personal_modal .personal_img-add {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-primary);
}

.personal_modal .personal_img-remove {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-danger);
    display: none;
}

.personal_modal .personal_modal-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.personal_modal-form .personal_form-box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.personal_form-box label {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: var(--opdev-gray-500);
}

.personal_form-box label span {
    color: var(--opdev-danger);
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    width: 16px;
    padding: 5.33px 5.33px 0 5.33px;
}

.personal_form-box input {
    border: 1px solid var(--opdev-gray-400);
    width: 100%;
    height: 34px;
    padding: 7px 13px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-600);
}

.personal_modal-form .personal_form-btn {
    padding: 6px 12px;
    border: 1px solid var(--opdev-primary-dark);
    background: var(--opdev-primary);
    border-radius: 4px;
    color: var(--opdev-white);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    max-width: fit-content;
}

.personal_modal-form .personal_form-btn:hover {
    background: var(--opdev-primary-dark);
}

.personal_modal-form .password_eye .eye_hidden,
.personal_modal-form .password_eye .eye_flex {
    position: absolute;
    top: 33px;
    right: 13px;
}

.personal_modal-form .password_eye .eye_flex {
    width: 17px;
    height: 17px;
    top: 34px;
    display: none;
}

.personal_modal-form .password_eye.active .eye_hidden {
    display: none;
}

.personal_modal-form .password_eye.active .eye_flex {
    display: block;
}

/* Personal end */

/* calc_modal */
body:has(.call_modal.show) {
    overflow: hidden;
}

.call_modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 560px;
    padding: 16px;
    border-radius: 8px;
    background-color: #FFF;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
    transition: .3s all ease;
}

.call_modal.show {
    opacity: 1;
    visibility: visible;
}

.call_modal .mobile_close {
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 0 8px 0;
    cursor: pointer;
}

.call_modal_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 24px 0;
}

.call_modal_top .modal_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    color: var(--Gray-800, #343A40);
}

.modal_input .caption {
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    color: var(--Gray-500, #ADB5BD);
    margin: 0 0 4px 0;
}

.modal_input .caption sup {
    color: #FF5B3A;
}

.call_modal_inputs .product_radio-item {
    margin: 0 0 6px 0;
}

.call_modal_inputs .product_radio-item:last-child {
    margin: 0;
}

.call_modal_inputs .modal_input {
    margin: 0 0 24px 0;
}

.modal_input input[type='text'],
.modal_input input[type='tel'] {
    padding: 6px 12px;
    border-radius: 4px;
    border: 1px solid var(--Gray-400, #CED4DA);
    background: var(--white, #FFF);
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    width: 100%;
}

.call_modal .modal_close {
    cursor: pointer;
}

.call_modal .modal_desc {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-gray-600);
    margin: 0 0 24px 0;
}

.call_modal .modal_desc a {
    color: var(--opdev-primary-dark);
    text-decoration: underline;
}

/*.call_modal button {*/
/*    display: flex;*/
/*    padding: 6px 12px;*/
/*    border-radius: 4px;*/
/*    border: 1px solid var(--opdev-primary-dark);*/
/*    background: var(--opdev-primary-dark);*/
/*    font-size: 16px;*/
/*    line-height: 150%;*/
/*    font-weight: 500;*/
/*    cursor: pointer;*/
/*    color: var(--opdev-white);*/
/*    transition: .3s all ease;*/
/*}*/

/*.call_modal button:hover,*/
/*.call_modal button:active {*/
/*    background: var(--opdev-primary-dark);*/
/*}*/

/* Price start */
.price_catalog .price_wrap {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.price_wrap .price_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.price_wrap .price_title h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: var(--opdev-gray-800);
}

.button-primary {
    background: var(--opdev-primary) !important;
    color: var(--opdev-white) !important;
    border: 1px solid var(--opdev-primary);
}

.button-danger {
    background: var(--opdev-danger) !important;
    color: var(--opdev-white) !important;
    border: 1px solid var(--opdev-danger);
}

.button-success {
    background: var(--opdev-success) !important;
    color: var(--opdev-white) !important;
    border: 1px solid var(--opdev-success);
}

.btn {
    border-radius: 4px !important;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    max-width: fit-content;
}

.btn-success {
    background: var(--opdev-primary) !important;
    color: var(--opdev-white) !important;
    border: 1px solid var(--opdev-primary);
}

.button {
    border-radius: 4px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    max-width: fit-content;
    white-space: nowrap;
}

.button-full {
    border-radius: 4px;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    width: 100%;
    max-width: none;
}

.price_wrap .price_table {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    border-radius: 8px;
    background: var(--opdev-white);
}

.price_table .price_table-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}

.price_table .table_card {
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 8px;
    overflow: hidden;
}

.table_card .table_box,
.table_card .table_top {
    display: flex;
    align-items: center;
    gap: 4px;
}

.table_card .table_left {
    padding: 4px 8px;
    width: 90%;
    max-width: 100%;
    background: var(--opdev-light);
}

.table_card .table_right {
    width: 96px;
    height: 100%;
    padding: 4px 8px;
    background: var(--opdev-light);
    display: flex;
    align-items: center;
}

.table_card .table_top .table_right,
.table_card .table_top .table_left {
    background: var(--opdev-gray-200);
}

.table_card .table_right b,
.table_card .table_left a,
.table_card .table_left b {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-gray-800);
}

.table_card .table_left a {
    font-weight: 400;
    line-height: 20px;
    text-decoration: underline;
}

.table_card .table_right b {
    white-space: nowrap;
}

.table_card .table_boxs {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

/* Summary start */
.summary_wrap {
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.summary_wrap .summary_top {
    display: flex;
    flex-direction: column;
    gap: 15px;
    max-width: 636px;
}

.summary_top .summary_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: var(--opdev-gray-800);
}

.summary_wrap .summary_top ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 33px;
}

.summary_wrap .summary_top p,
.summary_wrap .summary_top ul li {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-800);
    list-style: none;
}

.summary_wrap .summary_items {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.summary_wrap .summary_item-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.summary_items .summary_item-top {
    width: 100%;
    background: var(--opdev-gray-200);
    padding: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.summary_items .summary_item-top h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.summary_items .summary_item {
    display: flex;
    align-items: start;
    gap: 4px;
}

.summary_items .summary_item.end .summary_item-left {
    border-bottom-left-radius: 8px;
}

.summary_items .summary_item.end .summary_item-right {
    border-bottom-right-radius: 8px;
}

.summary_items .summary_item .summary_item-left {
    background: var(--opdev-white);
    padding: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.summary_items .summary_item .summary_item-left a {
    width: 264px;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: underline;
    color: var(--opdev-gray-800);
}

.summary_items .summary_item .summary_item-right {
    max-width: 100%;
    width: 100%;
    background: var(--opdev-white);
    padding: 8px;
    height: 100%;
    display: flex;
    align-items: center;
}

.summary_items .summary_item .summary_item-right p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-800);
}


/* @MEDIA START */
@media only screen and (max-width: 1230px) {
    .catalog_block .catalog_product {
        width: 71%;
    }

    .info .info_wrap {
        grid-template-columns: 65% 370px;
    }

    .info_wrap .right_card-fixed.fixed {
        width: 370px;
    }

    .info_description .info_tabs-wrap.fixed {
        width: 64%;
    }
}

@media only screen and (max-width: 1150px) {
    .info_wrap .info_right {
        display: none;
    }

    .info.element-simple .info_wrap,
    .info .info_wrap {
        grid-template-columns: 100%;
    }

    .info_description .info_tabs-wrap.fixed {
        width: 100%;
        padding-right: 20px;
    }

    .info_wrap .info_left-card {
        display: flex;
        width: 100%;
        margin-top: 0;
        max-width: 100%;
    }

    .info_description .info_tab {
        width: 100%;
    }

    .info_wrap .info_slide-wrap {
        flex-direction: column;
    }

    .card_item .info_card {
        margin-top: -90px;
    }

    .sidebar_links.sidebar_links_down {
        display: none;
    }

    .info_character-boxs {
        /* display: none !important; */
    }

    .info_character_boxs_simple {
        display: block;
    }
}

@media only screen and (max-width: 1100px) {

    .product_cards,
    .product_cards_full {
        grid-template-columns: 1fr 1fr;
    }

    .header_content .header_block {
        flex-wrap: wrap;
        gap: 16px;
        justify-content: end;
    }

    .header-scroll .header_content .header_block {
        flex-wrap: nowrap;
        gap: 16px;
    }

    .catalog_block .catalog_product {
        width: 100%;
    }

    .brend_block .brendSlide2,
    .brend_block .brendSlide {
        overflow: unset;
    }

    .brend_item .brend_item-logo {
        padding: 8px;
        width: 100%;
    }

    .subscribe .subscribe_block {
        gap: 34px;
        padding: 20px 50px;
    }

    .home_sidebar-wrap {
        display: none;
    }

    .swiper-wrapper2 .swiper-slide {
        width: 110px !important;
        height: 40px;
    }

    .catalog_sidebar .sidebar_header,
    .product_filters .product_filter {
        display: flex;
    }

    .catalog .catalog_block {
        gap: 0;
        flex-direction: column;
    }

    .product_filters {
        /* display: none !important; */
    }

    .sidebar_wrap {
        width: auto;
        height: auto;
        z-index: 10;
        /* display: none !important; */
    }

    .catalog_block .catalog_sidebar {
        position: fixed;
        top: 0;
        left: 0;
        opacity: 0;
        pointer-events: none;
        width: 100%;
        max-height: none;
        height: 100vh;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        z-index: 16;
        padding: 0;
        transition: .3s ease all;
    }

    .catalog_block .catalog_sidebar.active {
        opacity: 1;
        pointer-events: all;
    }

    .catalog_sidebar .sidebar_links {
        position: sticky;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 2;
        padding: 8px 12px;
        background: #FFF;
        background: var(--opdev-white);
        border-radius: 8px 8px 0 0;
    }
    .catalog_sidebar .sidebar_header {
        position: sticky;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
    }

    .order .order_block {
        grid-template-columns: 48.5% 48.5%;
    }

    .cards_block .cards_boxs,
    .news_block .news_cards {
        grid-template-columns: 31.5% 31.5% 31.5%;
    }

    .favorites_block .favorites_cards {
        grid-template-columns: 31.5% 31.5% 31.5%;
    }

    .personal .personal_block {
        grid-template-columns: 100%;
    }
}

@media only screen and (max-width: 885px) {
    .header_content .header_block {
        flex-direction: column-reverse;
        align-items: end;
        gap: 8px;
    }

    .header_block .header_phone-wrap {
        width: 100%;
    }

    .header_block .header_phone-wrap .header_phone {
        display: flex;
    }

    .header_top .header_phone {
        display: none;
    }

    .header_content .header_top {
        padding: 8px 0px 0;
        border: none;
        justify-content: end;
    }

    .header_top-location .header_location-texts {
        right: 0;
        left: auto;
    }

    .header_content .header_bottom {
        padding-bottom: 12px;
        align-items: center;
    }

    .header_phone-wrap .header_logo-mob,
    .header-scroll .header_content .header_logo,
    .bottom_menu,
    .header_bars,
    .header_block .header_call img,
    .catalog_product .product_radio-tab {
        display: flex;
    }

    .catalog_product .product_links,
    .header_block .header_call span,
    .header_content .header_logo,
    .header_top .header_navs,
    .header_menu {
        display: none;
    }

    .header-scroll .header_content .header_logo img {
        width: 84px;
    }

    .header_block .header_call,
    .header_search .header_search-label {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header_search .header_search-label {
        width: 34px;
        border-radius: 0 3.2px 3.2px 0;
    }

    .header_search .header_search-inp {
        border-radius: 3.2px 0 0 3.2px;
    }

    .header_search .header_search-inp {
        font-size: 14px;
        line-height: 21px;
    }

    .header_content .header_search {
        height: 31px;
    }

    .header_phone .header_phone-box a {
        font-size: 14px;
        line-height: 16px;
        color: #FFF;
        color: var(--opdev-light);
        white-space: nowrap;
    }

    .header_content .header_block-wrap {
        gap: 16px;
    }


    .catalog_mini-cards .catalog_mini-card {
        flex-direction: column;
        align-items: center;
        padding: 8px 4px 8px 4px;
    }

    .catalog_mini-cards .catalog_mini-card p {
        font-size: 12px;
        text-align: center;
    }


    .sidebar_item .sidebar_modal {
        position: fixed;
        bottom: -50px;
        left: 0;
        top: auto;
        z-index: 17;
        width: 100%;
        padding: 0 16px 16px;
        border-radius: 8px 8px 0 0;
        transform: translate(0);
    }

    .sidebar_item .sidebar_modal.active {
        bottom: 0;
    }

    .sidebar_item .sidebar_modal.active+.sidebar_modal-bg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 16;
        background: #343a407b;
        background: var(--opdev-light-black);
    }

    .sidebar_modal .sidebar_modal-close {
        display: flex;
    }

    .sidebar_modal .sidebar_modal-title {
        display: flex;
    }

    .sidebar_item .sidebar_modal-text {
        font-size: 14px;
        line-height: 18px;
        max-width: 328px;
    }

    .footer .footer_bottom {
        padding: 16px 0 60px;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .delivery .delivery_content,
    .basket_block .basket_all {
        grid-template-columns: 100%;
    }

    .error_block .error_title-404 {
        gap: 212px;
    }

    .error_block .error_title img {
        width: 300px;
        height: 300px;
        top: 8px;
    }

    .error_block .error_title span {
        font-size: 300px;
        line-height: 352px;
    }

    .error_block .error_info {
        margin-top: 1px;
    }

    .confirmation_content .delivery3_cards {
        flex-direction: column-reverse;
    }

    .confirmation_content .confirmation_cards {
        flex-direction: column;
    }

    .confirmation_content .confirmation_none {
        display: none;
    }
}

@media only screen and (max-width: 776px) {
    .catalog_top .catalog_mini-cards {
        grid-template-columns: 32% 32% 32%;
        gap: 4px;
    }

    .product_card-price .card_price-spn span,
    .breadcrumb-items .breadcrumb-link span,
    .breadcrumb-items .breadcrumb-span {
        font-size: 11px;
        line-height: 16px;
        white-space: nowrap;
    }

    .subscribe .subscribe_block,
    .subscribe_block .subscribe_info {
        flex-direction: column;
        align-items: start;
    }

    .subscribe_block .subscribe_info {
        gap: 16px;
    }

    .catalog_top .catalog_filter {
        margin-top: 16px;
        gap: 8px;
    }

    .catalog_filter .catalog_filter-tabs {
        gap: 8px;
    }

    .catalog_filter .catalog_filter-tab {
        font-size: 12px;
        padding: 4px 8px;
        border-radius: 8px;
    }

    .catalog .catalog-main {
        gap: 32px;
    }


    .note .note_block {
        overflow: auto;
    }

    .note_block .note_block-img {
        width: 100%;
        overflow: initial;
    }

    .note_block .certificate_block-img {
        height: 129px;
    }

    .news-list_cards {
        flex-direction: column;
        gap: 48px;
    }

    .news-list_cards .news-list_card {
        width: 100%;
    }

    .swiper-wrapper2 .swiper-slide {
        width: 60px !important;
        height: 30px;
    }

    .home .home_slider {
        gap: 8px;
    }

    .home_slider .slider_top-img {
        aspect-ratio: 3 / 1;
        object-fit: contain;
        background-color: #f8f9fa;
    }

    .order .order_block {
        grid-template-columns: 100%;
    }

    .order_items .order_item.order_product {
        display: none;
    }

    .order_price-wrap .order_item.order_product {
        display: block;
    }




    .map_modal .modal_wrap {
        width: 100%;
    }

    .map_modal .map_close {
        top: 18px;
        right: 18px;
    }

    .map_modal {
        padding: 0px 10px;
    }


    .info_wrap .info_slide-wrap {
        flex-direction: column;
    }

    .info_description .info_tabs-wrap {
        display: none;
    }

    .info_description .info_values {
        padding-top: 40px;
    }

    .info_wrap .info_value {
        display: flex;
        margin-bottom: 40px;
        opacity: 1;
        pointer-events: all;
        position: static;

    }

    .info_wrap .info_value.end {
        margin-bottom: 0;
    }

    .review_modal,
    .question_modal {
        align-items: end;
        bottom: -100%;
    }

    .review_modal.active,
    .question_modal.active {
        bottom: 0;
    }

    .review_modal .review_modal-wrap,
    .question_modal .question_modal-wrap {
        padding: 0 16px 50px;
        border-radius: 8px 8px 0 0;
        width: 100%;
    }

    .review_modal .review_modal-top,
    .question_modal .question_modal-top {
        flex-direction: column-reverse;
        align-items: start;
    }

    .review_modal .review-close,
    .question_modal .question-close {
        margin: 0 auto;
    }

    .review_modal .review-close .review_close-img2,
    .question_modal .question-close .question_close-img2 {
        display: flex;
    }

    .review_modal .review-close .review_close-img1,
    .question_modal .question-close .question_close-img1 {
        display: none;
    }

    .question_modal .question_modal-btn {
        width: 100%;
    }

    .cards_block .cards_boxs,
    .news_block .news_cards {
        grid-template-columns: 48% 48%;
    }

    .cards_block .cards_new {
        grid-template-columns: 100%;
        gap: 48px;
    }

    .cards_new .cards_new-boxs {
        max-width: 306px;
    }

    .favorites_block .favorites_cards {
        grid-template-columns: 47% 47%;
    }

    .personal_modal {
        align-items: end;
        padding-bottom: 0;
        padding-top: 70px;
    }

    .personal_modal .personal_modal-wrap {
        width: 100%;
        border-radius: 8px 8px 0 0;
        padding-top: 0;
    }

    .personal_modal .personal_close {
        display: none;
    }

    .personal_modal .personal_close-mob {
        display: block;
    }

    .personal_modal .personal_modal-close {
        margin: 0 auto;
    }

    .personal_modal .personal_modal-top {
        align-items: start;
        flex-direction: column-reverse;
        gap: 8px;
    }

    .personal_modal-form .personal_form-btn {
        max-width: 100%;
    }
}

@media only screen and (max-width: 576px) {
    .breadcrumb {
        padding: 24px 0;
    }

    .header_content .header_bottom {
        gap: 16px;
    }

    .header_phone-wrap .header_logo-mob {
        margin-bottom: 10px;
    }

    .header_message .head_message-info {
        flex-direction: column;
        align-items: start;
        gap: 4px;
    }

    .header_message .head_message-block {
        align-items: start;
    }

    .header_message .head_message-link {
        margin-left: 35px;
    }

    .header_message .head_message-title {
        font-size: 12px;
        line-height: 16px;
    }

    .breadcrumb .breadcrumb-items {
        gap: 4px;
    }

    .breadcrumb-items .breadcrumb-link:nth-child(1) span {
        display: none;
    }

    .bottom_menu-link .bottom_menu-spn {
        left: 66%;
        display: grid;
        place-content: center;
    }

    .catalog_block .catalog_sidebar.active {
        padding-top: 55px;
    }

    .price_wrap .price_title h1,
    .catalog_top .catalog-title {
        font-size: 24px;
        line-height: 32px;
    }

    .product_card-info .product_card-shop {
        flex-direction: column;
        gap: 12px;
        align-items: start;
    }

    .product_card .product_card-block {
        height: 158px;
    }

    .viewed_cards .product_card .product_card-block {
        width: 100%;
    }

    .product_card .product_card-info {
        gap: 10px;
        padding: 12px 8px 8px;
    }

    .product_card-info .product_card-title {
        height: 36px;
    }

    .product_card-info .product_card-title,
    .product_card-info .product_card-price b {
        font-size: 11px;
        line-height: 18px;
    }

    .product_card-info .product_card-price b {
        display: none;
    }

    .product_card-info .product_card-price .card_price-spn b {
        display: flex;
    }

    .product_card-shop .product_shop-link {
        width: 100%;
        height: 31px;
        display: flex;
        align-items: center;
    }

    .card_block-spns .card_block-spn,
    .product_card-block .product_card-code {
        font-size: 10px;
        line-height: 12px;
    }

    .product_cards {
        gap: 16px 24px;
        grid-template-columns: 1fr 1fr;
    }

    .product_paginations .pagination_num span {
        font-size: 14px;
        line-height: 14px;
    }

    .product_paginations .pagination_num,
    .product_paginations .pagination_dote,
    .product_paginations .pagination_arrow {
        padding: 4px 8px;
        width: auto;
    }

    .catalog_product .catalog_texts {
        padding: 12px;
        gap: 15px;
    }

    .catalog_texts {
        margin-top: 0;
    }

    .catalog_texts .catalog_text {
        font-size: 12px;
        line-height: 16px;
    }

    .card_block-spns .card_block-spn {
        height: 16px;
    }

    .card_block-spns .card_block-spn img {
        width: 12px;
        height: 12px;
    }

    .subscribe .subscribe_block {
        padding: 26px 27px 24px;
    }

    .footer_block .footer_items,
    .footer_item .footer_pay-box {
        width: 100%;
    }

    .footer_content .footer_block {
        padding: 16px 0px 24px;
        display: grid;
        grid-template-columns: 43% 43%;
    }

    .footer_block .footer_item-mob {
        display: flex;
    }

    .footer_block .footer_item-none {
        display: none;
    }

    .advantages .advantage_block {
        grid-template-columns: 47% 47%;
        gap: 8px 24px;
    }

    .advantage_block .advantage_block-img {
        height: 82px;
    }

    .home {
        padding: 24px 0px 48px;
    }

    .order {
        padding: 0 0 30px;
    }

    .order .order_title {
        font-size: 24px;
        line-height: 32px;
    }

    .order_item-title h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .order_block .order_price-wrap,
    .order_block .order_item,
    .order_block .order_items {
        gap: 16px;
    }

    .map_modal .map_close img {
        width: 20px;
        height: 20px;
    }

    .map_modal .map_close {
        top: 15px;
        right: 15px;
    }

    .form_modal,
    .address_modal {
        align-items: end;
        border-radius: 8px 8px 0 0;
    }

    .form_modal .modal_wrap {
        border-radius: 8px 8px 0 0;
    }

    .form_modal .modal_wrap,
    .address_modal .modal_wrap {
        padding-top: 0;
        gap: 16px;
    }

    .form_modal .modal_top,
    .address_modal .modal_top {
        flex-direction: column-reverse;
        gap: 8px;
        align-items: start;
    }

    .form_modal .modal_form-img,
    .modal_top .address_close-img {
        display: none;
    }

    .modal_top .close-mob {
        display: flex;
    }

    .modal_top .modal_close,
    .modal_top .address_close {
        margin: 0 auto;
    }

    .form_modal .modal_form-btn,
    .form_modal .modal_form-btn2,
    .form_modal .modal_wrap,
    .address_modal .address_form-btn {
        width: 100%;
    }

    .modal_form-btn {
        position: fixed;
        bottom: 10px;
        margin: 5px;
        padding: 0px;
        left: 0;
        width: 97% !important;
    }

    .order_item .order_payment,
    .form_modal form {
        grid-template-columns: 100%;
    }

    .form_modal .modal_wrap {
        height: 93vh;
        overflow: auto;
        padding-bottom: 100px;
    }

    .form_modal .modal_form-bottom1,
    .form_modal .modal_wrap::-webkit-scrollbar {
        display: none;
    }

    .form_modal .modal_form-bottom2 {
        display: flex;
    }

    .form_modal .modal_form-tabs {
        gap: 6px;
    }

    .form_modal .modal_form-tab {
        padding: 10px;
    }

    .delivery_check label {
        width: 100%;
        max-width: 240px;
    }

    .order_items .order_item-btn {
        position: fixed;
        bottom: 55px;
        left: 12px;
        width: 94%;
    }

    .order_payment .order_payment-tab {
        gap: 8px;
        flex-direction: initial;
        align-items: center;
        padding: 12px 12px;
    }

    .order_code {
        gap: 0;
    }

    .info_slide .infoSlide,
    .info_slide .infoSlide2,
    .info_slide .infoSlide2 .info_slide-img,
    .info_wrap .info_slide {
        width: 100%;
    }

    .info_slide .infoSlide2 .info_slide-img {
        object-fit: contain;
    }

    .info_slide .infoSlide2,
    .info_slide .infoSlide2 .info_slide-img {
        height: 336px;
    }

    .info_reviews .info_review {
        grid-template-columns: 100%;
        gap: 16px;
    }

    .info_question-item .info_question-text,
    .info_review-card .info_review-text,
    .info_value ul li,
    .info_value p,
    .slide_info .slide_info-box span,
    .slide_info .slide_info-texts p {
        font-size: 14px;
        line-height: 16px;
    }

    .info_value h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .info_value .info_equipment,
    .info_value .info_character,
    .description_wrap .description_texts {
        gap: 16px;
    }

    .description_video iframe {
        height: 191px;
    }

    .info_wrap .info_title {
        font-size: 24px;
        line-height: 32px;
    }

    .container h1 {
        font-size: 24px;
        line-height: 32px;
    }


    .basket_block .basket_title {
        margin-bottom: 16px;
    }

    .basket_title h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 32px;
    }

    .basket_all .card_item,
    .basket_all .card_item_disabled {
        flex-direction: column;
        gap: 16px;
    }

    .card_item .img_card,
    .card_item .img_card_disabled {
        display: flex;
        align-items: start;
        gap: 16px;
        width: 100%;
    }

    .info_card-title,
    .info_card-title_disabled {
        flex-direction: column-reverse;
        gap: 8px;
        height: auto;
        margin-bottom: 0;
    }

    .info_card-title .info_card-price,
    .info_card-title_disabled .info_card-price_disabled {
        align-items: start;
        gap: 0;
    }

    .info_card-title h3,
    .info_card-title_disabled h3 {
        font-size: 14px;
        line-height: 18px;
        -webkit-line-clamp: initial;
    }

    .info_card-title .info_card-price b,
    .info_card-title_disabled .info_card-price_disabled b {
        font-size: 16px;
        line-height: 24px;
        text-align: start;
    }

    .info_card-title .info_card-price span,
    .info_card-title_disabled .info_card-price_disabled span {
        font-size: 12px;
        line-height: 16px;
        text-align: start;
    }

    .card_item .img_card img,
    .card_item_disabled .img_card_disabled img {
        width: 80px;
        height: 80px;
    }

    .card_item .info_card {
        width: 100%;
        margin-left: auto;
        margin-top: 0;
    }

    .info_card .info_card-bottom {
        align-items: end;
    }

    .info_card-bottom .card_bottom {
        align-items: start;
        flex-direction: column-reverse;
    }

    .info_card-bottom .info_card-dates {
        gap: 4px;
    }

    .basket_order-wrap .order-btn-wrap {
        padding: 0;
        border-radius: 0;
        background: none;
    }

    .basket_order-wrap .order-btn {
        font-size: 16px;
        line-height: 24px;
        height: 38px;
        border-radius: 4px;
    }


    .delivery .delivery_title {
        font-size: 24px;
        line-height: 32px;
    }

    .delivery_block .delivery_items {
        display: flex;
        flex-direction: column;
        gap: 29px;
    }

    .delivery_item .delivery_item-num span {
        font-size: 12px;
        line-height: 16px;
        padding: 2px 6px;
    }

    .delivery_item-box .delivery_box-info b {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .delivery3_card .delivery3_card-btns {
        flex-wrap: wrap;
    }

    .delivery3_slider .delivery3_slide img {
        width: 80px;
        height: 80px;
    }

    .delivery3_slider .deliverySlider {
        margin: 0 16px;
    }

    .delivery3_slider .swiper-button-prev {
        left: -22px;
        top: 40px;
    }

    .delivery3_slider .swiper-button-next {
        right: -22px;
        top: 40px;
    }


    .error_block .error_title {
        margin-top: 37px;
    }

    .error_block .error_title img {
        width: 171px;
        height: 171px;
        top: 11px;
    }

    .error_block .error_title span {
        font-size: 186px;
        line-height: 223.2px;
    }

    .error_block .error_title-404 {
        gap: 115.91px;
    }

    .error_block .error_info {
        gap: 91px;
    }

    .error_info .error_links {
        flex-direction: initial;
        gap: 18px;
    }

    .error_block .error_title-525 {
        gap: 0;
    }

    .error_block .error_info h3 {
        line-height: 26px;
    }

    .favorites_block .favorites_title,
    .cards_block .cards_title,
    .news_block .news_title,
    .authorization_block .authorization_title {
        font-size: 24px;
        line-height: 32px;
    }

    .authorization_form .form_box input {
        width: 100%;
    }

    .authorization_block .authorization_form {
        max-width: 100%;
    }

    .cards_block .cards_boxs,
    .news_block .news_cards {
        grid-template-columns: 100%;
    }

    .news .news_block {
        gap: 24px;
    }

    .cards_block .cards_new,
    .news_block .news_pagination {
        margin-top: 24px;
    }

    .news_pagination .news_pagination-item {
        height: 31px;
        padding: 4px 8px;
    }

    .news_pagination .news_pagination-item.arrow {
        padding: 6.5px 8px;
    }

    .news_pagination .news_pagination-item.dote {
        padding: 8.5px;
    }

    .news_pagination .news_pagination-amount,
    .news_pagination span {
        font-size: 14px;
        line-height: 21px;
    }

    .cards {
        padding-bottom: 48px;
    }

    .cards .cards_block {
        gap: 24px;
    }

    .cards_block .cards_box {
        flex-direction: initial;
        gap: 8px;
    }

    .cards_block .cards_box img {
        width: 80px;
        height: 80px;
    }

    .cards_block .cards_box p {
        text-align: start;
    }

    .cards_new .cards_new-texts {
        padding: 12px;
    }

    .cards_new .cards_new-texts p {
        font-size: 12px;
        line-height: 16px;
    }

    .delivery_ct .delivery_catalog p {
        max-width: 264px;
    }

    .personal_question .personal_question-top .none {
        display: none;
    }

    .brend_item .brend_item-logo {
        padding: 8px;
        height: 40px;
        width: 100%;
    }

    .brend_item .brend_item-logo img {}

    .footer .footer_bottom {
        padding-bottom: 66px;
    }

    .product_fixed_card {
        display: flex;
    }

    .header_search .suggested_list {
        width: 100%;
        top: 97%;
    }

    .header_search .suggested_list li {
        font-size: 14px;
    }

    .header_content .header_bottom {
        position: relative;
    }

    .header_content .header_search {
        position: unset;
    }

    .call_modal {
        width: 100%;
        height: 100%;
        top: unset;
        bottom: -100%;
    }

    .call_modal.show {
        bottom: 0;
        left: 0;
        transform: translate(0%);
        border-radius: 8px 8px 0px 0px;
    }

    .call_modal_top .modal_close {
        display: none;
    }

    .call_modal .mobile_close {
        display: flex;
    }

    .call_modal button {
        width: 100%;
        justify-content: center;
    }
}

@media only screen and (max-width: 450px) {
    .news-list_card .news-list_card-img {
        width: 100%;
    }

    .swiper-wrapper2 .swiper-slide {
        width: 49px !important;
        height: 23px;
        border-radius: 4px;
    }

    .info_slide .infoSlide .info_slide-img {
        width: 100%;
        object-fit: contain;
    }

    .info_slide .infoSlide .swiper-wrapper {
        flex-wrap: wrap;
        row-gap: 14px;
        transform: translate(0px, 0px) !important;
    }

    .info_slide .infoSlide .swiper-slide {
        width: 40px !important;
    }
}


.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
}



footer .footer_top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    list-style: none;
    padding: 24px 0 17px 0;
}

footer .footer_top a {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--opdev-black);
}


.product_list .product_card {
    width: 100%;
    margin: 0 0 24px 0;
    border: 1px solid var(--opdev-gray-300);
    background-color: var(--opdev-white);
    border-radius: 8px;
    position: relative;
    min-height: 202px;
    padding: 0 0 0 240px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product_list .product_card:last-child {
    margin: 0;
}

.product_list .product_card-block {
    position: absolute;
    left: 0;
    top: 0;
    width: 240px;
    height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_list .product_card-block img {
    max-width: 90%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.product_list .product_card-title {
    display: -webkit-box;
    -webkit-box-align: start;
    align-items: center;
    margin: 30px 12px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: var(--opdev-black);
}

.product_list .product_card-desc {
    display: -webkit-box;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-black);
    margin: 0 12px 8px 12px;
}

.product_list .product_card-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 12px 12px;
}

.product_list .product_price {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: var(--opdev-primary);
}

.product_list .product_price span {
    font-size: 14px;
    font-weight: 400;
    line-height: 33px;
    text-decoration: line-through;
    color: #ADB5BD;
    color: var(--opdev-gray-500);
}

.product_list .product_card-bottom .date {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: var(--opdev-gray-500);
}

.content {
    padding-bottom: 48px;
}

.content_wrap {
    max-width: 950px;
    width: 100%;
    overflow-wrap: break-word;
}

.content_wrap_full {
    max-width: 100%;
    flex-grow: 1;
}

.content_wrap .content_top .content_title {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    color: var(--opdev-gray-800);
    margin-bottom: 30px;
}

.content_wrap .content_top .content_top-links {
    display: flex;
    align-items: center;
    gap: 4px;
}

.content_wrap .content_top .content_top-links a {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
    text-decoration: underline;
}

.content_wrap .content_block {
    display: flex;
    flex-direction: column;
}

.content_wrap .container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 40px 0;
}

.content_wrap p {
    color: var(--opdev-gray-800);
    font-size: 16px;
    margin-bottom: 24px;
}

.content_wrap a {
    color: var(--opdev-primary);
}

.content_wrap a:hover {
    color: var(--opdev-primary-dark);
}

.content_wrap h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 10px;
    color: var(--opdev-gray-800);
}

.content_wrap h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 10px;
    color: var(--opdev-gray-800);
}

.content_wrap ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--opdev-gray-800);
    font-size: 16px;
    margin-bottom: 24px;
}

.content_wrap ul li {
    font-size: 16px;
    font-weight: 400;
    color: var(--opdev-gray-800);
    margin-left: 25px;
}

.content_wrap ol {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--opdev-gray-800);
    font-size: 16px;
    margin-bottom: 24px;
}

.content_wrap ol li {
    font-size: 16px;
    font-weight: 400;
    color: var(--opdev-gray-800);
    margin-left: 25px;
}

.content_wrap img {
    height: auto;
    border-radius: 4px;
}

.button-sm {
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 3.2px;
    max-width: fit-content;
    margin-top: 8px;
}

.button-outline-primary {
    color: var(--opdev-primary);
    border: 1px solid var(--opdev-primary);
}

.button-outline-gray {
    color: var(--opdev-gray-700);
    border: 1px solid var(--opdev-gray-400);
}

.content_locations {
    display: grid;
    align-items: start;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 26px;
}

.content_locations .location_card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    border-radius: 8px;
    background: var(--opdev-white);
    height: 100%;
}

.content_locations .location_card h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}

.content_locations .location_card .location_info {
    display: flex;
    align-items: start;
    gap: 16px;
}

.location_card .location_info img {
    width: 180px;
    height: 124px;
    border-radius: 8px;
}

.location_card .location_info .location_info-text {
    font-size: 13.5px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-gray-800);
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.location_card iframe {
    border-radius: 8px;
    border: none;
}


/* Main slider */
@media (min-width: 1150px) {
    .infoSlide2 {
        cursor: zoom-in;
    }
}

.main_slider {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 24px;
    opacity: 0;
    pointer-events: none;
    transform: scale(.5);
    background: var(--opdev-light);
    transition: .3s ease all;
}

.main_slider.active {
    opacity: 1;
    pointer-events: all;
    transform: scale(1);
}

.main_slider .main_slider-block {
    position: relative;
}

.main_slider .main_slider-close {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    width: 64px;
    height: 64px;
    border: 2px solid var(--opdev-gray-200);
    background: var(--opdev-white);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main_slider .main_slider-close:hover svg path {
    fill: var(--opdev-primary);
}

.main_slider .main_slider-close:active svg path {
    fill: #FFF;
    fill: var(--opdev-white);
}

.main_slider .homeSlider2 {
    background: var(--opdev-white);
    border: 2px solid var(--opdev-gray-200);
    border-radius: 24px;
    padding: 16px 16px 0 16px;
    height: 84vh;
}

.main_slider .swiper-button-prev {
    left: 16px;
}

.main_slider .swiper-button-next {
    right: 16px;
}

.main_slider .swiper-button-prev,
.main_slider .swiper-button-next {
    width: 64px;
    height: 64px;
    border-radius: 16px;
    border: 2px solid var(--opdev-gray-200);
    background: var(--opdev-white);
    font-size: 20px;
    transition: .3s ease all;
}

.main_slider .swiper-button-next:after,
.main_slider .swiper-button-prev:after {
    font-size: 16px;
    transition: .3s ease all;
}

.main_slider .main_slider-close:hover,
.main_slider .swiper-button-prev:hover,
.main_slider .swiper-button-next:hover {
    background: var(--opdev-gray-100);
    border: 2px solid var(--opdev-gray-400);
}

.main_slider .swiper-button-prev:hover::after,
.main_slider .swiper-button-next:hover::after {
    color: var(--opdev-primary);
}

.main_slider .main_slider-close:active,
.main_slider .swiper-button-prev:active,
.main_slider .swiper-button-next:active {
    background: var(--opdev-primary);
    border: 2px solid var(--opdev-primary-dark);
}

.main_slider .swiper-button-prev:active::after,
.main_slider .swiper-button-next:active::after {
    color: #FFF;
    color: var(--opdev-white);
}

.main_slider .main_slider-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}

.main_slider .main_slider-info .info_box {
    max-width: 640px;
    padding: 16px;
    display: flex;
    background-color: var(--opdev-white);
    flex-direction: column;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    border-radius: 6px 0 0 0;
}

.main_slider-info .info_box h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}

.main_slider-info .info_box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--opdev-gray-800);
}

.main_slider .homeSlider2 .main_slider-img {
    min-height: 10%;
    max-height: 100%;
    width: 100%;
    margin-top: auto;
    object-fit: contain;
}

.main_slider .small_slider-img {
    border-radius: 12px;
    border: 2px solid #E9ECEF;
    width: 64px;
    height: 64px;
    object-fit: contain;
    cursor: pointer;
}

.main_slider .homeSlider2 .main_slider-img1 {
    object-fit: cover;
}

.main_slider .swiper-slide {
    height: auto;
}

.main_slider .swiper-slide.swiper-slide-thumb-active .small_slider-img {
    border: 2px solid var(--opdev-primary);
}

.main_slider .homeSlider .swiper-wrapper {
    justify-content: center;
}

.main_slider .homeSlider {
    margin: 16px auto 0;
}

/* Information start */
.information {
    padding: 24px 0px 40px;
    background: var(--opdev-light);
}

.information .information_block {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.information .information_items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    justify-content: center;
}

.information .information_item {
    border-radius: 8px;
    border: 2px solid var(--opdev-gray-200);
    background: var(--opdev-white);
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 10px 12px;
}

.information .information_item span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: var(--opdev-gray-600);
}

.information .information_item a {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-primary);
}

.information .information_item p {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 0;
    color: var(--opdev-gray-800);
}

.information .information_content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 8px;
    padding: 16px;
    background: var(--opdev-white);
}

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

.information_content .information_map h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}

.information_content .information_map iframe {
    border-radius: 8px;
}

.information_content .information_boxs {
    display: flex;
    gap: 24px;
}

.information_content .information_tabs {
    padding-top: 16px;
    width: 100%;
    display: block;
    /*display: grid;*/
    /*grid-template-columns: 32% 32% 32%;*/
    gap: 16px;
}

.information_tabs .tabs_wrap {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.information_tabs .information_tab {
    text-align: start;
    padding: 8px;
    border-radius: 8px;
    background: var(--opdev-light);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: var(--opdev-gray-800);
    margin: 5px;
}

.information_tabs .information_tab.active {
    background: var(--opdev-gray-200);
    color: var(--opdev-primary);
}

.information_content .information_value {
    width: 390px;
    padding: 10px 12px;
    border-radius: 8px;
    background: var(--opdev-white);
}

.information_value .value_box {
    display: none;
    flex-direction: column;
    gap: 24px;
}

.information_value .value_box.active {
    display: flex;
}

.information_value .value_box h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 32px;
    color: var(--opdev-gray-800);
}

.information_value .value_info-wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.information_value .value_info-wrap b {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--opdev-gray-800);
}

.information_value .value_info-wrap a {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: var(--opdev-gray-800);
}

.information_value .value_info-wrap .info_box {
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 991px) {
    .information .information_items {
        grid-template-columns: 32% 32% 32%;
        gap: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .product_list .product_card {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 16px 0;
    }

    .product_list .product_card-block {
        position: unset;
        margin: 0 0 8px 0;
    }

    .product_list .product_card-title {
        margin: 0;
        padding: 0 8px 0 24px;
        width: calc(100% - 204px);
        text-wrap: wrap;
        white-space: normal;
        text-overflow: unset;
        -webkit-line-clamp: 4;
    }

    .product_list .product_card-desc {
        margin: 8px 8px 16px 8px;
        -webkit-line-clamp: 5;
    }

    .product_list .product_card-bottom {
        margin: 0 8px 8px;
    }

    .content_wrap .content_locations {
        grid-template-columns: 100%;
        gap: 48px;
        margin-top: 24px;
    }

    .location_card .location_info img {
        width: 144px;
        height: 124px;
        border-radius: 8px;
    }

    .content_wrap .content_top .content_top-links {
        align-items: start;
        flex-direction: column;
        gap: 0px;
    }

    .content_locations .location_card .location_info {
        flex-direction: column;
    }

    .content_wrap .content_top .content_title {
        font-size: 24px;
        line-height: 32px;
    }

    .price_catalog .container {
        padding: 0;
    }

    .price_catalog .price_wrap {
        gap: 48px;
    }

    .price_wrap .price_title {
        padding: 0px 12px;
    }

    .price_wrap .price_table {
        padding: 24px 12px;
    }

    .table_card .table_right b,
    .table_card .table_left a,
    .table_card .table_left b {
        font-size: 14px;
        line-height: 18px;
        text-decoration: none;
    }

    .button {
        padding: 4px 8px;
        font-size: 14px;
        line-height: 20px;
    }

    .information .information_items {
        display: none;
    }

    .information_content .information_boxs {
        flex-direction: column;
        gap: 32px;
    }
}

@media only screen and (max-width: 576px) {
    .content_wrap img {
        max-width: 100%;
        width: auto;
    }

    .location_card .location_info img {
        width: 100%;
        height: auto;
    }

    footer {
        padding: 32px 0 16px 0;
    }

    footer .footer_bottom,
    footer .footer_top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    footer .footer_top {
        padding: 0 0 39px 0;
    }

    footer .footer_bottom {
        padding: 16px 0 0 0;
    }

    footer .footer_bottom p:last-child {
        display: none;
    }

    .product_list .product_card-block {
        width: 96px;
        height: 96px;
    }

    .product_list .product_card-title {
        font-size: 14px;
        line-height: 18px;
        width: calc(100% - 120px);
    }

    .product_list .product_card-title {
        font-size: 14px;
        line-height: 18px;
    }

    .product_list .product_card-bottom .date {
        font-size: 10px;
        line-height: 12px;
    }

    .catalog_top .catalog_mini-cards {
        grid-template-columns: 49% 49%;
    }

    .element-simple .info_right-card .element-simple_right-boxs {
        grid-template-columns: 100%;
    }

    .element-simple .info_slide .infoSlide .info_slide-img,
    .element-simple .info_slide .infoSlide .swiper-slide {
        width: 46px !important;
        height: 46px;
    }

    .element-simple .info_slide .infoSlide2,
    .element-simple .info_slide .infoSlide2 .info_slide-img {
        height: 336px;
    }

    .element-simple .element-simple_description-img {
        height: 222px;
    }

    .element-simple .info_wrap .info_value {
        border-bottom: 1px solid #DEE2E6;
        border-bottom: 1px solid var(--opdev-gray-300);
    }

    .element-simple {
        padding-bottom: 0;
    }


    .summary_top .summary_title {
        font-size: 24px;
        line-height: 32px;
    }

    .summary_wrap .summary_top p,
    .summary_wrap .summary_top ul li {
        font-size: 14px;
        line-height: 18px;
    }

    .summary_wrap .summary_top ul {
        gap: 5px;
    }

    .summary_items .summary_item-top h3 {
        font-size: 14px;
        line-height: 18px;
    }

    .summary_items .summary_item .summary_item-left a {
        width: 134px;
        font-size: 14px;
        line-height: 16px;
    }

    .summary_items .summary_item .summary_item-right p {
        font-size: 14px;
        line-height: 18px;
    }

    .summary_items .summary_item .summary_item-left {
        gap: 10px;
    }

    .information_content .information_tabs {
        grid-template-columns: 48% 48%;
        gap: 16px;
    }

    .information_content .information_map iframe {
        height: 240px;
    }

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



.basket_tabs {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 2px;
    border-radius: 8px;
    background: #E9ECEF;
    background: var(--opdev-gray-200);
    overflow: hidden;
}

.basket_tabs .basket_tab {
    width: 100%;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}

.basket_tabs .basket_tab.active {
    background: #FFF;
    background: var(--opdev-white);
}



/* Форма анкеты регистрации юрлица */
.simple_form {
    display: flex;
    flex-direction: column;
    max-width: 642px;
}

/*fix for bitrix location input*/
.simple_form__box .bx-sls {
    margin-top: 7px;
    margin-bottom: 20px;
}

.simple_form__box .bx-ui-sls-pane {
    position: absolute;
    display: none;
    width: 100%;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    margin-top: 5px;
    scrollbar-width: thin;
    scrollbar-color: #c0c0c0 #f5f5f5;
    animation: fadeIn 0.2s ease-out;
}

.simple_form__box .bx-ui-sls-pane::-webkit-scrollbar {
    width: 6px;
}

.simple_form__box .bx-ui-sls-pane::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

.simple_form__box .bx-ui-sls-pane::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 4px;
}

.simple_form__box .dropdown-item {
    padding: 10px 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.simple_form__box .dropdown-item:last-child {
    border-bottom: none;
}

.simple_form__box .dropdown-item:hover {
    background: #f9f9f9;
}

.simple_form__box .dropdown-item:active {
    background: #f0f0f0;
}

.simple_form__box .suggestion-text {
    display: flex;
    flex-direction: column;
}

.simple_form__box .company-name {
    font-weight: 600;
    color: var(--opdev-dark);
    font-size: 14px;
    line-height: 20px;
}

.simple_form__box .company-details {
    font-size: 12px;
    color: #6c757d;
    margin-top: 2px;
    line-height: 16px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.simple_form__label {
    position: relative;
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: var(--opdev-gray-500);
}

.simple_form__label--required {
    color: var(--opdev-danger);
}

.simple_form__input {
    width: 100%;
    padding: 10px;
    margin-top: 7px;
    margin-bottom: 20px;
    background-color: var(--opdev-white);
    border: 1px solid var(--opdev-gray-400);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
    color: var(--opdev-gray-600);
}

.simple_form__input::placeholder {
    color: var(--opdev-gray-400);
    font-size: 14px;
    font-weight: 400;
}

.simple_form__img {
    margin-bottom: 20px;
    display: block;
}

.simple_form__textarea {
    width: 100%;
    height: 80px;
    padding: 10px;
    margin-top: 7px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
    resize: vertical;
    font-size: 16px;
    font-weight: 600;
    color: var(--opdev-gray-600);
}

.simple_form__checkbox-group {
    margin-top: 7px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    color: var(--opdev-gray-600);
}

.simple_form__checkbox {
    margin-right: 10px;
    margin-bottom: 15px;
    width: 16px;
    height: 16px;
    transform: scale(1.0);
}

.simple_form__button-group {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.simple_form__button--submit {
    background-color: var(--opdev-primary);
    color: var(--opdev-white);
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 16px;
}

.simple_form__button--submit:hover {
    background-color: var(--opdev-primary);
}

.simple_form__button--reset {
    background-color: transparent;
    color: var(--opdev-primary);
    padding: 10px 20px;
    border: 2px solid var(--opdev-primary);
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease;
    font-size: 16px;
}

.simple_form__button--reset:hover {
    background-color: var(--opdev-primary);
    color: var(--opdev-white);
}

.simple-form__radio-inp[type="radio"]:checked,
.simple-form__radio-inp[type="radio"]:not(:checked) {
    position: absolute;
    opacity: 0;
}

.simple-form__radio-inp[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--opdev-gray-400);
    color: #CED4DA;
}

.simple-form__radio-inp[type="radio"]:checked+label {
    position: relative;
    padding-left: 24px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #343A40;
    color: var(--opdev-black);
}

.simple-form__radio-inp[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #FFF;
    background: var(--opdev-white);
    border-radius: 100%;
    border: 1px solid var(--opdev-gray-400);
    border: 1px solid #CED4DA;
}

.simple-form__radio-inp[type="radio"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #00929F;
    border: 1px solid var(--opdev-primary);
    border-radius: 100%;
    background: #00929F;
    background: var(--opdev-primary);
}

.simple-form__radio-inp[type="radio"]:checked+label:after,
.simple-form__radio-inp[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #FFF;
    background: var(--opdev-white);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    transition: all 0.2s ease;
}

.simple-form__radio-inp[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0);
}

.simple-form__radio-inp[type="radio"]:checked+label:after {
    opacity: 1;
    transform: scale(1);
}

.simple-form__radio-group {
    margin-top: 7px;
    margin-bottom: 20px;
}

.simple-form__radio-item {
    margin-bottom: 10px;
    position: relative;
}

.simple-form__radio-item .simple-form__radio-label {
    font-size: 14px;
    line-height: 16px;
    color: #343A40;
    color: var(--opdev-black);
    white-space: nowrap;
}


/* Общий стиль кнопки */
.product_card-tab.like {
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    cursor: pointer;
    position: relative;
}

/* Иконка сердца (контур) */
.product_card-tab.like::before {
    content: "♡";
    font-size: 24px;
    color: var(--opdev-gray-400);
    display: block;
    text-align: center;
    line-height: 40px;
    transition: color 0.3s ease;
}

/* Активное состояние - заполненное сердце */
.product_card-tab.like.active::before {
    content: "♥";
    color: var(--opdev-primary);
}

.product_card-tab.video {
    text-align: center;
}

.form_input-full {
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 5px;
    font-size: 12px;
    border: 1px solid var(--opdev-gray-300);
    border-radius: 4px;
    outline: none;
    transition: border-color 0.2s ease-in-out;
}

.form_input:focus {
    border-color: var(--opdev-primary);
    box-shadow: 0 0 4px var(--opdev-gray-300);
}

.content_box img {
    max-width: 100%;
}

/* Стили для контейнера с подсказками */
.dadata-suggestions {
    /*position: absolute;*/
    display: none;
    width: 100%;
    max-height: 220px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    margin-top: -15px;
    scrollbar-width: thin;
    scrollbar-color: #c0c0c0 #f5f5f5;
}

/* Стилизация скроллбара для WebKit (Chrome, Safari) */
.dadata-suggestions::-webkit-scrollbar {
    width: 6px;
}

.dadata-suggestions::-webkit-scrollbar-track {
    background: #f5f5f5;
    border-radius: 4px;
}

.dadata-suggestions::-webkit-scrollbar-thumb {
    background-color: #c0c0c0;
    border-radius: 4px;
}

/* Элементы подсказок */
.suggestion-item {
    padding: 10px 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #f0f0f0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.suggestion-item:last-child {
    border-bottom: none;
}

.suggestion-item:hover {
    background: #f9f9f9;
}

.suggestion-item:active {
    background: #f0f0f0;
}

/* Стили для поля ввода при активных подсказках */
.dadata-input:focus {
    border-color: #4285f4;
    box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.2);
    outline: none;
}

.suggestion-item:hover {
    background: #f9f9f9;
}

.suggestion-item:active {
    background: #f0f0f0;
}

/* New styles for company name and details */
.suggestion-item .company-name {
    font-weight: 600;
    color: var(--opdev-dark);
    font-size: 14px;
    line-height: 20px;
}

.suggestion-item .company-details {
    font-size: 12px;
    color: #6c757d;
    margin-top: 2px;
    line-height: 16px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dadata-suggestions {
    animation: fadeIn 0.2s ease-out;
}

.suggestion-text {
    display: flex;
    flex-direction: column;
}


/*Modal dialog*/
dialog::backdrop {
    background: rgba(0, 0, 0, 0.5);
}

dialog {
    border: none;
    border-radius: 12px;
    padding: 2rem;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 1000;
}

.callback-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.callback-modal-header h2 {
    margin: 0;
    font-size: 1.2rem;
}

.callback-close-btn {
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    outline: none;
}

.callback-close-btn:focus,
.callback-close-btn:focus-visible {
    outline: none;
    box-shadow: none;
}

.callback-label {
    display: block;
    margin: 1rem 0 0.3rem;
    font-weight: 500;
}

.callback-input-tel,
input[type="radio"]+.callback-radio-label {
    font-size: 1rem;
}

.callback-radio-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.callback-radio-group .callback-label {
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #333;
}

.callback-input-tel {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.callback-consent {
    font-size: 0.85rem;
    margin-top: 1rem;
    color: #555;
}

.callback-consent a {
    color: #0b7285;
    text-decoration: underline;
}

.callback-submit-btn {
    margin-top: 1.5rem;
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
    background: #0b7285;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

.callback-submit-btn:hover {
    background: #095c6c;
}

.manuals-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px
}

.manuals-item {
    width: 120px;
    text-align: center
}

.manuals-link {
    text-decoration: none;
    color: inherit
}

.manuals-icon {
    font-size: 48px;
    margin-bottom: 10px
}

.manuals-icon svg {
    width: 60px;
    height: 60px;
}

.manuals-name {
    font-size: 14px;
    word-break: break-word
}

.manuals-link:hover .manuals-name {
    text-decoration: underline
}


.catalog_texts {
    font-size: 14px;
    margin: 0 auto;
    padding: 1em;
    width: 100%;
    color: var(--opdev-gray-700);
}

.catalog_texts h2 {
    font-size: 2em;
}

.catalog_texts h3 {
    font-size: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    padding-left: 0.5em;
}

.catalog_texts p {
    margin: 1em 0;
    text-align: justify;
}

.catalog_texts ul {
    margin: 1em 0 1em 1.5em;
    padding-left: 1em;
    list-style-type: disc;
}

.catalog_texts img {
    max-width: 600px !important;
    width: 100% !important;
    border-radius: 4px;
}

.description_texts p {
    margin-bottom: 10px;
}

.set-html-content {
    margin-top: 20px;
}


/* Cookie Banner Styles */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--opdev-primary);
    color: white;
    z-index: 9999;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    animation: slideUp 0.4s ease-out;
}

.cookie-banner__content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}

.cookie-banner__text {
    flex: 1;
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
}

.cookie-banner__link {
    color: var(--opdev-white);
    text-decoration: underline;
    transition: opacity 0.3s;
}

.cookie-banner__link:hover {
    opacity: 0.8;
    color: var(--opdev-white);
}

.cookie-banner__button {
    background-color: var(--opdev-white);
    color: var(--opdev-primary);
    border: none;
    padding: 12px 30px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: transform 0.2s, box-shadow 0.2s;
    white-space: nowrap;
}

.cookie-banner__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.cookie-banner__button:active {
    transform: translateY(0);
}

@keyframes slideUp {
    from {
        transform: translateY(100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Адаптив для мобильных */
@media (max-width: 768px) {
    .cookie-banner__content {
        flex-direction: column;
        text-align: center;
        padding: 16px;
    }

    .cookie-banner__text {
        font-size: 13px;
    }

    .cookie-banner__button {
        width: 100%;
        padding: 14px;
    }
}
/* End */


/* Start:/local/templates/mm/styles.css?1765434515739*/
.description_texts table, .info_character table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    font-size: 14px;
    /* background-color: var(--opdev-white); */
}

.description_texts th, .info_character th,
.description_texts td, .info_character td {
    border: 1px solid var(--opdev-gray-200);
    padding: 8px 12px;
    text-align: left;
    color: var(--opdev-gray-800);
}

.description_texts th, .info_character th {
    /* background-color: var(--opdev-gray-200); */
}

.description_texts h4 {
    font-size: 20px !important;
    font-weight: 400;
    line-height: 24px;
    color: var(--opdev-gray-800);
    margin-top: 20px;
    margin-bottom: 10px;
}

.description_texts ul {
    margin-bottom: 10px;
}
/* End */


/* Start:/local/templates/.default/components/bitrix/form.result.new/modal/style.css?17643256061470*/
dialog::backdrop { background: rgba(0, 0, 0, 0.5); }
dialog{border:none;border-radius:12px;padding:2rem;width:90%;max-width:500px;box-shadow:0 10px 30px rgba(0,0,0,0.3);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1000;}
.callback-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; }
.callback-modal-header-title { margin: 0; font-size: 1.2rem; }
.callback-close-btn { background: none; border: none; font-size: 1.5rem; cursor: pointer; outline: none; }
.callback-close-btn:focus, .callback-close-btn:focus-visible { outline: none; box-shadow: none; }
.callback-label { display: block; margin: 1rem 0 0.3rem; font-weight: 500; }
.callback-input-tel, input[type="radio"] + .callback-radio-label { font-size: 1rem; }
.callback-radio-group { display: flex; flex-direction: column; gap: 0.5rem; }
.callback-radio-group .callback-label { font-weight: normal; display: flex; align-items: center; gap: 0.5rem; color: #333; }
.callback-input-tel { width: 100%; padding: 0.5rem; border: 1px solid #ccc; border-radius: 6px; }
.callback-consent { font-size: 0.85rem; margin-top: 1rem; color: #555; }
.callback-consent a { color: #0b7285; text-decoration: underline; }
.callback-submit-btn { margin-top: 1.5rem; padding: 0.6rem 1.2rem; font-size: 1rem; background: #0b7285; color: white; border: none; border-radius: 8px; cursor: pointer; }
.callback-submit-btn:hover { background: #095c6c; }
/* End */
/* /local/templates/.default/assets/utils/intlTelInput/css/intlTelInput.css?176432560616501 */
/* /local/templates/.default/assets/utils/swiper/swiper.css?176432560618459 */
/* /local/templates/.default/assets/font/Roboto/stylesheet.css?17643256062758 */
/* /local/templates/.default/assets/css/colors.css?17643256061035 */
/* /local/templates/.default/assets/css/style.css?1770204170217290 */
/* /local/templates/mm/styles.css?1765434515739 */
/* /local/templates/.default/components/bitrix/form.result.new/modal/style.css?17643256061470 */