/* Start:/local/templates/popilov_shop/libs/splide.min.css?17017626995090*/
.splide__container{box-sizing:border-box;position:relative}.splide__list{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list{display:block}.splide__track--fade>.splide__list>.splide__slide{left:0;opacity:0;position:absolute;top:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;position:relative;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:transparent}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
/* End */


/* Start:/local/templates/popilov_shop/libs/intlTelInput.css?170176269924504*/
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
[dir=rtl] .iti__arrow {
  margin-right: 6px;
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #ccc;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name {
  margin-right: 6px;
}
[dir=rtl] .iti__flag-box, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input,
[dir=rtl] .iti--allow-dropdown input[type=text],
[dir=rtl] .iti--allow-dropdown input[type=tel], [dir=rtl] .iti--separate-dial-code input,
[dir=rtl] .iti--separate-dial-code input[type=text],
[dir=rtl] .iti--separate-dial-code input[type=tel] {
  padding-right: 52px;
  padding-left: 6px;
  margin-right: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__flag-container, [dir=rtl] .iti--separate-dial-code .iti__flag-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 6px;
}
[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5762px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 12px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cq {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1269px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1357px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1379px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1467px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1511px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1555px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1577px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1599px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1621px 0px;
}
.iti__flag.iti__ez {
  height: 14px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1731px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1775px 0px;
}
.iti__flag.iti__fx {
  height: 14px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1863px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2149px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2171px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2237px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2303px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2325px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2369px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2391px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2413px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2435px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2457px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2479px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2501px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2567px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2589px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2611px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2633px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2655px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2699px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2743px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2809px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2853px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2875px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2897px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2985px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -3051px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3073px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3095px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3117px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3139px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3161px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3183px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3205px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3226px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3270px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3556px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3622px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3666px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3688px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3710px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3732px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3752px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3774px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3818px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3840px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3862px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3899px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3921px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3965px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -4031px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4097px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4163px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4185px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4207px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4229px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4251px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4273px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4361px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4405px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4537px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4647px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4669px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4713px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4735px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4757px 0px;
}
.iti__flag.iti__su {
  height: 10px;
  background-position: -4779px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4801px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4823px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4889px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4911px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4977px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -5021px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5109px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5175px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5197px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5219px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5263px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uk {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5329px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5351px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5373px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5395px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5417px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5439px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5456px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5522px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5566px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5610px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5632px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5654px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5676px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5698px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5720px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5742px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/local/templates/popilov_shop/libs/../img/flags.png?1");
  background-repeat: no-repeat;
  background-color: #dbdbdb;
  background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/local/templates/popilov_shop/libs/../img/flags@2x.png?1");
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}
/* End */


/* Start:/local/templates/popilov_shop/libs/glightbox.min.css?170176269913749*/
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
/* End */


/* Start:/local/templates/popilov_shop/css/reset-styles.css?170176269810904*/
/* Document
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

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

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
    cursor: default;
    /* 1 */
    line-height: 1.5;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    tab-size: 4;
    /* 3 */
    -webkit-tap-highlight-color: transparent
        /* 4 */
    ;
    -ms-text-size-adjust: 100%;
    /* 5 */
    -webkit-text-size-adjust: 100%;
    /* 5 */
    word-break: break-word;
    /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
    font-size: 1.5em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.35em;
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1.1em;
}

@media all and (max-width: 1279px){
    h1 {
        font-size: 1.35em;
    }
    
    h2 {
        font-size: 1.25em;
    }

    h3 {
        font-size: 1.15em;
    }
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
    margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */

hr {
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * Add the correct display in IE.
 */

main {
    display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
    text-decoration: none;
}

a:not([class]) {
    text-decoration: underline;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

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

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
    border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
    border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */

svg:not([fill]) {
    fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * Collapse border spacing in all browsers (opinionated).
 */

table {
    border-collapse: collapse;
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
    margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
    overflow: visible;
    /* 1 */
    text-transform: none;
    /* 2 */
    cursor: pointer;
    /* 3 */
    font-family: inherit;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button>p {
    margin: 0;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
    border: 1px solid #a0a0a0;
    /* 1 */
    padding: 0.35em 0.75em 0.625em;
    /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
    overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    white-space: normal;
    /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
    text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
    margin: 0;
    /* 1 */
    overflow: auto;
    /* 2 */
    resize: vertical;
    /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

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

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

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

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
    display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
    background-color: white;
    border: solid;
    color: black;
    display: block;
    height: -moz-fit-content;
    height: -webkit-fit-content;
    height: fit-content;
    left: 0;
    margin: auto;
    padding: 1em;
    position: absolute;
    right: 0;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
}

dialog:not([open]) {
    display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
    display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
    -ms-touch-action: manipulation;
    /* 1 */
    touch-action: manipulation;
    /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
    cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
    cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
    cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
    display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute;
}

/* Others
 * ========================================================================== */
img {
    max-width: 100%;
    object-fit: contain;
}

picture {
    max-width: 100%;
    object-fit: contain;
}

picture>img {
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
    object-fit: inherit;
}

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

figure {
    padding: 0;
    margin: 0;
    width: 100%;
    height: auto;
}

figure>img {
    width: inherit;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
    object-fit: inherit;
}
/* End */


/* Start:/local/templates/popilov_shop/css/main-styles.css?1778146391144427*/
/* #region Fonts */
/* Extra Light */
@font-face {
    font-family: "Montserrat";
    src: local("Montserrat"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-ExtraLight.woff2") format("woff2"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-ExtraLight.woff") format("woff"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}

/* Light */
@font-face {
    font-family: "Montserrat";
    src: local("Montserrat"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Light.woff2") format("woff2"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Light.woff") format("woff"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

/* Regular */
@font-face {
    font-family: "Montserrat";
    src: local("Montserrat"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Regular.woff2") format("woff2"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Regular.woff") format("woff"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}

/* Medium */
@font-face {
    font-family: "Montserrat";
    src: local("Montserrat"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Medium.woff2") format("woff2"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Medium.woff") format("woff"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Alt";
    src: local("Montserrat Alternates"),
        url("/local/templates/popilov_shop/css/../fonts/MontserratAlternates-Medium.woff2") format("woff2"),
        url("/local/templates/popilov_shop/css/../fonts/MontserratAlternates-Medium.woff") format("woff"),
        url("/local/templates/popilov_shop/css/../fonts/MontserratAlternates-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}

/* SemiBold */
@font-face {
    font-family: "Montserrat";
    src: local("Montserrat"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-SemiBold.woff2") format("woff2"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-SemiBold.woff") format("woff"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: "Montserrat";
    src: local("Montserrat"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Bold.woff2") format("woff2"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Bold.woff") format("woff"),
        url("/local/templates/popilov_shop/css/../fonts/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat-Alt";
    src: local("Montserrat Alternates"),
        url("/local/templates/popilov_shop/css/../fonts/MontserratAlternates-Bold.woff2") format("woff2"),
        url("/local/templates/popilov_shop/css/../fonts/MontserratAlternates-Bold.woff") format("woff"),
        url("/local/templates/popilov_shop/css/../fonts/MontserratAlternates-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}

/* #endregion */

/* #region Main styles */
:root {
    /* Colors */
    --color-blue: #003A7E;
    --color-blue-light: rgba(0, 58, 126, 0.69);
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-gray: #D9D9D9;
    --color-gray-text: #A9A9A9;
    --color-black-50: rgba(0, 0, 0, 0.50);
    --color-green: #00980F;
    --color-yellow-green: #C2B116;

    /* Base font options */
    --font-size: 2rem;
    --font-weight: 400;
    --font-family: "Montserrat", Arial, Helvetica, sans-serif;
    --line-height: 1.6;
}

html {
    min-height: 100vh;
    font-size: 62.5%;
}

body {
    min-height: inherit;
    font-family: var(--font-family);
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-weight: var(--font-weight);
    color: var(--color-black);
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
}

.main {
    flex: 1 0 auto;
}

body:has(.header.--is_fixed) .main {
    padding-top: 121px;
}

.container {
    padding: 0 1.6rem;
    max-width: 1210px;
    /* max-width: 100%; */
    width: 100%;
    margin: 0 auto;
}

.container.container--fullw {
    max-width: 100% !important;
}

/* #endregion */

/* #region UI */
.btn {
    border-radius: 0;
    border: 1px solid var(--color-blue);
    background-color: rgba(255, 255, 255, 0);
    color: var(--color-blue);
    display: block;
    padding: 1rem 1.5rem 1rem;
    font-size: 1.5rem;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    transition: .2s ease;
}

.btn-primary {
    color: #fff;
    background-color: var(--color-blue);
    border-color: var(--color-blue);
}

.btn:hover,
.btn:focus {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.action {
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    display: block;
    --size: 3.7rem;
    min-width: var(--size);
    width: var(--size);
    height: var(--size);
    font-size: var(--size);
    line-height: 0.8;
    color: var(--color-black);
    transition: .2s ease;
}

.action.--active_favorite svg path {
    stroke: red !important;
    fill: red !important;
}

.favot_absolute {
    position: absolute;
    top: 15px;
    right: 15px;


}

.action:hover,
.action:focus {
    color: var(--color-blue-light);
}

.splide__pagination {
    bottom: 7.4rem;
}

.splide__pagination__page {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 0.6rem;
    background-color: rgba(217, 217, 217, 0.60);
}

.splide__pagination__page.is-active {
    transform: none;
    background-color: #D9D9D9;
}

.splide__arrow {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0;
    font-size: 6.9rem;
    opacity: 1;
    transition: .2s ease;
}

.splide__arrow svg {
    width: auto;
    height: auto;
}

.title {
    font-size: 2.5rem;
    line-height: 1;
    color: var(--color-black);
    font-weight: 400;
    text-transform: uppercase;
    margin: 0;
}

.link {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    color: var(--color-black);
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: .2s ease;
    --arrow-size: 3.5rem;
}

.link::before {
    content: '';
    display: block;
    position: absolute;
    transform-origin: center;
    right: 0;
    top: 0;
    width: var(--arrow-size);
    height: var(--arrow-size);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><path d="M24.4495 17.887L13.512 28.8245C13.4612 28.8753 13.4008 28.9156 13.3345 28.9431C13.2681 28.9706 13.1969 28.9847 13.1251 28.9847C13.0532 28.9847 12.9821 28.9706 12.9157 28.9431C12.8493 28.9156 12.789 28.8753 12.7381 28.8245C12.6873 28.7737 12.647 28.7133 12.6195 28.647C12.592 28.5806 12.5779 28.5094 12.5779 28.4376C12.5779 28.3657 12.592 28.2945 12.6195 28.2282C12.647 28.1618 12.6873 28.1015 12.7381 28.0506L23.2887 17.5001L12.7381 6.94947C12.6355 6.84686 12.5779 6.70768 12.5779 6.56256C12.5779 6.41744 12.6355 6.27826 12.7381 6.17565C12.8408 6.07303 12.9799 6.01538 13.1251 6.01538C13.2702 6.01538 13.4094 6.07303 13.512 6.17565L24.4495 17.1131C24.5003 17.1639 24.5407 17.2242 24.5682 17.2906C24.5957 17.357 24.6099 17.4282 24.6099 17.5001C24.6099 17.5719 24.5957 17.6431 24.5682 17.7095C24.5407 17.7759 24.5003 17.8362 24.4495 17.887Z" fill="black"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: .2s ease;
}

.link::after {
    content: '';
    margin-left: 0.4rem;
    display: block;
    position: relative;
    width: var(--arrow-size);
    height: var(--arrow-size);
}

.link:hover::before {
    transform: scale(0.75);
}

.link:hover,
.link:focus {
    color: var(--color-blue-light);
}

.logotype {
    max-width: 100px;
    width: 100%;
    transition: .2s ease;
}

.logotype:hover {
    opacity: .6;
}

.logotype>img {
    object-fit: contain;
    max-width: 100%;
}

.form-radios {
    /* height: 2.4rem; */
    position: relative;
    color: #000;
}

.form-radios__wrap {
    border-radius: inherit;
    overflow: hidden;
    position: relative;
}

.label_form_button {
    margin-top: 2.2rem;
}

.label_form_password {
    margin-top: 2.2rem;
}

.box_password {
    max-width: 480px;
}

.page-form .errortext {
    font-size: 14px;
}

.label_form_sms {
    max-width: 480px;
}

#bx_register_resend_link {
    margin-top: 1rem;
    color: var(--color-black);
}

#bx_register_resend_link:hover,
#bx_register_resend_link:focus {
    color: var(--color-black);
}

.label_form_login {
    display: none;
}



@media all and (min-width: 1024px) {

    .form-radios .form-radios__wrap:hover,
    .form-radios .form-radios__wrap:focus-visible {
        box-shadow: 0 0 48px #e4e6eb;
        z-index: 6;
    }
}

.form-radios__placeholder {
    position: relative;
    font-size: 2rem;
    line-height: 1;
    padding: 0.625rem 4rem 0.625rem 1rem;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}

.form-radios__placeholder::after {
    position: absolute;
    content: "";
    width: 1.7rem;
    height: 0.7rem;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19" height="9" viewBox="0 0 19 9" fill="none"><path d="M1 0.822754L9.5 7.76317L18 0.822754" stroke="black" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-10%);
    transition: all 300ms ease-in-out;
}

.form-radios:hover .form-radios__placeholder,
.form-radios:focus-visible .form-radios__placeholder {
    background-color: #FFFFFF;
}

.form-radios__dropdown {
    display: none;
    background-color: #fff;
    padding: 1rem;
    /* height: 400px; */
    max-height: 350px;
    overflow-y: auto;
    box-sizing: border-box;
    position: absolute;
    z-index: 60;
    min-width: max-content;
}

.form-radios__dropdown>*:not(:last-child) {
    margin-bottom: 1.5rem;
}

.form-radios:hover .form-radios__dropdown,
.form-radios:focus-visible .form-radios__dropdown {
    display: block;
}

.form-radios__item {
    user-select: none;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #3d3d3d;
    transition: color 200ms ease-in-out;
}

.form-radios__item:hover,
.form-radios__item:focus-within {
    color: var(--color-blue);
}

.form-radios__input {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.form-radios__icon {
    display: none;
}

.form-radios__text {
    margin: 0;
    font-size: 1.7rem;
    line-height: 1.25;
    font-weight: 400;
    word-break: normal;
}

.btn_filter {
    white-space: nowrap;
    border-radius: 1.3rem;
    font-size: 1.6rem;
    padding: 0.7rem 1.3rem;
    text-decoration: none;
}

.accordion {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.accordion__card {
    width: 100%;
    display: block;
    border-bottom: 1px solid var(--color-black);
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    transition: .2s ease;
}

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

.accordion__card-toggler {
    position: relative;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    font-size: 2rem;
    /* font-weight: 300; */
    line-height: 1.25;
    min-height: 1.875rem;
    text-align: left;
    color: var(--color-black);
    padding: 0 5rem 0 0;
    transition: .2s ease;
    outline: none !important;
}

.accordion__card-arrow {
    position: absolute;
    top: 0.1rem;
    right: 0;
    --sizeW: 2.6rem;
    --sizeH: 2.1rem;
    width: var(--sizeW);
    height: var(--sizeH);
}

.accordion__card-arrow span:nth-child(1),
.accordion__card-arrow span:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    background-color: var(--color-black);
    transition: .2s ease;
}

.accordion__card-arrow span:nth-child(1) {
    width: var(--sizeW);
    height: 1px;
}

.accordion__card-arrow span:nth-child(2) {
    width: 1px;
    height: var(--sizeH);
}

.accordion__card-toggler.--is_active .accordion__card-arrow span:nth-child(2) {
    opacity: 0;
}

.accordion__card-body {
    width: 100%;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: .2s ease;
}

.accordion__card-content {
    padding-top: 1.3rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.3;
    color: var(--color-black);
    transition: .2s ease;
    opacity: 0;
}

.accordion__card.--is_active .accordion__card-content {
    opacity: 1;
}

.tags {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.tag {
    padding: 0.2rem 0.5rem 0.1rem;
    color: var(--color-black-50);
    border: 1px solid var(--color-black-50);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    display: block;
}

.tags>* {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}

.form {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.iti__flag {
    background-image: url("/bitrix/templates/popilov_shop/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("/bitrix/templates/popilov_shop/img/flags@2x.png");
    }
}

.form__iti .iti input,
.form__iti .iti input[type=text],
.form__iti .iti input[type=tel] {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    padding-left: 13.8rem !important;
    font-size: 3rem;
    border-color: var(--color-black);
    border-radius: 2rem;
    max-width: 483px;
}

.form__iti .iti__selected-dial-code {
    font-size: 3rem;
    font-weight: 700;
    color: var(--color-white);
}

.form__iti .iti__flag-container {
    min-width: 12.8rem;
}

.form__iti .iti__selected-flag {
    padding: 2rem 0.5rem 2rem 2.2rem;
    transition: .2s ease;
    border-top-left-radius: 1.8rem;
    border-bottom-left-radius: 1.8rem;
}

.form__iti .iti__selected-flag .iti__flag {
    display: none;
}

.form__iti .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 0;
}

.form__iti .iti--separate-dial-code .iti__selected-flag {
    background-color: var(--color-blue);
}

.form__iti .iti__arrow {
    width: 2.3rem;
    height: 1.2rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="14" viewBox="0 0 25 14" fill="none"><path d="M1 1L12.5 13L24 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    margin-left: 0.9rem;
}

.form__counter {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: 1px solid var(--color-black);
    width: 9.3rem;
    height: 3.8rem;
}

.form__counter-btn {
    width: 3.1rem;
    height: 100%;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    font-size: 1.6rem;
    line-height: 1;
}

.form__counter-input {
    width: 3.2rem;
    height: 100%;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    outline: none;
    text-align: center;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
}

.form__field {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.form__field.form__field--row {
    flex-direction: row;
    align-items: center;
    gap: 14px;
}

.form__label {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    color: var(--color-black);
    margin-bottom: 2rem;
    white-space: nowrap;
}

.form__field.form__field--row .form__label {
    margin-bottom: 0;
    margin-right: 2.2rem;
}

.form__input {
    width: 100%;
    border-radius: 1.1rem;
    background-color: var(--color-gray);
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    color: var(--color-black);
    border: 1px solid var(--color-gray);
    outline: none;
    padding: 1rem 2rem;
}

.form__radio {
    padding-left: 4.2rem;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    user-select: none;
    /* margin-left: 45px; */
}

.form__radio-input {
    appearance: none;
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.form__radio-icon {
    display: block;
    position: absolute;
    margin-left: -4.2rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 5rem;
    background-color: var(--color-gray);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.form__radio-icon::before {
    content: "";
    width: 43%;
    height: 43%;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--color-black);
    border-radius: 5rem;
    opacity: 0;
    transition: .2s ease;
}

.form__radio-input:checked+.form__radio-icon::before {
    opacity: 1;
}

.form__radio-text {
    margin: 0;
    padding: 0.5rem 0;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400;
    color: var(--color-black);
    white-space: normal;
}

.overflow-auto .form__radio-text {
    white-space: nowrap;
}

.form__radio-text::first-letter {
    text-transform: capitalize;
}

.form__radios {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.form__radios.form__radios--row {
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.form__radios .form__radio:not(:last-child) {
    margin-bottom: 2.7rem;
}

.form__radios.form__radios--row .form__radio:not(:last-child) {
    margin-right: 4rem;
    margin-bottom: 0;
}

#bx-soa-paysystem {
    margin-bottom: 6rem;
}

/* #endregion */

/* #region Header */
.header {
    width: 100%;
    position: relative;
    z-index: 50;
    padding-top: 5px;
    padding-bottom: 15px;
}

.header.--header-page {
    border-bottom: 1px solid var(--color-black);
}

.header__container {
    display: flex;
    align-items: stretch;
}

.header__side {
    margin-left: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header__side>*:not(:last-child) {
    /* margin-bottom: 2rem; */
    margin-right: 2rem;
}

.header__top-list {
    padding: 0 1.5rem;
}

.header__phone {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.header__phone-link {
    font-size: 1.8rem;
    font-weight: 500;
    color: var(--color-blue);
    text-decoration: none;
    transition: .2s ease;
}

.header__phone-link:hover,
.header__phone-link:focus {
    color: var(--color-blue-light);
}

.header__btn {
    white-space: nowrap;
    border-radius: 0;
    font-size: 1.6rem;
    padding: 0.7rem 1.3rem;
}

.header-row {
    display: flex;
    width: 100%;
    flex-direction: column;
    height: inherit;
    min-height: 100%;
    justify-content: space-between;
}

.header__nav {
    padding: 0 1.5rem;
}

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

.header_bottom {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    min-height: 40px;
}

.header__nav-head {
    display: none;
    position: relative;
    margin-bottom: 2rem;
}

.header__nav-body {
    height: 100%;
}

.header__menu {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.header__menu--hidden {
    display: none;
}

.header__menu-link {
    display: inline-flex;
    align-items: center;
    padding: 0 1.3rem;
    font-size: 2rem;
    line-height: 1;
    color: var(--color-black);
    transition: .2s ease;
    white-space: nowrap;
}

.header__menu-link:hover,
.header__menu-link:focus-visible {
    color: var(--color-blue);
}

#search .search-title-button {
    background-color: var(--color-blue);
    color: var(--color-white);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.search__form {
    width: 0;
    background-color: #fff;
    padding: 0;
    overflow: hidden;
    will-change: width;
    margin-right: 20px;
    transition: width .3s;
    max-width: 480px;
}

.search__form.--active_box {
    width: 100%;
}

@media (max-width: 1440px) {
    .header__actions {
        flex: 0 !important;
        margin-left: auto;
    }

    .search__form {
        max-width: 340px;
        right: calc(100% + 20px);
        position: absolute;
        margin: 0;
        top: -1px;
    }

    .search__form.--active_box {
        width: 100vw;
        position: absolute;
        min-width: 250px;
    }
}

.search__form .input-group {
    flex-wrap: nowrap;
}

.header_close__search_svg {
    display: none;
}

.--svg_close .header_close__search_svg {
    display: block;
}

.--svg_close .header_active__search_svg {
    display: none;
}

.search__form button {
    height: 37px !important;
    width: 37px;
}

@media (max-width: 1280px) {
    .search__form {
        height: auto;
        top: unset;
        bottom: 0;
        left: 50%;
        transition: all .3s;
        transform: translateX(-50%);
        background: #fff;
    }

    .search__form.--active_box {
        width: 100vw;
        bottom: -39px;
        position: absolute;
        min-width: 250px;
        padding: 5px;
    }

    .search__form button {
        height: 32px !important;
        width: 32px;
        padding: 0;
    }

    .search__form .form-control {
        min-height: 32px;
    }

    .header__actions {
        position: unset !important;
    }
}

.header__dropdown {
    width: 100%;
    top: 100%;
    left: 0;
    position: absolute;
    background-color: var(--color-white);
    visibility: hidden;
    opacity: 0;
    transition: .3s ease .2s;
    z-index: 30;
    border-top: 1px solid #333;
}

.header__dropdown-wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: calc(4.4rem + 155px);
}

@media all and (min-width: 992px) {

    .header__menu-item--dropdown:hover>.header__dropdown,
    .header__menu-item--dropdown:focus-within>.header__dropdown {
        visibility: visible;
        opacity: 1;
    }
}

.header__dropdown-list {
    max-height: 230px;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0 40px;
    align-content: flex-start;
}

.header__dropdown-list--more {
    max-width: 100%;
}

.header__dropdown-list--less {
    /* max-width: 65%; */
}

.header__dropdown-item {
    width: fit-content;
}

.header__dropdown-link {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2.1;
    color: var(--color-black);
    transition: .2s ease;
}

.header__dropdown-link:hover,
.header__dropdown-link:focus {
    color: var(--color-blue-light);
}

.header__logotype {
    /* margin-left: auto; */
}

.header__actions {
    margin-left: 2rem;
    display: flex;
    justify-content: flex-end;
    position: relative;
    flex: 0;
}

.header__actions:has(.search__form.--active_box) {
    flex: 1;
}

.header__action:not(:last-child) {
    margin-right: 1.2rem;
}

.header__toggler {
    display: none;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    padding: 0.45rem 0;
    --size: 2.6rem;
    min-width: var(--size);
    width: var(--size);
    height: var(--size);
    font-size: var(--size);
    line-height: 0.8;
    color: var(--color-black);
    transition: .2s ease;
}

.header__search {
    padding-top: 0.45rem;
}

.header__search--action {
    display: none;
}

.header__search-wrapper {
    width: 100%;
    top: 100%;
    left: 0;
    position: absolute;
    background-color: var(--color-white);
    visibility: hidden;
    opacity: 0;
    transition: .2s ease;
}

.header__search-container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    display: grid;
    grid-template-columns: 1fr 6rem;
    grid-column-gap: 1rem;
}

.header__search-field {
    background-color: var(--color-gray);
    border-radius: 1.1rem;
    width: 100%;
    border: 1px solid var(--color-gray);
    font-size: 2rem;
    line-height: 1.1;
    font-weight: 400;
    color: var(--color-black);
    padding: 1.2rem 1.9rem;
    outline: none;
    transition: .2s ease;
}

.header__search-field:focus {
    border-color: var(--color-blue);
}

.header__search-button {
    justify-self: center;
    align-self: center;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    display: block;
    --size: 3.2rem;
    min-width: var(--size);
    width: var(--size);
    height: var(--size);
    font-size: var(--size);
    line-height: 0.8;
    color: var(--color-black);
    transition: .2s ease;
}

.header__logotype--mb {
    display: none;
}

/* #endregion */

/* #region Banner */
.banner {
    width: 100%;
    height: 824px;
    margin-bottom: 7rem;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.banner__container {
    height: 100%;
}

.banner__slider {
    height: 100%;
}

.banner__slider>.splide__slider {
    height: 100%;
}

.banner__slider>.splide__slider>.splide__track {
    height: 100%;
}

.banner__slide-title {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 6rem;
    line-height: 1;
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s ease;
}

.banner__slide-title:hover,
.banner__slide-title:focus {
    color: #fff;
}

/* #endregion */

/* #region Categories */
.categories {
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: hidden;
}

.categories--mb {
    display: none;
}

.categories__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3.5rem;
}

.categories__card {
    display: flex;
    height: 100%;
    position: relative;
    overflow: hidden;
    flex-direction: column;
}

.categories__card-image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    max-height: 400px;
    margin-bottom: 5px;
}

.categories__card-image {
    width: 100%;
    height: 100%;
    max-height: 400px;
    object-fit: cover;
    object-position: center;
    transition: .2s ease;
}

.categories__card-add-to-cart {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    background: var(--color-blue);
    color: var(--color-white);
    border: none;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 1.2rem;
    font-weight: 500;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(0, 58, 126, 0.3);
}

.categories__card-add-to-cart:hover {
    background: var(--color-blue-light);
    transform: translateX(-50%) translateY(100%) scale(1.05);
    box-shadow: 0 4px 12px rgba(0, 58, 126, 0.4);
}

.categories__card-add-to-cart svg {
    width: 16px;
    height: 16px;
}

.categories__card:hover .categories__card-add-to-cart {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.categories__card-add-to-cart {
    white-space: nowrap;
}

.categories__card:hover .categories__card-image {
    transform: scale(0.98);
}

@media screen and (max-width: 767px) {

    .categories__card-image-wrapper,
    .categories__card-image {
        max-height: 140px;
    }
}

.categories__card-title {
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
}

.categories__card-price {
    color: rgba(0, 0, 0, 0.5) !important;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
}

.categories__card::before {
    content: '';
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    /* margin-top: -10px; */
}

.categories__card::after {
    content: '';
    display: block;
    position: absolute;
    width: 40%;
    height: 200%;
    background: rgba(255, 255, 255, .2);
    top: 0;
    filter: blur(5px);
    transform: rotate(45deg) translate(-450%, 0);
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.categories__card:hover::after {
    transform: rotate(45deg) translate(450%, 0);
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.categories__card:hover::before {
    margin-top: 0;
}

.categories__slider .splide__track {
    overflow: visible;
}

/* #endregion */

/* #region Photo-banner */
.photo-banner {
    padding-top: 9rem;
    padding-bottom: 9rem;
}

.photo-banner a {
    position: relative;
    display: flex;
    justify-content: flex-end;
    width: fit-content;
}

.photo-banner a::after {
    content: attr(data-title);
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: auto;
    text-align: center;
    font-size: 6rem;
    line-height: 1;
    font-weight: 400;
    color: var(--color-white);
    text-decoration: none;
    text-transform: uppercase;
    transition: .2s ease;
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.35), 0 1px 0 #222222, 0 0 2px #00000000;
}

@media screen and (max-width: 768px) {
    .photo-banner a::after {
        font-size: 3rem;
    }
}

.photo-banner--mb {
    display: none;
}

.photo-banner__container {
    max-width: 1198px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 6.8rem;
    grid-row-gap: 20px;
    justify-items: end;
}

.photo-banner__image--mb {
    display: none;
}

.photo-banner__container--one>*:nth-child(3) {
    display: none;
}

/* #endregion */

/* #region Sharing */
.sharing {
    padding-top: 8.5rem;
    padding-bottom: 9.8rem;
}

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

.sharing__text {
    display: block;
    max-width: 680px;
    text-align: center;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2335;
    color: var(--color-black);
    margin-bottom: 6.6rem;
}

.sharing__socials {
    padding: 0;
    margin: 0px 0 10px;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sharing__socials-item:not(:last-child) {
    margin-right: 2.4rem;
}

.sharing__socials-item:first-child {
    margin-right: 1.6rem;
}

.sharing__socials-link {
    font-size: 7rem;
    line-height: 0.8;
    color: var(--color-blue);
    display: flex;
    transition: .2s ease;
}

.sharing__socials-link:hover,
.sharing__socials-link:focus {
    color: var(--color-blue-light);
}

.sharing__socials-link.sharing__socials-link--vk {
    font-size: 10.5rem;
}

.sharing__socials-link.sharing__socials-link--inst {
    font-size: 8.7rem;
}

/* #endregion */

/* #region Footer */
.footer {
    background-color: var(--color-blue);
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem;
    overflow: hidden;
    padding-top: 6.7rem;
    padding-bottom: 0rem;
}

.footer__container {
    display: flex;
    padding-left: 3rem;
    padding-right: 3rem;
}

.footer__col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    order: 1;
}

.subscribe-col {
    max-width: 30%;
    order: 1;
}

@media (max-width: 768px) {

    .footer__col {
        width: 100%;
    }

    .subscribe-col {
        max-width: 100%;
        order: 2;
    }
}

.footer__col:not(:last-child) {
    margin-right: auto;
}

.footer__head {
    font-size: 3rem;
    font-weight: 500;
    line-height: 1;
    color: var(--color-white);
    display: inline-block;
    padding-bottom: 1rem;
    margin-bottom: 2.5rem;
    position: relative;
}

.footer__head::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    height: 1px;
    background-color: var(--color-white);
    transition: .2s ease;
}


.footer__head:hover {
    color: var(--color-white);
}

.footer__head:hover::after {
    width: 0%;
}

.footer__links {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 3.9rem;
    grid-row-gap: 1rem;
}

@media (max-width: 1500px) {
    .footer__links {
        grid-template-columns: 1fr;
    }
}

.footer__link {
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.1;
    color: var(--color-white);
    transition: .2s ease;
    display: block;
    padding-bottom: 0.5rem;
    position: relative;
}

.footer__link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    display: block;
    height: 1px;
    background-color: var(--color-white);
    transition: .2s ease;
}

.footer__link:hover::after,
.footer__link:focus::after {
    width: 100%;
}

.footer__link:hover,
.footer__link:focus {
    color: var(--color-white);
}

/* Newsletter form styles */
.footer__text {
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.4;
    color: var(--color-white);
    margin-bottom: 2rem;
}

.newsletter-form {
    width: 100%;
}

.newsletter-form__group {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 90%;
}

@media (max-width: 768px) {
    .newsletter-form__group {
        width: fit-content;
    }
}

.newsletter-form__input {
    width: 100%;
    padding: 1.2rem 1.5rem;
    font-size: 1.4rem;
    font-weight: 300;
    color: var(--color-black);
    background-color: var(--color-white);
    border: 1px solid var(--color-gray);
    border-radius: 0.5rem;
    transition: border-color 0.3s ease;
}

.newsletter-form__input:focus {
    outline: none;
    border-color: var(--color-blue);
}

.newsletter-form__input::placeholder {
    color: var(--color-gray-text);
}

.newsletter-form__button {
    padding: 1.2rem 2rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: var(--color-white);
    background-color: #001669;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.newsletter-form__button:hover {
    background-color: rgb(3 91 195 / 69%);
}

.newsletter-form__button:disabled {
    background-color: var(--color-gray-text);
    cursor: not-allowed;
}

.newsletter-form__message {
    margin-top: 1rem;
    padding: 1rem;
    font-size: 1.3rem;
    font-weight: 300;
    border-radius: 0.5rem;
    text-align: center;
}

.newsletter-form__message.success {
    background-color: rgba(0, 152, 15, 0.1);
    color: var(--color-green);
    border: 1px solid var(--color-green);
}

.newsletter-form__message.error {
    background-color: rgba(220, 53, 69, 0.1);
    color: #DC3545;
    border: 1px solid #DC3545;
}

/* #endregion */

/* #region Category*/
.category {
    padding-top: 1rem;
    padding-bottom: 10rem;
}

.favorite_cart {
    padding-top: 4.6rem;
    padding-bottom: 20rem;
}

.category__head {
    width: 100%;
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-column-gap: 4rem;
    margin-bottom: 5rem;
}

.category__head-right {
    grid-column: 2;
}

.category__title {
    text-transform: none;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 0.9;
    margin: 0;
}

.category__toggler {
    display: none;
    border: 0;
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    --size: 2.3rem;
    min-width: var(--size);
    width: var(--size);
    height: var(--size);
    font-size: var(--size);
    line-height: 0.8;
    color: var(--color-black);
    transition: .2s ease;
}

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

.category__subcats {
    position: sticky;
    top: 140px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
}

.category__subcats-item {
    display: block;
    line-height: 1;
}

.category__subcats-item:not(:last-child) {
    margin-bottom: 1.7rem;
}

.category__subcats-link {
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--color-black);
    transition: .2s ease;
}

.category__subcats-link:hover,
.category__subcats-link:focus {
    color: var(--color-blue-light);
}

.category__subcats-link.--is_active {
    font-weight: 700;
}

.category__body:has(aside) {
    width: 100%;
    display: grid;
    grid-template-columns: 300px 1fr;
    grid-column-gap: 4rem;
}

.category__products {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3rem;
    grid-row-gap: 6.8rem;
}

.category__filter {
    width: 100%;
    margin-bottom: 3.3rem;
}

.category__filter-head {
    display: none;
}

.category__filter-row {
    margin: 0 -1rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.category__filter-row>* {
    margin-right: 3.9rem;
    /* margin-bottom: 1.5rem; */
}

.smart-filter-button-box {
    margin-left: auto;
}

/* #endregion */

/* #region Product card */
.product-card {
    display: flex;
    flex-direction: column;
    position: relative;
}

.product-card__image {
    display: block;
    margin-bottom: 1.3rem;
    position: relative;
    overflow: hidden;
    max-height: 600px;
    flex: 1 0 auto;
}

.product-card__image>img {
    width: 100%;
    height: 100%;
    /* width: 300px;
    height: 300px; */
    object-fit: cover;
    /* object-fit: contain; */
    object-position: center;
    transition: .2s ease;
    /* aspect-ratio: 0.5152790640498808; */
}

.product-card__image:hover>img {
    transform: scale(0.95);
}

.product-card__image::before {
    content: '';
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin-top: -10px;
}

.product-card__image::after {
    content: '';
    display: block;
    position: absolute;
    width: 40%;
    height: 200%;
    background: rgba(255, 255, 255, .2);
    top: 0;
    filter: blur(5px);
    transform: rotate(45deg) translate(-450%, 0);
    transition: all .5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.product-card__image:hover::after {
    transform: rotate(45deg) translate(450%, 0);
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.product-card__image:hover::before {
    margin-top: 0;
}

.product-card__info {
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    line-height: 1;
}

.product-item-info-container__wrapper {
    padding: 0 1.5rem;
}

@media screen and (max-width: 767px) {
    .product-item-info-container__wrapper {
        padding: 0 .5rem;
    }
}

.product-card__info h3 {
    margin-bottom: 0;
}

.product-card__name {
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.15;
    color: #000000b3;
    margin-bottom: 1rem;
    transition: .2s ease;
}

.product-card__name:hover,
.product-card__name:focus-within {
    color: var(--color-blue-light);
}

.product-card__price {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1;
    min-height: 18px;
    color: var(--color-black);
    margin-top: 10px;
}

.product-card__colors {
    margin: 0;
    padding: 0.6rem 0 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.product-card__color {
    margin-right: 0.8rem;
    width: 2.3rem;
    height: 2.3rem;
    display: block;
}

.product-card__color-link {
    width: inherit;
    height: inherit;
    display: block;
    border: 1px solid var(--color-black);
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .2s ease;
}

.product-card__color-link:hover,
.product-card__color-link:focus {
    transform: scale(1.1);
    opacity: 0.65;
}

.product-card__color-name {
    display: none;
}

/* #endregion */

/* #region Breadcrumbs */
.breadcrumbs {
    padding-top: 3.4rem;
    padding-bottom: 4.4rem;
}

.breadcrumbs__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.breadcrumbs__item {
    display: inline-flex;
    align-items: center;
}

.breadcrumbs__item:not(:first-child)::before {
    content: "";
    margin: 0 1.3rem;
    display: inline-block;
    width: 3.5rem;
    height: 3.5rem;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><path d="M24.4495 17.887L13.512 28.8245C13.4612 28.8753 13.4008 28.9156 13.3345 28.9431C13.2681 28.9706 13.1969 28.9847 13.1251 28.9847C13.0532 28.9847 12.9821 28.9706 12.9157 28.9431C12.8493 28.9156 12.789 28.8753 12.7381 28.8245C12.6873 28.7737 12.647 28.7133 12.6195 28.647C12.592 28.5806 12.5779 28.5094 12.5779 28.4376C12.5779 28.3657 12.592 28.2945 12.6195 28.2282C12.647 28.1618 12.6873 28.1015 12.7381 28.0506L23.2887 17.5001L12.7381 6.94947C12.6355 6.84686 12.5779 6.70768 12.5779 6.56256C12.5779 6.41744 12.6355 6.27826 12.7381 6.17565C12.8408 6.07303 12.9799 6.01538 13.1251 6.01538C13.2702 6.01538 13.4094 6.07303 13.512 6.17565L24.4495 17.1131C24.5003 17.1639 24.5407 17.2242 24.5682 17.2906C24.5957 17.357 24.6099 17.4282 24.6099 17.5001C24.6099 17.5719 24.5957 17.6431 24.5682 17.7095C24.5407 17.7759 24.5003 17.8362 24.4495 17.887Z" fill="black"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 0.5;
}

@media screen and (max-width: 767px) {
    .breadcrumbs__item:not(:first-child)::before {
        width: 2rem;
        height: 2rem;
        margin: 0 .5rem;
    }

    .header__btn {
        padding: 0.7rem 0.3rem;
    }
}

.breadcrumbs__item a,
.breadcrumbs__item span {
    white-space: nowrap;
    display: inline-block;
    font-size: 1.8rem;
    line-height: 1;
    color: var(--color-black);
    font-weight: 400;
    text-decoration: none;
    transition: .2s ease;
    opacity: 0.5;
}

.breadcrumbs__item span {
    opacity: 1;
}

.breadcrumbs__item a:hover,
.breadcrumbs__item a:focus-visible {
    color: var(--color-blue-light);
    opacity: 1;
}

/* #endregion */

/* #region Product */
.product {
    padding-bottom: 15rem;
}

.product__wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 8.4rem;
}

.product__gallery {
    width: 100%;
    display: grid;
    grid-template-columns: 15.5% 1fr;
    grid-column-gap: 1rem;
}

.product__gallery-thumbs {
    display: flex;
    flex-direction: column;
    max-height: 725px;
    overflow: auto;
}

.product__gallery-thumbs::-webkit-scrollbar {
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox, Safari 18.2+, Chromium 121+ */
    display: none;
    /* Older Safari and Chromium */
}

.product-popup-content .product__gallery-thumbs {
    max-height: 535px;
}

.product__gallery-thumb {
    display: block;
    height: 138px;
    transition: .2s ease;
}

.product__gallery-thumb>img {
    width: 100%;
    height: inherit;
    object-fit: cover;
    object-position: center;
}

.product__gallery-thumb:not(:last-child) {
    margin-bottom: 0.9rem;
}

.product__gallery-main {
    height: 726px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product__gallery-main>img {
    width: 100%;
    height: inherit;
    object-fit: cover;
    object-position: center;
}

.product__gallery-tags {
    display: none;
}

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

.product__info-tags {
    margin-bottom: 0.8rem;
}

.product__title {
    font-family: 'Montserrat-Alt', Arial, Helvetica, sans-serif;
    font-size: 3rem;
    font-weight: 700;
    text-transform: none;
}

.product__article {
    color: var(--color-black-50);
    font-size: 1.3rem;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 2rem;
    margin-top: .5rem;
}

.product__price {
    font-size: 2.8rem;
    font-weight: 500;
    color: var(--color-black);
    line-height: 1;
}

.product__colors {
    margin: 0;
    padding: 0.6rem 0 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.product__color {
    margin-right: 0.8rem;
    width: 3rem;
    height: 3rem;
    display: block;
}

.product__color-link {
    width: inherit;
    height: inherit;
    display: block;
    border: 1px solid var(--color-black);
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: .2s ease;
}

.product__color-link:hover,
.product__color-link:focus {
    transform: scale(1.1);
    opacity: 0.65;
}

.product__color-name {
    display: none;
}

.product__sizes {
    padding: 6rem 0 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.product__size {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    display: block;
}

.product__size-link {
    display: block;
    width: 5.75rem;
    height: 5.75rem;
    border: 2px solid rgba(255, 255, 255, 0);
    text-align: center;
    font-size: 1.6rem;
    line-height: 3.3;
    font-weight: 600;
    color: var(--color-black);
    background-color: var(--color-gray);
    transition: .2s ease;
}

.product__size-link.--is_selected {
    border-color: var(--color-black);
}

.product__size-link:hover,
.product__size-link:focus {
    border-color: var(--color-black-50);
}

.product__size-link * {
    font-size: 1.6rem;
}

.product__size-link .product-item-scu-item-text {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product__buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 4.3rem;
    margin-top: 1.2rem;
}

.product__btn-cart {
    margin-right: 1.5rem;
    border-radius: 5px;
    width: 100%;
    max-width: 439px;
    background-color: var(--color-blue-light);
    border-color: var(--color-blue-light);
    color: var(--color-white);
    font-size: 2rem;
    font-weight: 600;
    text-transform: none;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}

.product__btn-cart:hover,
.product__btn-cart:focus {
    color: var(--color-white);
}

.product__accordion {
    max-width: 500px;
}

.bx-pagination {
    margin-top: 140px;
}

/* #endregion */

/* #region Page-banner */
.page-banner {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    height: 330px;
    width: 100%;
    background-image: var(--background);
    background-position-y: 93%;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-banner__container {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.page-banner__title {
    max-width: 548px;
    font-size: 4rem;
    font-weight: 200;
    text-transform: none;
}

.page-banner__title>span {
    font-size: 3rem;
    font-weight: 300;
}

/* #endregion */

/* #region About-page */
.about-page {
    padding-top: 6.7rem;
    padding-bottom: 16.3rem;
}

.about-page__block {
    width: 100%;
    display: grid;
    grid-template-columns: 100%;
}

.about-menu {
    display: flex;
    justify-content: center;
}

.about-menu ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 12px;
    overflow: auto;
    width: 100%;
}

.about-menu ul li a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    color: #000;
    text-decoration: none;
    margin-bottom: 20px;
    white-space: nowrap;
    display: inline-block;
}

.about-menu ul li.active a {
    background: #003a7e;
    border-radius: 6px;
    color: #fff;
    padding: 6px 7px;
}

.about-menu i {
    display: none;
}

@media (max-width: 1023px) {

    .about-menu i {
        display: flex;
    }

    .about-menu ul {
        justify-content: flex-start;
        margin-left: auto;
        margin-right: auto;
    }

    .about-menu ul:has(.active) {
        justify-content: center;
    }

    .about-menu ul:has(.active) li {
        display: none;
    }

    .about-menu ul li.active {
        display: block;
    }

    .about-menu ul li a {
        font-size: 16px;
        margin-bottom: 30px;
    }
}

.about-page__block.about-page__block--grid-2 {
    grid-template-columns: 55.5% 1fr;
    grid-column-gap: 8.2rem;
}

.about-page__col {
    display: flex;
    flex-direction: column;
}

.about-page__block:nth-child(1) {
    margin-bottom: 3.6rem;
}

.about-page__block:nth-child(2) {
    margin-bottom: 29.2rem;
    margin-top: -99rem;
}

.about-page__text {
    font-size: 2.2rem;
    font-weight: 400;
    line-height: 1.55;
    display: flex;
    flex-direction: column;
}

.about-page__text:not(:last-child) {
    margin-bottom: 4.8rem;
}

.about-page__text.about-page__text--type-1 {
    /* margin-left: -9rem; */
    text-align: right;
}

.about-page__text>* {
    margin: 0;
}

.about-page__text *:not(:last-child) {
    margin-bottom: 4.3rem;
}

.about-page__btn {
    margin-right: auto;
    margin-bottom: 7.1rem;
}

.about-page__btn.about-page__btn--big {
    margin-top: 5rem;
    margin-bottom: 9.8rem;
    padding: 3.3rem 4rem;
    max-width: 543px;
    width: 100%;
    font-size: 3rem;
}

.about-page__btn.about-page__btn--center {
    margin-left: auto;
    margin-right: auto;
}

.about-page__image {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
}

.about-page__image.about-page__image--type-1 {
    height: 351px;
    margin-bottom: 2rem;
}

.about-page__image.about-page__image--type-2 {
    height: 636px;
}

.about-page__image.about-page__image--type-3 {
    height: 621px;
    max-width: 520px;
    margin-top: 34rem;
}

.about-page__image.about-page__image--type-4 {
    height: 610px;
    max-width: 520px;
    margin-bottom: 11rem;
}

.about-page__image.about-page__image--type-5:not(:last-child) {
    height: 652px;
    margin-bottom: 7.5rem;
}

.about_style p {
    font-size: 1.9rem;
}

.about_style a {
    font-size: 1.8rem;
}

.about_style iframe {
    height: 850px;
}

/* #endregion */

/* #region Page-form */
.page-form {
    background-color: var(--color-white);
    width: 100%;
    height: 100vh;
}

.page-form__container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.page-form__logotype {
    margin-bottom: 3.9rem;
}

.page-form__form--center {
    align-items: center;
}

.page-form__form .iti {
    margin-bottom: 1.2rem;
}

.page-form__btn {
    background-color: var(--color-blue-light);
    padding: 0.5rem 1.5rem;
    font-size: 2.4rem;
    margin-bottom: 2.2rem;
}

.page_register__button {
    padding: 1rem 9rem;
    color: #fff;
}

.page-form__link {
    font-size: 1.6rem;
    font-weight: 500;
    text-decoration: underline;
    color: var(--color-blue);
    transition: .2s ease;
}

.page-form__link:hover,
.page-form__link:focus {
    color: var(--color-blue-light);
    text-decoration: none;
}

/* #endregion */

/* #region Page-information */
.page-information {
    padding-top: 8.2rem;
    padding-bottom: 11.8rem;
}

.page-information__links {
    margin-bottom: 11.8rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-information__link {
    display: block;
    padding: 0.8rem 1.4rem;
    border-radius: 1rem;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1;
    color: var(--color-black);
    text-decoration: none;
    transition: .2s ease;
}

.page-information__link.--is_active {
    background-color: var(--color-blue);
    color: var(--color-white);
}

.page-information__link:hover,
.page-information__link:focus {
    background-color: var(--color-blue-light);
}

.page-information__text {
    font-size: 2rem;
    line-height: 1.2;
    color: var(--color-black);
    display: flex;
    flex-direction: column;
}

.page-information__text>* {
    margin: 0;
}

.page-information__text>*:not(:last-child):not(table) {
    margin-bottom: 2.4rem;
}

.page-information__text ol,
.page-information__text ul {
    padding-left: 2.2rem;
}

.page-information__text ol>li:not(:last-child) {
    margin-bottom: 2.4rem;
}

.page-information__text ul>li:not(:last-child) {
    margin-bottom: 0.2rem;
}

.page-information__accordion {
    padding: 5.8rem 0;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
}

.page-information__accordion .accordion__card:first-child {
    border-top: 1px solid var(--color-black);
}

.page-information__text table {
    width: 100%;
    margin-top: 3.2rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.6rem;
    border: 1px solid var(--color-black);
    border-collapse: collapse;
    text-align: left;
    max-width: 977px;
}

.page-information__text table td,
.page-information__text table th {
    padding: 2rem 3rem;
    border: 1px solid var(--color-black);
}

.page-information__short {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 977px;
    padding-top: 7.4rem;
    padding-bottom: 7.4rem;
}

.page-information__short a {
    color: inherit;
    transition: .2s ease;
}

.page-information__short a:hover,
.page-information__short a:focus {
    color: var(--color-blue-light);
}

.page-information__back {
    display: none;
}

/* #endregion */

/* #region Cabinet */
.cabinet {
    padding-top: 9.4rem;
    padding-bottom: 4.4rem;
}

.cabinet__container {
    position: relative;
    z-index: 10;
}

.cabinet__title {
    font-size: 3.3rem;
    font-weight: 500;
}

.cabinet__welcome {
    font-size: 1.7rem;
    font-weight: 500;
    color: var(--color-black);
    margin: 0 0 4.2rem;
}

.cabinet__wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 4.3rem;
}

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

.cabinet__block:not(:last-child) {
    margin-bottom: 4.1rem;
}

.cabinet__exit {
    position: absolute;
    top: 0;
    right: 1.6rem;
}

.cabinet_exit__link {
    max-width: 161px;
    display: grid;
    grid-template-columns: 27px 1fr;
    grid-gap: 10px;

    font-size: 14px;
    line-height: 1;
    align-items: center;
    justify-content: start;
    padding: 8px 20px;
    border-radius: 0;
}

.cabinet__block {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color-black);
    border-radius: 0.5rem;
}

.cabinet__block-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid var(--color-black);
    height: 65px;
    padding: 1.3rem 1.8rem;
    font-size: 2.1rem;
    line-height: 1;
    font-weight: 500;
    color: var(--color-black);
}

.cabinet__block-icon {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 100%;
    background-color: var(--color-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.4rem;
}

.cabinet__block-body {
    padding: 1.9rem 5.8rem 2.9rem 7.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.button__none input[name="reset"] {
    display: none !important;
}

.cabinet__form {
    width: 100%;
}

.cabinet__orders {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    list-style: none;
}

.cabinet__orders:not(:last-child) {
    margin-bottom: 2.1rem;
}

.cabinet__order {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.cabinet__order:not(:last-child) {
    margin-bottom: 1.9rem;
}

.cabinet__order-info {
    margin: 0;
    display: flex;
    flex-direction: column;
}

.cabinet__order-check {
    display: block;
    line-height: 0.8;
    position: absolute;
    left: -2.2rem;
    top: 50%;
    transform: translateY(-50%)translateX(-100%);
}

.cabinet__order-check.cabinet__order-check--complete {
    color: var(--color-green);
}

.cabinet__order-check.cabinet__order-check--delivered {
    color: var(--color-yellow-green);
}

.cabinet__order-number {
    font-size: 1.4rem;
    color: var(--color-black);
    line-height: 1.15;
    font-weight: 500;
}

.cabinet__order-status {
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.15;
    color: var(--color-gray-text);
}

.cabinet__order-price {
    margin-left: auto;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-black);
}

.cabinet__link {
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 500;
    color: var(--color-blue);
    text-decoration: underline;
    text-underline-position: under;
    transition: .2s ease;
}

.cabinet__link:hover,
.cabinet__link:focus {
    color: var(--color-blue-light);
    text-decoration: none;
}

.cabinet__info {
    display: flex;
    flex-direction: column;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.15;
    font-weight: 500;
    color: var(--color-black);
}

.cabinet__info-link {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    transition: .2s ease;
}

.cabinet__info-link.cabinet__info-link--alt {
    color: var(--color-gray-text);
}

.cabinet__info-link:hover,
.cabinet__info-link:focus {
    color: var(--color-black);
    text-decoration: underline;
    text-underline-position: under;
}

.cabinet__info:not(:last-child) {
    margin-bottom: 1.9rem;
}

.cabinet__block-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cabinet__block-row strong {
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--color-black);
    line-height: 1;
    margin-right: 4rem;
}

.cabinet__block-row .cabinet__link {
    text-decoration: none;
}

.cabinet__form input:not([type="submit"]) {
    width: 100%;
    border-radius: 1.1rem;
    background-color: var(--color-gray);
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    color: var(--color-black);
    border: 1px solid var(--color-gray);
    outline: none;
    padding: 1rem 2rem;
}

.cabinet__form input[type="submit"] {
    text-decoration: none;
    display: inline;
}

.cabinet__form label:not([class="bx-filter-param-label"]) {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    color: var(--color-black);
    margin-bottom: 1rem;
    white-space: nowrap;
}

.cabinet__form .bx-auth-serv-icons {
    display: none;
}

.cabinet__form .soc-serv-title-grey {
    display: none;
}

.cabinet__form .form-group {
    display: flex;
    flex-direction: column;
    margin-bottom: 2.7rem;
}

.cabinet__form .soc-serv-title {
    background-color: #fff;
    height: inherit;
    font-size: 2rem;
}

.cabinet__form .offset-md-2 {
    margin-left: 0;
}

.cabinet__form .offset-md-3 {
    margin-left: 0;
}

.cabinet__form .soc-serv-title {
    display: none;
}

.cabinet__form .soc-serv-accounts {
    display: none;
}

.cabinet__form .bx-authform-social {
    display: none;
}

.cabinet__form .bx-authform-label-container {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1;
    color: var(--color-black);
    margin-bottom: 1rem;
    white-space: nowrap;
}

.cabinet__form .bx-filter-param-label {
    display: flex;
    flex-direction: row;
}

.cabinet__form .bx-filter-param-label #USER_REMEMBER {
    width: 15px;
    height: 32px;
    margin-right: 10px;
}

.cabinet__form .bx-authform-social {
    display: none;
}

.sale-order-list-inner-container {
    border: none;
}

.cabinet_list__order a {
    font-size: 2rem;
    color: var(--color-black);
    text-decoration: underline;
}

.cabinet_list__order a.btn {
    color: var(--color-white);
    text-decoration: none;
}

.cabinet_list__order a.btn:hover {
    color: var(--color-black);
}

.cabinet_list__order h2 {
    font-size: 2rem;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.cabinet_list__order .sale-order-list-inner-row-template p {
    font-size: 1.75rem;
}

.cabinet_list__order .sale-order-list-payment-title {
    font-size: 1.75rem;
}

.cabinet_margin-bottom {
    margin-bottom: 3rem;
}

.cabinet__table_mb .table {
    width: 900px;
}

/* #endregion */

/* #region Cart */
.cart {
    padding-top: 12.4rem;
    padding-bottom: 11.6rem;
}

.cart__title {
    font-size: 3.3rem;
    font-weight: 500;
    margin-bottom: 5rem;
}

.cart__title--order {
    font-weight: 600;
}

.cart__subtitle {
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
    margin: 0 0 35px;
    text-transform: uppercase;
}

.cart__count {
    text-transform: none;
}

.cart__products {
    border-top: 1px solid var(--color-black-50);
    display: flex;
    flex-direction: column;
}

.cart__products.cart__products--order:not(:last-child) {
    margin-bottom: 3rem;
}


.bx-soa-coupon {
    border: none;
}

.row__left_margin {
    margin-left: 15px;
}

.row__left_margin .fff {
    /* margin-left: 20px; */
}

.row__left_margin .bx-soa-pp-company {
    padding-left: 2.7rem;
    margin-right: 52px;
}

#bx-soa-total .bx-soa-cart-total-line:first-child {
    display: none;
}

#bx-soa-total .bx-soa-cart-total-line {
    border: none;
}

#bx-soa-total .bx-soa-cart-total {
    border: none;
}

#bx-soa-total .bx-soa-cart-total-line:nth-child(2) {
    display: flex;
}


#bx-soa-total .bx-soa-cart-total-line:nth-child(2) .bx-soa-cart-t {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
    margin: 0 0 2.4rem;

}

#bx-soa-total .bx-soa-cart-total-line:nth-child(2) .bx-soa-cart-d {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
}

#bx-soa-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1;
    color: var(--color-black);
    margin-bottom: 0;
    padding-bottom: 0;

}

#bx-soa-total .bx-soa-cart-total-line .bx-soa-cart-d {
    padding-left: 10px;
}

#bx-soa-total .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted {
    display: none;
}

#bx-soa-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total {
    padding-top: 0;
}


.cart__container-short .soa-property-container {
    width: 100%;
}

.basket-item-label-ring.basket-item-label-small {
    position: absolute;
    left: inherit;
    right: -10px;
    margin: auto;
}

.basket-item-block-actions {
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
}


.cart_conteiner__box {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.form-grpup__box {
    position: relative;
    display: flex;
    align-items: center;
}

.form-grpup__box>label {}

.form-grpup__box>div {
    width: auto;
    margin-left: 26px;
}

.basket-item-block-price {
    padding-top: 0;
}

.basket-item-price-old-text {
    top: 0;
    text-decoration: line-through;
}

.cart .bx-soa-section {
    border: none;
}

.bx-soa-section.bx-step-completed {
    border: none;
}

.cart .basket-checkout-container {
    border: none;
}

.cart .basket-coupon-block-coupon-btn {
    display: none;
}

.card {
    border: none;
}

.cart__product {
    padding-top: 3.8rem;
    padding-bottom: 3.8rem;
    padding-right: 7.1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid var(--color-black-50);
}

.cart__product.cart__product--order {
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    padding-right: 1.4rem;
}

.cart__product-image {
    position: relative;
    display: block;
    width: 94px;
    min-width: 94px;
    height: 126px;
    margin-right: 2.1rem;
}

.cart__product--order .cart__product-image {
    width: 66px;
    min-width: 66px;
    height: 97px;
    margin-right: 6.7rem;
    position: relative;
    z-index: 10;
}

.cart__product-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.cart__product-info {
    display: flex;
    flex-direction: column;
}

.cart__product-info>.cart__product-price {
    display: none;
}

.cart__product-name {
    padding-left: 1.8rem;
    font-family: 'Montserrat-Alt', Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.5rem;
    color: var(--color-black);
    transition: .2s ease;
}

.cart__product--order .cart__product-name {
    padding-left: 0;
}

.cart__product-name:hover,
.cart__product-name:focus {
    color: var(--color-blue-light);
}

.cart__product-article {
    padding-left: 1.8rem;
    font-size: 1.4rem;
    font-weight: 200;
    color: var(--color-black);
    line-height: 1;
    margin-bottom: 1.1rem;
}

.basket-item-block-properties {
    padding-left: 1.8rem;
}

.cart__product--order .cart__product-article {
    padding-left: 0;
}

.basket-item-price-difference {
    display: none;
}

.cart__product-size {
    padding-left: 1.8rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--color-black);
    line-height: 1;
    margin-bottom: 1.8rem;
}

.cart__product--order .cart__product-size {
    padding-left: 0;
}

.m-20 {
    margin-top: 20px;
}

.form-check {
    margin-bottom: 2.125rem;
}

/* .bx-soa-pp-delivery-cost{
    display: none;
} */

.delivery__box {
    /* display: grid;
    grid-template-columns: 1fr 430px;
    grid-gap: 10px; */
}

/* .delivert__item_row .form__field--row{
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
} */


.bx-soa-pp-delivery-cost {
    /* right: -54px; */
    left: calc(100% + 5px);
    bottom: 8px;
    width: max-content;
}

.delivery_content {
    /* margin-left: 12px; */
}

.delivery_content .bx-soa-pp-company-desc {
    display: none;
}

.delivery_content .bx-soa-pp-company-block {
    margin-top: 1rem;
}

.delivery_content .bx-soa-pp-company-block .btn {
    padding: 1.1rem 2.6rem 1.1rem;
    font-size: 1.8rem;
}

.delivery_content .bx-soa-pp-company-block div:nth-child(2)>div {
    /* line-height: 0; */
}

.delivery_content .bx-soa-pp-desc-container .bx-soa-pp-company {
    background: none;
    border: none;
    border-bottom: 1px solid var(--color-black-50);
    border-top: 1px solid var(--color-black-50);
}

.cart__product-amount {
    margin-left: auto;
    margin-right: 14rem;
    font-size: 2.2rem;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
}

.bx-authform-starrequired {
    display: none;
}

.cart__product-amount_div {
    margin-left: auto;
}

.cart__product-price {
    position: relative;
    margin-left: auto;
    margin-right: 6.8rem;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1;
}

.cart__product--order .cart__product-price {
    margin-left: 0;
    margin-right: 0;
}

.cart__product-action {
    --size: 2.7rem;
}

.cart__bottom {
    padding-top: 4.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.cart__bottom.cart__bottom--nopad {
    padding-top: 0;
}

.cart__bottom.cart__bottom--right {
    align-items: flex-end;
    text-align: right;
}

.cart__bottom-delivery {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1;
    color: var(--color-black);
    margin: 0 0 2.4rem;
}

.cart__bottom-total {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1;
    color: var(--color-black);
    margin-bottom: 1.7rem;
}

.cart__bottom-btn {
    font-size: 2.5rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    font-weight: 400;
}

.cart__bottom-memo {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-blue);
    line-height: 1.15;
    max-width: 275px;
    width: 100%;
    margin-top: 1.7rem;
    padding: 0 1.2rem;
    text-align: left;
}

.cart__container-short {
    max-width: 1125px;
    margin-right: auto;
}

.cart__container-short:not(:last-child) {
    margin-bottom: 6rem;
}

.cart__container-short.cart__container-short--user .form__field {
    max-width: 866px;
}

.cart__container-short.cart__container-short--user .form__field:not(:last-child) {
    margin-bottom: 1rem;
    gap: 0 8px;
}

.cart__container-short.cart__container-short--user .form__label {
    margin-bottom: 1rem;
    white-space: unset;
}

.cart__container-short.cart__container-short--delivery .form__field:not(:last-child) {
    margin-bottom: 3.9rem;
}

.cart__container-short.cart__container-short--delivery .form__input {
    max-width: 398px;
}

.cart__container-short.cart__container-short--promocode .form__input {
    max-width: 276px;
}

.cart__container-short .bx-soa-pp-company {
    /* margin-bottom: 10px; */
}

/* #endregion */

/* #region Modal */
.modal {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding: 1.6rem;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s ease-in-out;
}

.modal.--is_fade {
    visibility: hidden;
    opacity: 0;
}

.modal__dialog {
    width: 100%;
    max-width: 722px;
    max-height: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.modal__content {
    display: flex;
    flex-direction: column;
    position: relative;
    max-height: calc(var(--vh, 1vh) * 95);
    background-color: #FFFFFF;
    border-radius: 0.5rem;
    overflow: hidden;
}

.modal__header {
    position: relative;
    padding: 8.9rem 7.7rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.modal__title {
    font-size: 2.3rem;
    font-weight: 700;
    color: var(--color-black);
    line-height: 1;
    text-transform: uppercase;
    display: block;
    width: 100%;
    padding-bottom: 5.3rem;
    border-bottom: 1px solid var(--color-black-50);
}

.modal__body {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    max-height: calc(var(--vh, 1vh) * 85);
    position: relative;
    z-index: 1;
    padding: 0 7.7rem;
}

.modal__footer {
    padding: 1rem 7.7rem 2rem;
}

.cart #bx-soa-region .dropdown-icon {
    display: none;
}

.cart #bx-soa-region .bx-ui-sls-input-block {
    width: auto;
    border-radius: 1.1rem;
    background-color: var(--color-gray);
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    color: var(--color-black);
    border: 1px solid var(--color-gray);
    outline: none;
    padding: 0.56rem 2rem;
}

.cart #bx-soa-region .bx-ui-slst-input-block {
    width: 100%;
    border-radius: 1.1rem;
    background-color: var(--color-gray);
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    color: var(--color-black);
    border: 1px solid var(--color-gray);
    outline: none;
    padding: 0.56rem 2rem;
}

.cart #bx-soa-region .bx-soa-customer-input {
    width: 100%;
    border-radius: 1.1rem;
    background-color: var(--color-gray);
    font-size: 2rem;
    line-height: 1;
    font-weight: 400;
    color: var(--color-black);
    border: 1px solid var(--color-gray);
    outline: none;
    padding: 0.56rem 2rem;
}

.cart #bx-soa-region .dropdown-fade2white {
    display: none;
}

.cart #bx-soa-region .bx-ui-sls-clear {
    margin-top: 7px;
}

.cart .pay_hidden {
    display: none;
}

.cart .bx-soa-section-content {
    padding: 0;
}

.cart .basket-item-actions-remove::after,
.cart .basket-item-actions-remove::before {
    display: none;
}

.cart .cart__basket__style_null .basket-items-list-header {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
}

.cart .cart_title__grid {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: start;
}

.cart .basket-items-list-header-filter-item {
    font: inherit;
}

.cart .d_none {
    display: none;
}

/* #endregion */

/* #region Product-modal */
.product-modal__form {
    align-items: center;
    padding-bottom: 10.9rem;
}

.product-modal__product {
    width: 100%;
    padding-top: 2.8rem;
    padding-bottom: 2.4rem;
    padding-right: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid var(--color-black-50);
}

.product-modal__product-image {
    display: block;
    width: 94px;
    min-width: 94px;
    height: 126px;
    margin-right: 2.1rem;
}

.product-modal__product-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.product-modal__product-info {
    display: flex;
    flex-direction: column;
}

.product-modal__product-name {
    padding-left: 0;
    font-family: 'Montserrat-Alt', Arial, Helvetica, sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.5rem;
    color: var(--color-black);
    transition: .2s ease;
}

.product-modal__product-name:hover,
.product-modal__product-name:focus {
    color: var(--color-blue-light);
}

.product-modal__product-article {
    padding-left: 1.8rem;
    font-size: 1.4rem;
    font-weight: 200;
    color: var(--color-black);
    line-height: 1;
    margin-bottom: 1.1rem;
}

.product-modal__product-size {
    padding-left: 1.8rem;
    font-size: 1.4rem;
    font-weight: 400;
    color: var(--color-black);
    line-height: 1;
    margin-bottom: 1.8rem;
}

.product-modal__product-price {
    margin-left: auto;
    font-size: 2.2rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.product-modal__product-info .product-modal__product-price {
    display: none;
}

.product-modal__input--coupon {
    max-width: 276px;
}

.product-modal__field {
    width: 100%;
    padding-top: 3.1rem;
    padding-bottom: 2.6rem;
}

.flex-content {
    justify-content: space-around;
    width: 100%;
}

.flex-content .btn {
    margin-top: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.product-modal__field:not(:last-child) {
    border-bottom: 1px solid var(--color-black-50);
}

.product-modal__btn {
    margin-top: 6rem;
    font-size: 2.5rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
    font-weight: 400;
}

.product-modal__memo {
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-blue);
    line-height: 1.15;
    max-width: 275px;
    width: 100%;
    margin-top: 1.7rem;
    padding: 0 1.2rem;
    text-align: center;
}

.product-modal__close {
    margin-top: 7.5rem;
    font-size: 2.3rem;
    padding: 1.7rem 1.4rem;
    font-weight: 400;
    background-color: var(--color-gray);
    color: var(--color-black);
    border-color: var(--color-gray);
}

.product-modal__close:hover,
.product-modal__close:focus {
    color: var(--color-gray);
}

/* #endregion */

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background-color: #00000066;
    display: none;
    z-index: 99;
}

.popup .popup-box {
    background-color: #fff;
    padding: 24px;
    position: relative;
    max-width: calc(100% - 16px);
    display: flex;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.popup.open {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup__close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    border: none;
    outline: none !important;
    background: none;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.popup__close::before,
.popup__close::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #333;
    transition: all 0.3s ease;
}

.popup__close::before {
    transform: rotate(45deg);
}

.popup__close::after {
    transform: rotate(-45deg);
}

.popup__close:hover::before,
.popup__close:hover::after {
    background-color: #000;
    transform: scale(1.1);
}

.popup__close:hover {
    transform: scale(1.1);
}

.auth-form {
    position: relative;
    display: flex;
    flex-direction: column;
}

.auth-form form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
}

.input-phone {
    display: flex;
    width: 100%;
    max-width: 400px;
}

.input-phone span {
    border: 1px solid #000;
    border-radius: 20px 0 0 20px;
    background: #4a73a3;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    padding: 15px 22px;
    flex: 1 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.input-phone input {
    border: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    border-left: 0;
    border-radius: 0 20px 20px 0;
    background: #fffefe;
    outline: none !important;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    padding: 15px 20px;
    max-width: 50vw;
    width: 100%;
    transition: all 0.3s ease;
}

.input-phone input:focus {
    border-color: #4a73a3;
    box-shadow: 0 0 10px rgba(74, 115, 163, 0.2);
}

.auth-form img {
    max-width: 250px;
    display: block;
    margin: auto;
    margin-bottom: 12px;
}

.auth-form input[type=submit] {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    border: none;
    outline: none;
    background: #4a73a3;
    padding: 15px 30px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    width: 100%;
    max-width: 400px;
}

.auth-form input[type=submit]:hover {
    background: #3a5a8a;
}

.auth-form input[type=submit]:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.header__action--favorite,
.header__action--cart {
    position: relative;
}

.header__basket-count,
.header__favorite-count {
    position: absolute;
    font-size: 16px;
    top: 2px;
    right: 0;
    background: #fff;
}

.--is_fixed {
    position: fixed;
    background: #fff;
}

@media all and (min-width: 768px) {

    #bx-soa-delivery .delivery_content {
        margin-left: 26px;
    }
}

/* #region Media */
@media all and (max-width: 1443px) {

    /* #region Footer */
    .footer__container {
        padding: 0 3.5rem;
    }

    /* #endregion */
}

@media all and (max-width: 1279px) {

    /* #region UI */
    .action {
        --size: 3rem;
    }

    .splide__arrow {
        font-size: 5rem;
    }

    .splide__pagination__page {
        width: 2rem;
        height: 2rem;
    }

    .form-radios__placeholder {
        font-size: 1.8rem;
    }

    .form-radios__text {
        font-size: 1.5rem;
    }

    .accordion__card {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .accordion__card-toggler {
        font-size: 1.8rem;
    }

    .accordion__card-content {
        font-size: 1.6rem;
    }

    .form__iti .iti__selected-dial-code {
        font-size: 2.7rem;
    }

    .form__iti .iti input,
    .form__iti .iti input[type=text],
    .form__iti .iti input[type=tel] {
        font-size: 2.7rem;
    }

    .form__label {
        font-size: 1.8rem;
    }

    .form__radio-text {
        font-size: 1.8rem;
        padding: 0.7rem 0;
    }

    .form__radios.form__radios--row .form__radio:not(:last-child) {
        margin-right: 3rem;
    }

    /* #endregion */

    /* #region Header */
    .header__side>*:not(:last-child) {
        margin-right: 1rem;
    }

    .header__menu-link {
        font-size: 1.2rem;
    }

    .header__dropdown-wrapper {
        padding-top: 2rem;
        padding-bottom: 7.2rem;
    }

    .header__dropdown-link {
        font-size: 1.6rem;
    }

    /* #endregion */

    /* #region Banner */
    .banner {
        height: 634px;
        margin-bottom: 4.5rem;
    }

    .banner__slide-title {
        font-size: 5rem;
    }

    /* #endregion */

    /* #region Sharing */
    .sharing {
        padding-top: 7rem;
        padding-bottom: 8rem;
    }

    .sharing__text {
        margin-bottom: 5rem;
        font-size: 2.7rem;
    }

    .sharing__socials-link {
        font-size: 6.2rem;
    }

    .sharing__socials-link.sharing__socials-link--vk {
        font-size: 9.2rem;
    }

    .sharing__socials-link.sharing__socials-link--inst {
        font-size: 7.6rem;
    }

    /* #endregion */

    /* #region Footer */
    .footer__col:not(:last-child) {
        margin-right: auto;
    }

    /* #endregion */

    /* #region Category */
    .category__head {
        grid-template-columns: 250px 1fr;
    }

    .category__body:has(aside) {
        grid-template-columns: 250px 1fr;
    }

    .category__products {
        grid-column-gap: 2rem;
        grid-row-gap: 5.8rem;
    }

    .category__subcats-link {
        font-size: 1.6rem;
    }

    /* #endregion */

    /* #region Product card */
    .product-card__name {
        font-size: 1.6rem;
    }

    /* #endregion */

    /* #region Product */
    .product {
        padding-bottom: 8rem;
    }

    .product__wrapper {
        grid-column-gap: 4.4rem;
    }

    .product__title {
        font-size: 2.5rem;
    }

    .product__gallery-main {
        height: 606px;
    }

    .product__gallery-thumb {
        height: 114px;
    }

    .product__price {
        font-size: 2.6rem;
    }

    .product__sizes {
        padding-top: 4.5rem;
    }

    .product__size-link {
        width: 4.8rem;
        height: 4.8rem;
        line-height: 3;
    }

    .product__buttons {
        margin-bottom: 2.3rem;
    }

    .product__btn-cart {
        padding-top: 1rem;
        padding-bottom: 1rem;
        font-size: 1.8rem;
    }

    /* #endregion */

    /* #region About-page */
    .about-page__text {
        font-size: 2rem;
    }

    .about-page__image.about-page__image--type-4 {
        margin-bottom: 8rem;
    }

    .about-page__btn.about-page__btn--big {
        padding: 2.5rem 3.5rem;
        max-width: 463px;
    }

    /* #endregion */

    /* #region Page-information */
    .page-information__link {
        font-size: 2rem;
    }

    .page-information__links {
        margin-bottom: 8.8rem;
    }

    .page-information__text {
        font-size: 1.8rem;
    }

    /* #endregion */

    /* #region Cart */
    .cart {
        padding-top: 9.4rem;
    }

    .cart__title {
        font-size: 2.8rem;
    }

    .cart__product {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem;
        padding-right: 4rem;
    }

    /* #endregion */
}

@media all and (max-width: 1023px) {

    /* #region Main */
    /* .container {
        max-width: 742px;
    } */

    /* #endregion */

    /* #region UI */
    .action {
        --size: 2.7rem;
    }

    .splide__arrow {
        font-size: 2.6rem;
    }

    .splide__arrow--next {
        right: 0.5em;
    }

    .splide__arrow--prev {
        left: 0.5em;
    }

    .splide__pagination {
        bottom: 2.6rem;
    }

    .splide__pagination__page {
        width: 1.6rem;
        height: 1.6rem;
        margin: 0.3rem;
    }

    .title {
        font-size: 2.2rem;
    }

    .link {
        font-size: 1.6rem;
        --arrow-size: 2.8rem;
    }

    /* #endregion */

    /* #region Header */
    .header {
        padding-top: 1rem;
        padding-bottom: 1.4rem;
    }

    .header__side {
        display: none;
    }

    .header__phone {
        display: block;
        margin-bottom: 0;
        text-align: center;
    }

    .header__phone-link {
        font-size: 1.6rem;
    }

    .header__toggler {
        display: flex;
        min-height: 34px;
        align-items: center;
        box-sizing: border-box;
        margin-right: 1.9rem;
    }

    .header__search--action {
        display: block;
    }

    .header__nav {
        padding: 5rem 2.7rem;
        z-index: 20;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: var(--color-white);
        visibility: hidden;
        opacity: 0;
        transition: .2s ease;
    }

    .header__side>*:not(:last-child) {
        margin-bottom: 1.2rem;
    }

    .header__nav-head {
        display: flex;
        justify-content: center;
    }

    .header__nav.--is_active {
        opacity: 1;
        visibility: visible;
    }

    .header__logotype--pc {
        display: none;
    }

    .header__logotype--mb {
        display: block;
    }

    .header__actions>.header__action:first-child {
        display: none;
    }

    .header__container>.header__logotype {
        max-width: 5.5rem;
        position: absolute;
        left: 50%;
        bottom: 10px;
        transform: translate(-50%, 0%);
    }

    .header__actions {
        margin-left: auto;
    }

    .header__nav .header__logotype {
        max-width: 20rem;
    }

    .header__nav .header__toggler {
        font-size: 2.2rem;
        position: absolute;
        right: 0;
    }

    .header__menu {
        flex-direction: column;
        height: auto;
    }

    .header__menu:not(:last-child) {
        margin-bottom: 2.3rem;
    }

    .header__menu--hidden {
        display: block;
    }

    .header__menu-item {
        margin-bottom: 2.3rem;
        width: 100%;
    }

    .header__menu-link {
        display: block;
        width: 100%;
        font-size: 1.3rem;
        font-weight: 400;
        color: var(--color-black);
        padding-left: 0;
        padding-right: 0;
        padding-top: 0.1rem;
        padding-bottom: 1.5rem;
        border-bottom: 1px solid #00000030;
    }

    .header__menu-item--dropdown>.header__menu-link {
        position: relative;
        padding-right: 5rem;
    }

    .header__menu-item--dropdown>.header__menu-link::after {
        content: "";
        display: block;
        width: 2.1rem;
        height: 0.8rem;
        background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="23" height="10" viewBox="0 0 23 10" fill="none"><path d="M1 1L11.5 9L22 1" stroke="black" stroke-width="0.3" stroke-linecap="round" stroke-linejoin="round"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        position: absolute;
        right: 1.5rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .header__dropdown {
        position: relative;
        opacity: 1;
        visibility: visible;
        top: auto;
        left: auto;
        max-height: 0;
        overflow: hidden;
        transition: .2s ease;
    }

    .header__dropdown-list {
        height: auto;
        flex-wrap: nowrap;
    }

    .header__dropdown-list--less {
        max-width: 100%;
    }

    .header__dropdown-link {
        font-size: 1.2rem;
        font-weight: 400;
    }

    .header__dropdown-item {
        width: 100%;
    }

    .header__dropdown-wrapper {
        padding: 1.1rem 2.5rem 0;
    }

    .header__nav-body {
        overflow-y: auto;
    }

    .header__nav-phone {
        margin-bottom: 2rem;
        text-align: center;
    }

    .header__nav-links {
        margin-bottom: 2rem;
    }

    .header__nav-link {
        display: block;
        width: 100%;
        font-size: 1.3rem;
        font-weight: 400;
        color: var(--color-black);
        text-decoration: none;
        padding: 1rem 0;
        border-bottom: 1px solid var(--color-gray);
        transition: .2s ease;
    }

    .header__nav-link:hover,
    .header__nav-link:focus {
        color: var(--color-blue);
    }

    .header__nav-link:last-child {
        border-bottom: none;
    }

    /* #endregion */

    /* #region Banner */
    .banner {
        height: 410px;
        margin-bottom: 0.5rem;
    }

    .banner__slide-title {
        font-size: 3.5rem;
    }

    /* #endregion */

    /* #region Categories */
    .categories__top {
        margin-bottom: 2rem;
    }

    .categories--mb {
        display: block;
    }

    /* #endregion */

    /* #region Photo banner */
    .photo-banner {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .photo-banner--mb {
        display: block;
    }

    .photo-banner__image--pc {
        display: none;
    }

    .photo-banner__container {
        grid-column-gap: 4rem;
        grid-template-columns: 50% 1fr;
    }

    .photo-banner__container--one {
        grid-template-columns: 100%;
    }

    .photo-banner__container--one>img {
        max-width: 75%;
        justify-self: center;
    }

    /* #endregion */

    /* #region Sharing */
    .sharing {
        padding-top: 4rem;
        padding-bottom: 5rem;
    }

    .sharing__text {
        font-size: 2.3rem;
        margin-bottom: 4rem;
    }

    /* #endregion */

    /* #region Footer */
    .footer {
        padding-top: 3.7rem;
        border-radius: 0;
    }

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

    .footer__links {
        display: none;
    }

    .footer__head {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 2.4rem;
    }

    .footer__head::after {
        display: none;
    }

    /* #endregion */

    /* #region Category */
    .category {
        padding-bottom: 5rem;
    }

    .favorite_cart {
        padding-bottom: 15rem;
    }

    .category__head {
        grid-template-columns: 100%;
        margin-bottom: 3.5rem;
    }

    .category__head-right {
        grid-column: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .category__title {
        font-weight: 500;
    }

    .category__body {
        grid-template-columns: 100% !important;
    }

    .category__side {
        display: none;
    }

    .category__filter {
        padding: 11rem 2.7rem;
        z-index: 20;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-color: var(--color-white);
        visibility: hidden;
        opacity: 0;
        transition: .2s ease;
    }

    .category__filter-head {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .category__filter.--is_active {
        opacity: 1;
        visibility: visible;
    }

    .category__products {
        grid-row-gap: 3.5rem;
    }

    .category__toggler {
        display: block;
    }

    .category__filter .form-radios__placeholder::after {
        display: none;
    }

    .category__filter .form-radios {
        height: unset;
    }

    .category__filter .form-radios__dropdown {
        display: block;
        position: relative;
        width: 100%;
        max-width: 100%;
        min-width: unset;
    }

    body:has(.category__filter.--is_active) {
        overflow: hidden;
    }

    .smart-filter-input-group-checkbox-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .category__filter .form-radios__item {
        position: relative;
        padding: 0.35rem 0 0.35rem 2.8rem;
    }

    .category__filter .form-radios__icon {
        width: 2.2rem;
        height: 2.2rem;
        border-radius: 50%;
        background-color: #fff;
        border: 1px solid #c9ced6;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 2px;
    }

    .category__filter .form-radios__icon::before {
        width: 1.375rem;
        height: 1.375rem;
        border-radius: 50%;
        background-color: var(--color-blue-light);
        content: "";
        display: block;
        position: absolute;
        left: 3px;
        top: 3px;
        opacity: 0;
        transition: opacity 200ms ease-in-out, background-color 200ms ease-in-out;
    }

    .category__filter .form-radios__input:checked~.form-radios__icon::before {
        opacity: 1;
    }

    .category__filter-row {
        width: 100%;
        flex-direction: column;
        flex-wrap: nowrap;
    }

    .category__filter-head {
        margin-bottom: 2rem;
    }

    .category__filter-title {
        margin-left: 2.5rem;
        display: block;
    }

    .category__filter-body {
        overflow-y: auto;
        height: 100%;
    }

    .category__filter-row>* {
        margin-right: 0;
    }

    /* #endregion */

    /* #region Product card */
    .product-card__color {
        width: 1.8rem;
        height: 1.8rem;
    }

    .product-card__price {
        font-size: 1.6rem;
    }

    /* #endregion */

    /* #region Breadcrumbs */
    .breadcrumbs {
        display: none;
    }

    /* #endregion */

    /* #region Product */
    .product {
        padding-top: 4.4rem;
    }

    .product__wrapper {
        grid-template-columns: 100%;
    }

    .product__gallery {
        grid-template-columns: 100%;
        position: relative;
        margin-bottom: 0.4rem;
    }

    .product__gallery-thumbs {
        order: 1;
        display: flex;
        flex-direction: row;
    }

    .product__gallery-thumb {
        height: 84px;
        margin: 10px auto 0;
    }

    .product__info-tags {
        display: none;
    }

    .product__gallery-tags {
        display: flex;
        position: absolute;
        top: 1.2rem;
        left: 1.4rem;
        z-index: 2;
    }

    .product__gallery-main {
        height: 706px;
    }

    .product__info {
        align-items: center;
    }

    .product__article {
        order: 1;
    }

    .product__title {
        order: 2;
        margin-bottom: 1.2rem;
    }

    .product__price {
        order: 3;
    }

    .product__colors {
        order: 4;
    }

    .product__sizes {
        order: 5;
    }

    .product__buttons {
        order: 6;
    }

    .product__accordion {
        order: 7;
        max-width: 100%;
    }

    .product_characteristics_item {
        order: 8;
    }

    /* #endregion */

    /* #region Page-banner */
    .page-banner__title {
        font-size: 3.5rem;
    }

    .page-banner__title>span {
        font-size: 2.5rem;
    }

    /* #endregion */

    /* #region About-page */
    .about-page__text {
        font-size: 1.8rem;
        padding: 0 1.6rem;
    }

    .about-page__block.about-page__block--grid-2 {
        grid-template-columns: 100%;
    }

    .about-page__image.about-page__image--type-3 {
        max-width: 100%;
    }

    .about-page__image.about-page__image--type-4 {
        max-width: 100%;
    }

    .about-page__text *:not(:last-child) {
        margin-bottom: 3.1rem;
    }

    .about-page__btn {
        margin-bottom: 6rem;
        margin-right: auto;
        margin-left: auto;
    }

    .page_register__button {
        padding: 1rem 2rem;
    }

    .about-page__container {
        padding: 0;
    }

    .about-page__block:nth-child(1) .about-page__col:nth-child(1) {
        margin-bottom: 6rem;
    }

    .about-page__image.about-page__image--type-3 {
        display: none;
    }

    .about-page__image.about-page__image--type-4 {
        display: none;
    }

    .about-page__block:nth-child(2) {
        margin-top: 0;
        margin-bottom: 4.2rem;
    }

    .about-page__text.about-page__text--type-1 {
        margin-left: 0;
        text-align: initial;
    }

    .about-page__btn.about-page__btn--big {
        padding: 2rem 3.2rem;
        max-width: 393px;
        font-size: 2.4rem;
        margin-top: 1rem;
        margin-bottom: 5.8rem;
    }

    .about-page {
        padding-bottom: 10rem;
    }

    .about_style p {
        font-size: 1.1rem;
    }

    .about_style a,
    label[for="soglasie"] {
        font-size: 1.1rem;
    }

    .about_style iframe {
        height: inherit;
        width: 100%;
    }

    .contacts-map {
        display: flex;
    }

    /* #endregion */

    /* #region Page-information */
    .page-information {
        padding-top: 5.2rem;
        padding-bottom: 8.8rem;
    }

    .page-information__links {
        justify-content: center;
        position: relative;
    }

    .page-information__back {
        display: block;
        text-align: center;
        position: absolute;
        left: 0.5rem;
        top: 50%;
        transform: translateY(-50%)translateX(-50%);
        width: 2.6rem;
        height: 2.6rem;
        line-height: 1;
    }

    .page-information__link:not([class*="--is_active"]) {
        display: none;
    }

    .page-information__text {
        font-size: 1.6rem;
    }

    /* #endregion */

    /* #region Cabinet */
    .cabinet {
        padding-top: 6.4rem;
    }

    .cabinet__wrapper {
        grid-template-columns: 100%;
        grid-row-gap: 4.1rem;
    }

    /* #endregion */

    /* #region Cart */
    .cart {
        padding-top: 7.5rem;
    }

    .cart__title {
        font-size: 2.5rem;
        margin-bottom: 3rem;
    }

    .cart__product {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        position: relative;
    }

    .cart__product-price {
        display: none;
        font-size: 2.1rem;
        font-weight: 500;
        margin-left: 0;
    }

    .cart__product-info>.cart__product-price {
        display: inline;
    }

    .cart__product-action {
        margin-left: auto;
    }

    .cart__product-counter {
        position: absolute;
        right: 11rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .cart__product-info {
        padding-right: 16rem;
    }

    .cart__product-name,
    .cart__product-article,
    .cart__product-size {
        padding-left: 0;
    }

    .cart__products.cart__products--order {
        display: none;
    }

    .form__radios.form__radios--row {
        flex-direction: column;
        align-items: flex-start;
    }

    .cart__container-short {}

    .form__radios.form__radios--row .form__radio:not(:last-child) {
        margin-bottom: 0.9rem;
    }

    .cart__bottom.cart__bottom--nopad {
        align-items: center;
    }

    .delivery_content .bx-soa-pp-company-block .btn {
        font-size: 1.2rem;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        border-radius: 1.1rem;
    }

    .bx-soa-pp-delivery-cost {
        font-size: 12px;
        bottom: 2px;
    }

    .delivery__box {
        grid-template-columns: 100%;
    }

    /* #endregion */

    /* #region Product-modal */
    .product-modal__product {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        position: relative;
    }

    .product-modal__product-info {
        padding-right: 12rem;
    }

    .product-modal__product-name,
    .product-modal__product-article,
    .product-modal__product-size {
        padding-left: 0;
    }

    .product-modal__product-price {
        display: none;
        font-size: 2.1rem;
        font-weight: 500;
        margin-left: 0;
    }

    .product-modal__product-info>.product-modal__product-price {
        display: inline;
    }

    .product-modal__product-counter {
        position: absolute;
        right: 2rem;
        top: 50%;
        transform: translateY(-50%);
    }

    .product-modal__field {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .product-modal__btn {
        margin-top: 5rem;
    }

    .product-modal__close {
        margin-top: 5.5rem;
    }

    .product-modal__form {
        padding-bottom: 8.9rem;
    }

    /* #endregion */


}

@media all and (max-width: 767px) {

    /* #region Main */
    /* .container {
        max-width: 556px;
    } */

    /* #endregion */

    /* #region UI */
    .form__counter {
        height: 2.3rem;
        width: 6.1rem;
    }

    .form__counter-btn {
        width: 2rem;
        font-size: 1rem;
        padding: 0;
    }

    .form__counter-input {
        width: 2.1rem;
        font-size: 1.3rem;
    }

    /* #endregion */

    /* #region Header */
    .search__form {
        /* width: 100%; */
    }

    /* #endregion */

    /* #region Footer */
    .footer__head {
        font-size: 2rem;
    }

    /* #endregion */

    /* #region Category */
    .category__products {
        grid-template-columns: repeat(2, 1fr);
    }

    /* #endregion */

    /* #region Page-banner */
    .page-banner {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    /* #endregion */

    /* #region Page-information */
    .page-information__accordion {
        padding: 3rem 0;
    }

    /* #endregion */

    /* #region Cabinet */
    .cabinet__block-header {
        font-size: 1.8rem;
        height: auto;
        padding: 0.8rem 1.5rem;
    }

    .cabinet__block-icon {
        width: 3.8rem;
        height: 3.8rem;
    }

    .cabinet__block-body {
        padding: 1.8rem 3.5rem 2rem 6.5rem;
    }

    .cabinet__block-row strong {
        font-size: 1.4rem;
    }

    .cabinet__link {
        font-size: 1.2rem;
    }

    /* #endregion */

    /* #region Cart */
    .cart {
        padding-bottom: 8rem;
    }

    .cart__product-image {
        width: 85px;
        min-width: 85px;
        height: 101px;
        margin-right: 1rem;
    }

    .cart__product-name {
        font-size: 1.5rem;
    }

    .cart__product-article {
        font-size: 1.2rem;
    }

    .cart__product-size {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .cart__product-info {
        margin-bottom: auto;
    }

    .cart__product {
        padding-right: 1.5rem;
    }

    .cart__product-counter {
        right: 7rem;
    }

    .cart__product-action {
        --size: 2rem;
    }

    .cart__product-info {
        padding-right: 9rem;
    }

    .cart__bottom-delivery {
        font-size: 1.6rem;
    }

    .cart__bottom-total {
        font-size: 2.4rem;
    }

    .cart__bottom-btn {
        font-size: 2rem;
    }

    .cart__bottom-memo {
        font-size: 0.9rem;
        max-width: 230px;
    }

    .form__field.form__field--row {
        align-items: flex-start;
    }

    .form__field.form__field--row .form__label {
        padding-top: 1.2rem;
    }

    /* #endregion */

    /* #region Modal */
    .modal__title {
        font-size: 2.2rem;
        padding-bottom: 4rem;
    }

    .modal__header {
        padding: 4.9rem 3.7rem 0;
    }

    .modal__body {
        padding: 0 3.7rem;
    }

    .modal__footer {
        padding: 0 3.7rem 1rem;
    }

    /* #endregion */

    /* #region Product-modal */
    .product-modal__product-image {
        width: 85px;
        min-width: 85px;
        height: 101px;
        margin-right: 1rem;
    }

    .product-modal__product-info {
        margin-bottom: auto;
    }

    .product-modal__product-name {
        font-size: 1.5rem;
    }

    .product-modal__product-article {
        font-size: 1.2rem;
    }

    .product-modal__product-size {
        font-size: 1.2rem;
        margin-bottom: 1rem;
    }

    .product-modal__btn {
        font-size: 2rem;
    }

    .product-modal__close {
        font-size: 2rem;
        margin-top: 2.5rem;
    }

    .product-modal__form {
        padding-bottom: 4.9rem;
    }

    /* #endregion */

    .flex-content {
        flex-direction: column !important;
    }

    .flex-content .btn {
        margin: auto;
        margin-top: 1rem;
    }

    .bx-pagination {
        margin-top: 40px;
    }

    .header__top-list {
        width: 100%;
        padding-left: 0;
    }

}

@media all and (max-width: 575px) {

    .header__container>.header__logotype {
        transform: translate(-150%, 0%);
    }

    .header__btn {
        font-size: 1.4rem;
    }

    /* #region Main */
    .container {
        max-width: 100%;
    }

    .bx-soa-reference {
        font-size: 12px;
        line-height: 1.2;
    }

    .bx-sls .bx-ui-sls-fake,
    .bx-sls .bx-ui-sls-route {
        font-size: 12px;
    }

    .cart__container-short {
        padding-left: 4.2rem !important;
        padding-right: 4.2rem !important;
    }

    .bx-soa-coupon-item strong {
        font-size: 12px;
    }

    .btn.btn-primary.btn-lg.btn-order-save {
        font-size: 1.7rem;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        border-radius: 1.1rem;
    }

    #bx-soa-total .bx-soa-cart-total-line.bx-soa-cart-total-line-total {
        font-size: 1.8rem;
        margin-bottom: 0.7rem;
        display: flex;
        justify-content: center;
    }

    .bx-soa-cart-total-button-container {
        padding-top: 0;
    }

    /* #endregion */

    /* #region UI */
    .btn {
        border-radius: 0.5rem;
    }

    .splide__pagination__page {
        width: 1.2rem;
        height: 1.2rem;
    }

    .title {
        font-size: 1.4rem;
    }

    .link {
        font-size: 1rem;
        --arrow-size: 1.8rem;
    }

    .link::after {
        margin-left: 0.2rem;
    }

    .form-radios__placeholder {
        font-size: 1.4rem;
    }

    .form-radios__text {
        font-size: 1.3rem;
    }

    .tag {
        font-size: 0.8rem;
    }

    .accordion__card-toggler {
        font-size: 1.4rem;
    }

    .accordion__card {
        padding-top: 1.1rem;
        padding-bottom: 1.1rem;
    }

    .accordion__card-arrow {
        --sizeW: 1.6rem;
        --sizeH: 1.3rem;
        top: 0.2rem;
    }

    .accordion__card-content {
        font-size: 1.4rem;
    }

    .form__iti .iti__selected-dial-code {
        font-size: 1.5rem;
    }

    .form__iti .iti input,
    .form__iti .iti input[type=text],
    .form__iti .iti input[type=tel] {
        font-size: 1.5rem;
        padding-top: 0.9rem;
        padding-bottom: 0.9rem;
        padding-left: 7.5rem !important;
        border-width: 1px;
    }

    .form__iti .iti__flag-container {
        min-width: 6.7rem;
    }

    .form__iti .iti__arrow {
        width: 1.4rem;
        height: 0.6rem;
        margin-left: 0.5rem;
    }

    .form__iti .iti__selected-flag {
        padding: 1rem 0.5rem 1rem 1.4rem;
    }

    .iti-mobile .iti__country {
        font-size: 1.5rem;
    }

    .form__label {
        font-size: 1.1rem;
        margin-bottom: 1.1rem;
    }

    .form__field.form__field--row .form__label {
        margin-right: 1.1rem;
    }

    .form__input {
        border-radius: 0.8rem;
        font-size: 1.2rem;
        padding: 0.9rem 1rem;
    }

    .form__radio {
        padding-left: 2.7rem;
    }

    .form__radio-icon {
        width: 2.2rem;
        height: 2.2rem;
        margin-left: -2.7rem;
    }

    .form__radio-text {
        font-size: 1.1rem;
        padding: 0.5rem 0;
    }

    .form__field.form__field--radios {
        flex-direction: column;
    }

    .form__radios .form__radio:not(:last-child) {
        margin-bottom: 0.8rem;
    }

    .form__field.form__field--radios .form__label {
        margin-right: 0;
        margin-bottom: 1.4rem;
    }

    .form__field.form__field--radios .form__radios {
        padding-left: 5.2rem;
    }

    .form__field.form__field--radios .form__label {
        padding-top: 0;
    }

    /* #endregion */

    /* #regon Header */
    .header__action:not(:last-child) {
        margin-right: 0.4rem;
    }

    /* #endregion */

    /* #region Banner */
    .banner {
        margin-bottom: 1.2rem;
    }

    .banner__slide-title {
        font-size: 1.4rem;
    }

    /* #endregion */

    /* #region Categories */
    .categories {
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
    }

    .categories__top {
        margin-bottom: 1.2rem;
    }

    /* #endregion */

    /* #region Photo banner */
    .photo-banner {
        padding-top: 3.4rem;
        padding-bottom: 3.4rem;
    }

    .photo-banner__container {
        grid-column-gap: 1.3rem;
    }

    .photo-banner__container--one>img {
        max-width: 83%;
    }

    .photo-banner__container--two>img:last-child {
        height: 72%;
        width: 100%;
        object-fit: cover;
    }

    /* #endregion */

    /* #region Sharing */
    .sharing {
        padding-top: 6.4rem;
        padding-bottom: 8rem;
    }

    .sharing__text {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }

    .sharing__socials-link {
        font-size: 2.9rem;
    }

    .sharing__socials-link.sharing__socials-link--vk {
        font-size: 4.7rem;
    }

    .sharing__socials-link.sharing__socials-link--inst {
        font-size: 3.5rem;
    }

    .sharing__socials-item:not(:last-child) {
        margin-right: 0.5rem;
    }

    .sharing__socials-item:first-child {
        margin-right: 0.1rem;
    }

    /* #endregion */

    /* #region Footer */
    .footer {
        padding-top: 1.5rem;
        padding-bottom: 1.8rem;
    }

    .footer__head {
        font-size: 1.2rem;
    }

    .footer__container {
        padding: 0 3.5rem;
    }

    .footer__text {
        font-size: 1.2rem;
        margin-bottom: 1.5rem;
    }

    .newsletter-form__input {
        padding: 1rem 1.2rem;
        font-size: 1.2rem;
    }

    .newsletter-form__button {
        padding: 1rem 1.5rem;
        font-size: 1.2rem;
    }

    .newsletter-form__message {
        font-size: 1.1rem;
        padding: 0.8rem;
    }

    /* #endregion */

    /* #region Category */
    .category__head {
        margin-bottom: 2.1rem;
    }

    .category__title {
        text-transform: uppercase;
    }

    .category__products {
        grid-column-gap: .5rem;
        grid-row-gap: 1rem;
    }

    .category {
        padding-top: 4.2rem;
        padding-bottom: 5rem;
    }

    .favorite_cart {
        padding-top: 4.2rem;
        padding-bottom: 10rem;
    }

    .category__toggler {
        --size: 1.5rem;
    }

    .category__filter .form-radios__icon {
        width: 1.8rem;
        height: 1.8rem;
    }

    .category__filter .form-radios__item {
        padding: 0.35rem 0 0.35rem 2.5rem;
    }

    .category__filter-row>* {
        /* margin-bottom: 0.5rem; */
    }

    /* #endregion */

    /* #region Product card */
    .product-card__image {
        margin-bottom: 0.7rem;
    }

    .product-card__info {
        padding: 0 0.7rem;
    }

    .product-card__name {
        font-size: 1.3rem;
        margin-bottom: 0.7rem;
    }

    .product-card__price {
        font-size: 1.1rem;
    }

    .product-card__colors {
        padding-top: 0.8rem;
    }

    .product-card__color {
        width: 1.2rem;
        height: 1.2rem;
        margin-right: 0.3rem;
    }

    /* #endregion */

    /* #region Product */
    .product {
        padding-top: 2.2rem;
        padding-bottom: 11.5rem;
    }

    .product__gallery-main {
        height: 448px;
        margin: 0 -1.6rem;
    }

    .product__gallery-tags {
        left: 0;
    }

    .product__article {
        font-size: 0.8rem;
        margin-bottom: 0.7rem;
    }

    .product__title {
        font-size: 1.7rem;
    }

    .product__price {
        font-size: 1.5rem;
        margin-bottom: 1.8rem;
    }

    .product__colors {
        padding-top: 0;
    }

    .product__color {
        width: 2rem;
        height: 2rem;
    }

    .product__sizes {
        min-width: 245px;
        padding-top: 2.5rem;
        margin-bottom: 0.6rem;
    }

    .product__size-link {
        width: fit-content;
        height: 100%;
        aspect-ratio: 1;
        line-height: 2.8;
        font-size: 1.1rem;
    }

    .product__size-link * {
        font-size: 1.1rem;
    }

    .product__size {
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

    .product__btn-cart {
        font-size: 1.4rem;
        padding-top: 0.6rem;
        padding-bottom: 0.7rem;
    }

    .product__action {
        --size: 2.3rem;
    }

    .product__buttons {
        margin-bottom: 3.3rem;
    }

    .product__accordion {
        max-width: 308px;
    }

    .product_characteristics_item {
        width: 100%;
        font-size: 1.1rem;
        max-width: 308px;
        margin-top: 1.5rem;
    }

    .product_characteristics_item+.product_characteristics_item {
        margin-top: 0;
    }

    /* #endregion */

    /* #region Page-banner */
    .page-banner {
        margin-top: 1.6rem;
        height: 188px;
    }

    .page-banner__title {
        font-size: 1.8rem;
    }

    .page-banner__title>span {
        font-size: 1.5rem;
    }

    /* #endregion */

    /* #region About-page */
    .about-page {
        padding-top: 3rem;
    }

    .about-page__text {
        font-size: 1.1rem;
    }

    .about-page__text *:not(:last-child) {
        margin-bottom: 1.8rem;
    }

    .about-page__text:not(:last-child) {
        margin-bottom: 1.7rem;
    }

    .about-page__btn {
        padding: 0.8rem 0.8rem;
        font-size: 1.2rem;
        margin-bottom: 1.7rem;
    }

    .about-page__image.about-page__image--type-1 {
        height: 208px;
        margin-bottom: 1.7rem;
    }

    .about-page__block:nth-child(1) .about-page__col:nth-child(1) {
        margin-bottom: 1.7rem;
    }

    .about-page__image.about-page__image--type-2 {
        height: 218px;
    }

    .about-page__block:nth-child(1) {
        margin-bottom: 2.1rem;
    }

    .about-page__block:nth-child(2) {
        margin-bottom: 1.7rem;
    }

    .about-page__image.about-page__image--type-5:not(:last-child) {
        height: 201px;
        margin-bottom: 1.7rem;
    }

    .about-page__btn.about-page__btn--big {
        margin-top: 0;
    }

    .about-page__btn.about-page__btn--big {
        width: auto;
        font-size: 1.2rem;
        padding: 1.1rem 1rem;
        border-radius: 0.5rem;
        margin-bottom: 2.8rem;
    }

    .about-page__image.about-page__image--type-5 {
        max-width: 328px;
        margin: 0 auto;
    }

    /* #endregion */

    /* #region Page-form */
    .page-form__logotype {
        max-width: 255px;
        margin-bottom: 2.3rem;
    }

    .page-form__form .iti {
        margin-bottom: 4.3rem;
    }

    .page-form__btn {
        font-size: 1.5rem;
        margin-bottom: 1.3rem;
    }

    .page-form__link {
        font-size: 1rem;
    }

    /* #endregion */

    /* #region Page-information */
    .page-information__links {
        margin-bottom: 3rem;
    }

    .page-information__link {
        border-radius: 0.6rem;
        font-size: 1.4rem;
        text-transform: uppercase;
    }

    .page-information__text {
        font-size: 1.1rem;
    }

    .page-information__text>*:not(:last-child):not(table) {
        margin-bottom: 1.2rem;
    }

    .page-information__text ol>li:not(:last-child) {
        margin-bottom: 1.2rem;
    }

    .page-information__accordion {
        padding: 1.1rem 0 4.4rem;
    }

    .page-information__accordion .accordion__card {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .page-information__accordion .accordion__card-toggler {
        font-size: 1.1rem;
    }

    .page-information__accordion .accordion__card-content {
        font-size: 1rem;
    }

    .page-information__text table {
        margin-top: 1.8rem;
        margin-bottom: 3rem;
    }

    .page-information__text table td,
    .page-information__text table th {
        padding: 1.1rem 1rem;
    }

    .page-information__short {
        padding-top: 1.8rem;
        padding-bottom: 1.8rem;
    }

    /* #endregion */

    /* #region Cabinet */
    .cabinet {
        padding-top: 4.8rem;
    }

    .cabinet__title {
        font-size: 2rem;
    }

    .cabinet__welcome {
        font-size: 1rem;
        margin-bottom: 3.3rem;
    }

    .cabinet__wrapper {
        grid-row-gap: 2.4rem;
    }

    .cabinet__col:nth-child(1) .cabinet__block:nth-child(1) {
        order: 2;
    }

    .cabinet__col:nth-child(1) .cabinet__block:nth-child(1) {
        order: 1;
    }

    .cabinet__col:nth-child(1) .cabinet__block:not(:first-child) {
        margin-bottom: 2.4rem;
    }

    .cabinet__col:nth-child(1) .cabinet__block:not(:last-child) {
        margin-bottom: 0;
    }

    .cabinet__exit {
        position: relative;
        right: inherit;
        margin-bottom: 20px;
    }

    .cabinet__block-header {
        padding: 0.6rem 1.5rem;
        font-size: 1.4rem;
    }

    .cabinet__block-icon {
        width: 2.1rem;
        height: 2.1rem;
        margin-right: 1rem;
    }

    .cabinet__block-icon>svg {
        width: 1.2rem;
        height: 1.2rem;
        margin-right: 0.1rem;
    }

    .cabinet__block-body {
        padding: 1.3rem 1.8rem 1.6rem 4.6rem;
    }

    .cabinet__order-check {
        left: -1.4rem;
        line-height: 0.5;
    }

    .cabinet__order-check>svg {
        width: 1.3rem;
    }

    .cabinet__order-number {
        font-size: 1rem;
    }

    .cabinet__order-status {
        font-size: 1rem;
    }

    .cabinet__order:not(:last-child) {
        margin-bottom: 1.2rem;
    }

    .cabinet__order-price {
        font-size: 1.3rem;
    }

    .cabinet__orders:not(:last-child) {
        margin-bottom: 1.3rem;
    }

    .cabinet__link {
        font-size: 1.1rem;
    }

    .cabinet__info {
        font-size: 1.1rem;
    }

    .cabinet__info:not(:last-child) {
        margin-bottom: 0.8rem;
    }

    .cabinet__block:not(:last-child) {
        margin-bottom: 2.4rem;
    }

    .cabinet__block-row strong {
        font-size: 1.1rem;
        font-weight: 500;
    }

    /* #endregion */

    /* #region Cart */
    .cart {
        padding-top: 4.8rem;
    }

    .cart__title {
        font-size: 2rem;
        margin-bottom: 1.7rem;
    }

    .cart__product {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
        padding-right: 0.6rem;
    }

    .cart__product-image {
        margin-right: 0.7rem;
    }

    .cart__product-name {
        font-size: 1.1rem;
        font-weight: 700;
    }

    .cart__product-article {
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
    }

    .cart__product-size {
        font-size: 1rem;
        margin-bottom: 0.3rem;
    }

    .cart__product-price {
        font-size: 1.2rem;
        font-weight: 400;
        white-space: nowrap;
    }

    .cart__product-action {
        --size: 1.8rem;
    }

    .cart__product-counter {
        right: 5.2rem;
    }

    .cart__bottom {
        padding-top: 4.8rem;
    }

    .cart__bottom-delivery {
        font-size: 1.2rem;
        margin-bottom: 0.7rem;
    }

    .cart__bottom-total {
        font-size: 1.8rem;
        margin-bottom: 0.7rem;
    }

    .cart__bottom-btn {
        font-size: 1.7rem;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        border-radius: 1.1rem;
    }

    .cart__bottom-memo {
        margin-top: 0.9rem;
        font-size: 0.6rem;
        max-width: 200px;
    }

    .cart__subtitle {
        font-size: 1.5rem;
        margin-bottom: 1.9rem;
    }

    .cart__container-short:not(:last-child) {
        margin-bottom: 4rem;
    }

    .cart__container-short.cart__container-short--user .form__field:not(:last-child) {
        margin-bottom: .5rem;
    }

    .cart__container-short.cart__container-short--delivery .form__field:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    .cart__container-short.cart__container-short--user .form__radios {
        padding-top: 2.2rem;
        padding-left: 2.1rem;
        padding-right: 2.1rem;
    }

    .cart__container-short.cart__container-short--user .form__radio:nth-child(1) .form__radio-text {
        font-size: 1rem;
    }

    .cart__container-short.cart__container-short--user .form__radio:nth-child(2) .form__radio-text {
        font-size: 0.8rem;
    }

    .cart__bottom.cart__bottom--nopad .cart__bottom-delivery {
        display: none;
    }

    .basket-items-list-item-descriptions-inner {
        grid-template-columns: 95px 1fr;
        display: grid;
    }

    .cart__container-short {
        padding-left: 0;
        padding-right: 0;
    }

    #bx-soa-paysystem .form__radio-icon {
        margin-left: -4.7rem;
    }

    .form-grpup__box>div {
        width: -webkit-fill-available;
    }

    /* #endregion */

    /* #region Modal */
    .modal__header {
        padding: 3.2rem 2rem 0;
    }

    .modal__title {
        font-size: 2rem;
        padding-bottom: 3rem;
    }

    .modal__body {
        padding: 0 2rem;
    }

    .modal__foter {
        padding: 0 2rem 1rem;
    }

    /* #endregion */

    /* #region Product-modal */
    .product-modal__product {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
        padding-right: 0.6rem;
    }

    .product-modal__product-image {
        margin-right: 0.7rem;
        min-width: 70px;
        width: 70px;
        height: 95px;
    }

    .product-modal__product-info {
        padding-right: 7rem;
    }

    .product-modal__product-name {
        font-size: 1.1rem;
        font-weight: 700;
    }

    .product-modal__product-article {
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
    }

    .product-modal__product-size {
        font-size: 1rem;
        margin-bottom: 0.3rem;
    }

    .product-modal__product-price {
        font-size: 1.2rem;
        font-weight: 400;
        white-space: nowrap;
    }

    .product-modal__product-counter {
        right: 1rem;
    }

    .product-modal__field {
        padding-top: 0.7rem;
        padding-bottom: 0.7rem;
    }

    .product-modal__btn {
        margin-top: 3rem;
        font-size: 1.7rem;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        border-radius: 1.1rem;
    }

    .product-modal__close {
        font-size: 1.7rem;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        border-radius: 1.1rem;
    }

    .product-modal__memo {
        margin-top: 0.9rem;
        font-size: 0.6rem;
        max-width: 200px;
    }

    .product-modal__form {
        padding-bottom: 3.2rem;
    }

    /* #endregion */

    .resend-sms {
        padding: 10px 20px;
        font-size: 12px;
    }
}

/* Адаптивные стили для основной формы авторизации */
@media all and (max-width: 575px) {
    .auth-form {
        padding: 15px;
        margin: 10px;
    }

    .auth-form form {
        gap: 20px;
    }

    .input-phone {
        max-width: 100%;
    }

    .input-phone span {
        padding: 12px 15px;
        font-size: 14px;
    }

    .input-phone input {
        padding: 12px 15px;
        font-size: 14px;
    }

    .auth-form input[type=submit] {
        padding: 12px 25px;
        font-size: 16px;
    }

    .auth-form img {
        max-width: 200px;
        margin-bottom: 20px;
    }
}

/* Стили для валидации телефона */
input[name="phone"] {
    transition: all 0.3s ease;
}

input[name="phone"].error {
    border-color: #ff4444;
    box-shadow: 0 0 5px rgba(255, 68, 68, 0.3);
}

input[name="phone"].valid {
    border-color: #4CAF50;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
}

input[name="phone"]:focus {
    outline: none;
    border-color: #4a73a3;
    box-shadow: 0 0 5px rgba(74, 115, 163, 0.3);
}

/* Стили для кнопки отправки */
button[type="submit"]:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Плейсхолдер для маски */
input[name="phone"]::placeholder {
    color: #999;
}

/* Стили для формы с SMS кодом */
.sms-form {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.sms-form-content {
    text-align: center;
    max-width: 400px;
    width: 100%;
}

.sms-form-content h3 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #333;
    font-family: var(--font-family);
}

.sms-form-content p {
    margin-bottom: 10px;
    color: #666;
    font-size: 16px;
    font-family: var(--font-family);
    font-weight: 500;
}

.sms-input-group {
    margin-bottom: 20px;
}

.sms-input-group input[name="sms_code"] {
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 20px;
    font-size: 18px;
    text-align: center;
    letter-spacing: 5px;
    font-weight: 700;
    font-family: var(--font-family);
    background: #fffefe;
    outline: none;
    transition: all 0.3s ease;
}

.sms-input-group input[name="sms_code"]:focus {
    border-color: #4a73a3;
    box-shadow: 0 0 10px rgba(74, 115, 163, 0.2);
}

.sms-form-buttons {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
}

.sms-form-buttons input[type="submit"] {
    padding: 15px 30px;
    background: #4a73a3;
    color: white;
    border: none;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 700;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}

.sms-form-buttons input[type="submit"]:hover {
    background: #3a5a8a;
}

.sms-form-buttons input[type="submit"]:disabled {
    background: #ccc;
    cursor: not-allowed;
}

.resend-sms {
    padding: 12px 25px;
    background: none;
    border: 1px solid #4a73a3;
    color: #4a73a3;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}

.resend-sms:hover {
    background: #4a73a3;
    color: white;
}

.resend-sms:disabled {
    border-color: #ccc;
    color: #ccc;
    cursor: not-allowed;
}

.back-to-phone {
    padding: 10px 20px;
    background: none;
    border: none;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family);
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: underline;
    outline: none;
}

.back-to-phone:hover {
    color: #333;
}


.input-group .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* Адаптивные стили для SMS формы */
@media all and (max-width: 575px) {
    .sms-form-content {
        padding: 15px;
        margin: 10px;
    }

    .sms-form-content h3 {
        font-size: 20px;
    }

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

    .sms-input-group input[name="sms_code"] {
        padding: 12px 15px;
        font-size: 16px;
        letter-spacing: 3px;
    }

    .sms-form-buttons input[type="submit"] {
        padding: 12px 25px;
        font-size: 14px;
    }

    .resend-sms {
        padding: 10px 20px;
        font-size: 12px;
    }
}

/* Кнопка "Перейти к вводу кода" */
.go-to-sms-btn {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 16px;
    color: #4a73a3;
    border: 1px solid #4a73a3;
    background: none;
    padding: 12px 25px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    width: 100%;
    max-width: 400px;
}

.go-to-sms-btn:hover {
    background: #4a73a3;
    color: white;
}

.go-to-sms-btn:disabled {
    border-color: #ccc;
    color: #ccc;
    cursor: not-allowed;
}


.favorite-btn.active svg path {
    fill: #e74c3c;
    stroke: #e74c3c;
}

.favorite-btn svg path {
    transition: fill 0.2s, stroke 0.2s;
}

.product-card__favorite {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
}

.favorite-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    --size: 3.7rem;
    min-width: var(--size);
    width: var(--size);
    height: var(--size);
}

@media (max-width: 575px) {
    .product-card__favorite {
        top: -3px;
        right: 5px;
    }

    .favorite-btn {
        --size: 2.4rem
    }
}



@media (min-width: 576px) {
    .row-md {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 0;
        display: flex;
        flex: 1 0 100%;
        flex-wrap: wrap;
        margin-top: calc(var(--bs-gutter-y)* -1);
        margin-right: calc(var(--bs-gutter-x) / -2);
        margin-left: calc(var(--bs-gutter-x) / -2);

    }
}

@font-face {
    font-family: 'TildaSans';
    src: local("TildaSans"),
        url("/local/templates/popilov_shop/css/../fonts/TildaSans-VF.woff2") format("woff2"),
        url("/local/templates/popilov_shop/css/../fonts/TildaSans-VF.woff") format("woff"),
        url("/local/templates/popilov_shop/css/../fonts/TildaSans-VF.ttf") format("truetype");
}

.hero,
#catalog,
#recommended,
#advantages,
#contacts {
    font-family: 'TildaSans', Arial, sans-serif;
}

.hero {
    padding-top: 0px;
    padding-bottom: 90px;
}

.hero h1 {
    padding-top: 135px;
    padding-bottom: 45px;
    text-align: center;
    font-size: 52px;
    margin: 0;
    font-weight: 300;
    line-height: 1;
}

.hero p {
    max-width: 760px;
    margin: auto;
    font-size: 24px;
    line-height: 1.35;
    color: #000;
    font-weight: 300;
    text-align: center;
}

#catalog {
    padding-bottom: 135px;
}

.card-media img {
    height: 600px;
    object-fit: cover;
}

#recommended {
    padding-top: 30px;
    padding-bottom: 50px;
}

#advantages {
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #f5f5f5;
}

.advantages-text {
    max-width: 560px;
}

.advantages-text h3 {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.23;
    margin-bottom: 16px;
}

.advantages-text p {
    font-weight: 300;
    color: #666666;
}

.advantages-image {
    margin-right: 25px;
}

#contacts {
    padding-top: 150px;
    padding-bottom: 150px;
    text-align: center;
}

#contacts h3 {
    font-weight: 300;
    font-size: 52px;
    line-height: 1.23;
    margin-bottom: 45px;
}

#contacts p {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 300;
    max-width: 560px;
    margin: auto;
    margin-bottom: 35px;
}

#contacts a {
    font-size: 32px;
    line-height: 1.55;
    width: fit-content;
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

@media screen and (max-width: 960px) {
    .pro-slider {
        max-height: 310px;
    }

    .advantages-image {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .advantages-text {
        max-width: 565px;
    }
}

@media screen and (max-width: 640px) {

    .hero h1,
    .advantages-text h3,
    #contacts h3 {
        font-size: 30px;
    }

    .advantages-image img {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .pro-slider-section {
        padding: 0;
        margin: 0;
    }

    .pro-slider {
        height: 250px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 24px !important;
        height: 24px !important;
    }

    .swiper-button-next::after,
    .swiper-button-prev::after {
        font-size: 11px !important;
    }
}

/* Кнопка "Наверх" */
.scroll-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: var(--color-blue);
    color: var(--color-white);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgb(0 117 255 / 33%);
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    z-index: 1000;
    outline: none !important;
}

.scroll-to-top:hover {
    background: #002a5c;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 58, 126, 0.4);
}

.scroll-to-top:active {
    transform: translateY(0);
}

.scroll-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.scroll-to-top svg {
    width: 20px;
    height: 20px;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .scroll-to-top {
        bottom: 20px;
        right: 20px;
        width: 45px;
        height: 45px;
    }

    .scroll-to-top svg {
        width: 18px;
        height: 18px;
    }
}

/* Стили для логотипов банковских карт */
.payment-logos {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.payment-logos__title {
    font-size: 1.4rem;
    font-weight: 300;
    color: var(--color-white);
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

.payment-logos__item {
    display: flex;
    align-items: center;
    transition: transform 0.2s ease;
}

.payment-logos__item:hover {
    transform: scale(1.05);
}

.payment-logos__item img {
    height: 14px;
    width: auto;
    border-radius: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Адаптивность для логотипов карт */
@media (max-width: 768px) {
    .payment-logos {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        gap: 0.8rem;
    }

    .payment-logos__title {
        font-size: 1.2rem;
        margin-bottom: 0.8rem;
        width: 100%;
    }

    .payment-logos__item img {
        height: 20px;
    }
}

@media (max-width: 480px) {
    .payment-logos {
        justify-content: center;
        margin-top: 1rem;
    }
}

/* Стили для характеристик товара */
.product-characteristics-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-characteristics-item {
    display: flex;
    align-items: center;
    padding: 0.8rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.product-characteristics-item:last-child {
    border-bottom: none;
}

.product-characteristics-name {
    font-weight: 500;
    color: var(--color-black);
    flex-shrink: 0;
    margin-right: 1rem;
}

.product-characteristics-dots {
    flex: 1;
    height: 1px;
    background: repeating-linear-gradient(to right,
            var(--color-black) 0,
            var(--color-black) 3px,
            transparent 3px,
            transparent 6px);
    margin: 0 1rem;
}

.product-characteristics-value {
    font-weight: 400;
    color: var(--color-black);
    flex-shrink: 0;
    text-align: right;
}

.description {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 60px 0;
    padding: 20px 0 250px;
}

.description:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-black);
    opacity: .2;
    z-index: 1;
}

.description__wrapper {
    position: relative;
    z-index: 2;
}

.description__content {
    margin: auto;
    padding: 20px;
    color: #fff;
}

.description__text {
    margin-top: 140px;
}

/* Адаптивные стили для характеристик */
@media (max-width: 768px) {
    .product-characteristics-item {
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem 0;
    }

    .product-characteristics-name {
        margin-right: 0;
        margin-bottom: 0.5rem;
        font-size: 1.4rem;
    }

    .product-characteristics-dots {
        display: none;
    }

    .product-characteristics-value {
        text-align: left;
        font-size: 1.4rem;
    }
}

@media (max-width: 480px) {
    .product-characteristics-item {
        padding: 0.8rem 0;
    }

    .product-characteristics-name {
        font-size: 1.3rem;
    }

    .product-characteristics-value {
        font-size: 1.3rem;
    }
}

/* #region Blog Grid Component */
.blog-grid-section {
    padding: 4rem 0;
    background-color: var(--color-white);
}

.blog-grid-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 2.4rem;
    color: var(--color-blue);
    text-align: center;
    margin-bottom: 3rem;
    line-height: 1.2;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
    margin: 0 auto;
}

.blog-grid-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.blog-grid-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(0, 58, 126, 0.15);
}

.blog-grid-link {
    display: block;
    text-decoration: none;
    color: inherit;
    height: 100%;
}

.blog-grid-image {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
}

.blog-grid-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.blog-grid-item:hover .blog-grid-image img {
    transform: scale(1.05);
}

.blog-grid-content {
    padding: 1.5rem;
    background-color: var(--color-white);
    border-radius: 0 0 8px 8px;
    border-top: none;
    min-height: 80px;
    display: flex;
    align-items: center;
}

.blog-grid-item-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    color: var(--color-blue);
    margin: 0;
    line-height: 1.3;
    text-align: center;
    width: 100%;
}

.blog-grid-empty {
    text-align: center;
    padding: 3rem 0;
    color: var(--color-gray-text);
    font-size: 1.4rem;
}

/* Mobile styles */
@media (max-width: 768px) {
    .blog-grid-section {
        padding: 2rem 0;
    }

    .blog-grid-title {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .blog-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        max-width: 400px;
    }

    .blog-grid-image {
        height: 180px;
    }

    .blog-grid-content {
        padding: 1.2rem;
        min-height: 70px;
    }

    .blog-grid-item-title {
        font-size: 1.3rem;
    }
}

@media (max-width: 480px) {
    .blog-grid-section {
        padding: 1.5rem 0;
    }

    .blog-grid-title {
        font-size: 1.8rem;
        margin-bottom: 1.5rem;
    }

    .blog-grid {
        gap: 1rem;
    }

    .blog-grid-image {
        height: 160px;
    }

    .blog-grid-content {
        padding: 1rem;
        min-height: 60px;
    }

    .blog-grid-item-title {
        font-size: 1.2rem;
    }
}

/* #endregion */
/* End */


/* Start:/local/templates/popilov_shop/components/bitrix/menu/main_catalog/style.min.css?170176269910230*/
.bx-top-nav-container{position:relative;padding:0 10px;border-radius:2px;background:var(--theme-color-primary);color:#fff}.bx-nav-list-1-lvl{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none;-ms-flex-wrap:wrap;flex-wrap:wrap}.bx-nav-1-lvl{position:relative}.bx-nav-1-lvl-link{display:block;padding-top:6px;padding-bottom:2px;border-bottom:0;border-radius:1px;text-decoration:none;transition:250ms linear all}.bx-nav-1-lvl-link:hover{text-decoration:none}.bx-nav-1-lvl.bx-hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-active>.bx-nav-1-lvl-link,.bx-nav-1-lvl:hover>.bx-nav-1-lvl-link{border-bottom:0;background:var(--theme-color-second)}.bx-nav-1-lvl-link-text{display:flex;padding:10px 14px 14px;color:#fff;text-decoration:none;text-transform:uppercase;font:14px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);transition:250ms linear all;align-items:center}.bx-nav-angle-bottom{position:relative;display:block;margin-left:10px;width:10px;height:10px}.bx-nav-angle-bottom:after,.bx-nav-angle-bottom:before{position:absolute;top:50%;left:50%;width:7px;height:2px;background-color:#fff;content:'';transition:250ms linear all}.bx-nav-angle-bottom:after{margin-left:-2px;transform:translate(-50%,-50%) rotate(45deg)}.bx-nav-angle-bottom:before{margin-left:2px;transform:translate(-50%,-50%) rotate(-45deg)}.bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:after,.bx-nav-1-lvl.bx-nav-parent:hover .bx-nav-angle-bottom:before{background-color:var(--theme-color-primary)}.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background-color:transparent;color:var(--theme-color-primary)}.bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link,.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background:#fff}.bx-nav-angle-top{position:relative;display:block;margin-left:10px;width:10px;height:10px}.bx-nav-angle-top:after,.bx-nav-angle-top:before{position:absolute;top:50%;left:50%;width:7px;height:2px;background-color:#fff;content:'';transition:250ms linear all}.bx-nav-angle-top:after{margin-left:-2px;transform:translate(-50%,-50%) rotate(-45deg)}.bx-nav-angle-top:before{margin-left:2px;transform:translate(-50%,-50%) rotate(45deg)}.bx-nav-parent-arrow{display:none}.bx-nav-2-lvl-container,.bx-nav-2-lvl-container-advanced{z-index:999;display:none;padding:0;min-width:100%;border-top:0;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);color:#000;opacity:0}.bx-nav-2-lvl-container>ul,.bx-nav-2-lvl-container>div,.bx-nav-2-lvl-container-advanced>ul,.bx-nav-2-lvl-container-advanced>div{flex:1}.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-nav-1-lvl.hover .bx-nav-2-lvl-container{position:absolute;top:calc(100% - 5px);z-index:999;display:flex;background:#fff;opacity:1;align-items:stretch}.bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-nav-2-lvl{display:block;padding:0;min-width:180px}.bx-nav-2-lvl-link{display:block;padding:5px 15px 5px;border-bottom:none !important;text-decoration:none !important}.bx-nav-2-lvl-link-text{color:var(--theme-color-primary);text-decoration:none;font-weight:var(--ui-font-weight-bold);font-size:13px;line-height:16px}.bx-nav-2-lvl>.bx-nav-list-2-lvl.bx-active .bx-nav-list-2-lvl-text,.bx-nav-2-lvl>.bx-nav-list-2-lvl:hover .bx-nav-list-2-lvl-text{background:var(--theme-color-light);color:var(--theme-color-primary)}.bx-nav-3-lvl-container-advanced:before,.bx-nav-3-lvl-container:before{position:absolute;top:-5px;right:0;left:0;display:block;height:5px;background:#fff;content:" "}.bx-nav-list-3-lvl{margin:0;padding:0 0 14px 0}.bx-nav-3-lvl{display:block;box-sizing:border-box;margin:0;padding:0;min-width:180px}.bx-nav-3-lvl-link{display:block;padding:3px 15px 3px 20px;border-bottom:0;color:#555;text-decoration:none;font-size:13px;line-height:14px}.bx-nav-3-lvl-link.bx-active,.bx-nav-3-lvl-link:hover{background:#f0f0f0;color:var(--theme-color-primary);text-decoration:none}.bx-nav-list-4-col{position:static}.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;right:0;left:0}.bx-nav-list-4-col .bx-nav-2-lvl-container,.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{right:0;left:0}.bx-nav-catinfo{position:relative;z-index:120;padding:15px 15px 5px;min-width:200px;border-left:1px solid #ecefef;background:#f7fafb}.bx-nav-catinfo img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;max-height:100%;width:auto;height:auto;border:1px solid #e7e9ea}.bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-menu-button-mobile{position:absolute;top:8px;left:5px;z-index:10;width:40px;height:40px}.bx-aside-nav-control{position:absolute;top:0;left:0;z-index:1750;width:40px;height:40px;color:#fff;text-align:center;font-size:28px;line-height:40px;cursor:pointer;transition:left .15s linear}.bx-nav-bars{position:absolute;top:50%;left:50%;z-index:2100;display:block;box-sizing:border-box;width:30px;height:25px;border-top:5px solid #fff;border-bottom:5px solid #fff;vertical-align:middle;transform:translate(-50%,-50%)}.bx-nav-bars:after{position:absolute;top:50%;display:block;background:#fff;width:100%;height:5px;content:'';transform:translateY(-50%)}.bx-wrapper,.bx-aside-nav{transition:transform .15s linear}.bx-opened .bx-footer,.bx-opened .workarea{overflow:hidden}.bx-aside-nav{position:fixed;top:50px;bottom:0;left:0;z-index:1600;display:none;width:100%;background:#4c5c65;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.bx-aside-nav.bx-opened{overflow-y:scroll;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.bx-aside-nav ul{margin:0;padding:0;list-style:none}.bx-aside-nav a{display:block;overflow:hidden;padding-left:15px;max-width:100%;height:48px;border-bottom:1px solid #3d4b53 !important;color:#fff;vertical-align:middle;-ms-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:48px}.bx-aside-nav .bx-nav-list-1-lvl{z-index:1700;flex-direction:column}.bx-aside-nav .bx-nav-1-lvl-link{padding:0;display:flex;align-items:center}.bx-aside-nav .bx-nav-1-lvl-link-text{padding:0 0 0 15px}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.hover>.bx-nav-1-lvl-link,.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link{box-shadow:none !important}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{background:transparent;color:#fff}.bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-1-lvl.hover .bx-nav-2-lvl-container{position:relative;box-shadow:none;top:auto}.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-1-lvl.bx-opened .bx-nav-2-lvl-container{display:block;opacity:1}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-2-lvl-link-text,.bx-aside-nav .bx-nav-3-lvl-link-text,.bx-aside-nav .bx-nav-4-lvl-link-text{color:#fff;font-weight:500;font-size:14px}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl-link{padding:0 0 0 30px}.bx-aside-nav .bx-nav-2-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-3-lvl-link{padding:0 0 0 45px}.bx-aside-nav .bx-nav-3-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-4-lvl-link{padding:0 0 0 60px}.bx-aside-nav .bx-nav-4-lvl-link:hover{background-color:#3b4851}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;top:0;right:0;z-index:200;margin-top:6px;width:46px;height:34px;border-left:1px solid #5a6971;text-align:center}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo{display:none}.bx-aside-nav .bx-nav-angle-top,.bx-aside-nav .bx-nav-angle-bottom{position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;margin:0}@media(min-width:1200px){.bx-nav-1-lvl>a{font-size:15px}.bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-nav-1-lvl>a{font-size:13px}.bx-nav-1-lvl>a span{padding:9px 11px 12px}}@media(min-width:768px) and (max-width:991px){.bx-nav-1-lvl>a{font-size:11px}.bx-nav-1-lvl>a span{padding:5px 6px 9px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control{display:flex;align-items:center;justify-content:center}.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl-link-text .bx-nav-angle-bottom{display:none}}.bx-white{--theme-color-primary:#f5f5f5;--theme-color-second:#dfdfdf}.bx-white .bx-nav-1-lvl-link-text,.bx-white .bx-nav-2-lvl-link-text,.bx-white .bx-nav-3-lvl-link.bx-active,.bx-white .bx-nav-3-lvl-link:hover,.bx-white .bx-nav-3-lvl-link.bx-active,.bx-white .bx-nav-3-lvl-link:hover,.bx-white .bx-nav-1-lvl.bx-nav-parent.bx-hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text,.bx-white .bx-nav-1-lvl.bx-nav-parent:hover>.bx-nav-1-lvl-link .bx-nav-1-lvl-link-text{color:#333}
/* End */


/* Start:/bitrix/components/bitrix/search.title/templates/bootstrap_v4/style.min.css?1701762498708*/
.searche-title {}

.search-title-button {
	background-image: url(/bitrix/components/bitrix/search.title/templates/bootstrap_v4/images/icon-search.svg); background-repeat:no-repeat;background-position:center;min-width:45px;height:calc(1.5em + 0.75rem)}.title-search-result{border:1px solid #ced4da;display:none;overflow:hidden;z-index:205;background-color:#fff;padding:10px;border-radius:3px}.search-title-result-item{border-bottom:1px solid #ddd}.search-title .search-title-result-item:last-child{border-bottom:0}.search-title-result-item-link{font-size:16px;transition:170ms linear all}.search-title-result-item-price{font-size:16px}.search-title-result-item-current-price{font-weight:bold}.search-title-result-item-old-price{font-size:80%;text-decoration:line-through}
/* End */


/* Start:/local/templates/popilov_shop/components/bitrix/news.list/slider/style.css?1701762699150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/popilov_shop/template_styles.css?1782910133729*/
.grecaptcha-badge {
	opacity: 0;
	pointer-events: none;
}

.cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 8px;
}

.cookie > div {
    gap: 16px;
}

.cookie p {
    margin: 0;
}

.align-center {
    align-items: center;
}

.delivery-list {
    padding-left: 1.5rem;
    list-style: disc;
    margin-bottom: 1rem;
}

.branding-list,
.clients-list {
    padding-left: 1.5rem;
    list-style: disc;
    margin-bottom: 1rem;
}

.contact-text {
    margin-top: 1.5rem;
    font-weight: 500;
}

.contact-phone a {
    color: #007bff;
    text-decoration: none;
}
.contact-phone a:hover {
    text-decoration: underline;
}
/* End */
/* /local/templates/popilov_shop/libs/splide.min.css?17017626995090 */
/* /local/templates/popilov_shop/libs/intlTelInput.css?170176269924504 */
/* /local/templates/popilov_shop/libs/glightbox.min.css?170176269913749 */
/* /local/templates/popilov_shop/css/reset-styles.css?170176269810904 */
/* /local/templates/popilov_shop/css/main-styles.css?1778146391144427 */
/* /local/templates/popilov_shop/components/bitrix/menu/main_catalog/style.min.css?170176269910230 */
/* /bitrix/components/bitrix/search.title/templates/bootstrap_v4/style.min.css?1701762498708 */
/* /local/templates/popilov_shop/components/bitrix/news.list/slider/style.css?1701762699150 */
/* /local/templates/popilov_shop/template_styles.css?1782910133729 */