@charset "UTF-8";
@font-face {
  font-family: "Lato";
  src: local("Lato Regular"), local("Lato-Regular"), url("../fonts/latoregular.woff2") format("woff2"), url("../fonts/latoregular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Philosopher";
  src: local("Philosopher-Regular"), local("Philosopher-Regular"), url("../fonts/Philosopher-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Philosopher";
  src: local("Philosopher-Bold"), local("Philosopher-Bold"), url("../fonts/Philosopher-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Medium"), local("Lato-Medium"), url("../fonts/latomedium.woff2") format("woff2"), url("../fonts/latomedium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Semibold"), local("Lato-Semibold"), url("../fonts/latosemibold.woff2") format("woff2"), url("../fonts/latosemibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Bold"), local("Lato-Bold"), url("../fonts/latobold.woff2") format("woff2"), url("../fonts/latobold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Heavy"), local("Lato-Heavy"), url("../fonts/latoheavy.woff2") format("woff2"), url("../fonts/latoheavy.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Black"), local("Lato-Black"), url("../fonts/latoblack.woff2") format("woff2"), url("../fonts/latoblack.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
*, *:after, *:before {
  box-sizing: border-box;
}

:root {
  --color-temnyy-siniy: #011e64;
  --color-smuglyy: #132439;
  --color-yarko-siniy-s-logo: #002a85;
  --color-smuglyy-yarkiy: #132439;
  --color-svetlyy-: #ccd3e9;
  --color-chernyy: #0e1526;
  --color-belyy: #fff;
  --color-seryy: #bfbfbf;
  --color-tekst-seryy: #6f6f6f;
  --temno-siniy: #132439;
  --goluboy: #e6edf6;
  --svetlo-siniy: #4d6583;
  --baseFs: 16;
  --font-family: "Lato", sans-serif;
  --second-family: "Philosopher", sans-serif;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family);
  font-weight: 400;
  color: var(--color-chernyy);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  font-size: var(--baseFs);
}
@media (max-width: 1699px) {
  html,
  body {
    font-size: 0.9411764706vw;
  }
}
@media (max-width: 767px) {
  html,
  body {
    font-size: var(--baseFs);
  }
}

.lock {
  overflow: hidden;
}

.page-content {
  display: flex;
  flex-direction: column;
}
.page-content > * {
  width: 100%;
}
.page-content header.header, .page-content footer.footer {
  flex-shrink: 0;
}
.page-content main {
  flex-grow: 1;
}

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

*:focus {
  outline: none;
}

a[href^="tel:"],
a[href^="mailto:"] {
  white-space: nowrap;
}

h1,
h2,
h3,
h4,
p {
  padding: 0;
  margin: 0;
}

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

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

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

.img-contain {
  object-fit: contain;
}

input,
button, textarea {
  border: none;
}

button:focus,
input:focus, textarea:focus {
  outline: none;
}

button {
  padding: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
}

input[type=submit] {
  padding-block: 0;
  cursor: pointer;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

address {
  font-style: normal;
}

input::placeholder, textarea::placeholder, textarea::placeholder {
  font-family: inherit;
  font-size: inherit;
}

.container {
  width: 97.5rem;
  margin: 0 auto;
  padding-inline: 1.25rem;
}
@media (max-width: 1699px) {
  .container {
    width: 91.7647058824vw;
  }
}
@media (max-width: 767px) {
  .container {
    width: calc(100vw - 40px);
    max-width: 540px;
    padding-inline: 0;
  }
}

main.inner-page {
  padding-top: 1.25rem;
  padding-bottom: 5rem;
}
@media (max-width: 767px) {
  main.inner-page {
    padding-top: 1rem;
    padding-bottom: 3.75rem;
  }
}

.grid-two-columns, .grid-three-columns, .grid-four-columns {
  display: flex;
  column-gap: 1.25rem;
}

.grid-four-columns {
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .grid-four-columns {
    gap: 11px;
  }
}

.grid-two-columns {
  align-items: flex-start;
}
.grid-two-columns .grid-content {
  flex: 1;
}
@media (max-width: 767px) {
  .grid-two-columns .grid-content {
    width: 100%;
    flex: unset;
  }
}

.grid-four-columns, *.grid-four-columns {
  grid-template-columns: repeat(4, 1fr) !important;
}
@media (max-width: 767px) {
  .grid-four-columns, *.grid-four-columns {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.grid-three-columns .grid-content {
  display: flex;
  column-gap: 2rem;
  flex: 1;
}

.grid-three-columns .grid-content-aside {
  flex-shrink: 0;
  width: 15rem;
}
.grid-three-columns .grid-content-body {
  flex: 1;
}

.grid-two-columns .grid-aside, .grid-three-columns .grid-aside {
  width: 22.75rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .grid-two-columns .grid-aside, .grid-three-columns .grid-aside {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .grid-two-columns.reverse-mobile {
    flex-direction: column-reverse;
    row-gap: 60px;
  }
}

.grid-aside {
  height: fit-content;
  row-gap: 1.25rem;
  display: grid;
  grid-template-columns: 1fr;
}

.column-gap-80,
.column-gap-40,
.row-gap-32 {
  display: grid;
  grid-template-columns: 1fr;
}
.column-gap-80 > *,
.column-gap-40 > *,
.row-gap-32 > * {
  width: 100%;
}

.column-gap-80 {
  row-gap: 5rem;
}
@media (max-width: 767px) {
  .column-gap-80 {
    row-gap: 60px;
  }
}

.column-gap-40 {
  row-gap: 2.5rem;
}

.row-gap-32 {
  row-gap: 2rem;
}

@media (min-width: 768px) {
  .aside-sticky, .aside-sticky-160 {
    position: sticky;
    top: 0;
    transition: 800ms;
  }
  .aside-sticky-160 {
    top: 10rem;
  }
}
/*vendore*/
.w-100 {
  width: 100% !important;
}

.flex, .flex-center-y, .flex-center-x, .flex-center, .flex-col {
  display: flex;
  gap: 0.5rem;
}

.flex-center, .flex-center-x {
  justify-content: center;
}

.flex-center, .flex-center-y {
  align-items: center;
}

.flex-col {
  flex-direction: column;
}
.flex-col > * {
  width: 100%;
}

.stretch-flex {
  display: flex;
  width: 100%;
  align-items: stretch;
}

*.scroll-x {
  overflow: hidden;
  overflow-x: auto;
  scrollbar-width: none;
}
*.scroll-x::-webkit-scrollbar {
  display: none;
}
@media (max-width: 767px) {
  *.scroll-x {
    width: calc(50% + 50vw);
  }
  *.scroll-x > *:last-child {
    margin-right: 16px;
  }
}

.txt-center {
  text-align: center;
}

.border-round-card {
  border: 1px solid var(--goluboy);
  border-radius: 0.9375rem;
  padding: 1.25rem;
}

*.hide-sm {
  display: flex;
}
@media (max-width: 767px) {
  *.hide-sm {
    display: none !important;
  }
}

*.visible-sm {
  display: none !important;
}
@media (max-width: 767px) {
  *.visible-sm {
    display: flex !important;
  }
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-24 {
  margin-bottom: 1.5rem;
}

.mb-32 {
  margin-bottom: 2rem;
}

.pos-abs {
  position: absolute;
}

.pos-rel {
  position: relative;
}

.br-15 {
  border-radius: 0.9375rem;
}

.pb-105 {
  padding-bottom: 6.5625rem;
}
@media (max-width: 767px) {
  .pb-105 {
    padding-bottom: 3.4375rem;
  }
}

.h-120 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 7.5rem;
  line-height: 0.86;
  color: #fff;
}
@media (max-width: 767px) {
  .h-120 {
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -0.01em;
  }
}

.h2 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 3.75rem;
  line-height: 0.83;
  color: var(--color-smuglyy);
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .h2 {
    font-size: 2.5rem;
    line-height: 1;
    letter-spacing: -0.01em;
  }
}

.h-64 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 4rem;
  line-height: 112%;
  letter-spacing: 0em;
  color: var(--temno-siniy);
}
@media (max-width: 767px) {
  .h-64 {
    font-size: 40px;
    line-height: 100%;
    letter-spacing: -0.01em;
  }
}

.h-40 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--temno-siniy);
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .h-40 {
    font-size: 30px;
    line-height: 0.9;
    margin-bottom: 2rem;
  }
}

.h-30 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 90%;
  letter-spacing: -0.01em;
  color: var(--temno-siniy);
}
.fw-700 {
  font-weight: 700;
}

.fw-900 {
  font-weight: 900;
}

.txt-red {
  color: #DD3535 !important;
}

.txt-grey {
  color: var(--color-tekst-seryy) !important;
}

.txt-center {
  text-align: center;
}

.txt-right {
  text-align: right;
}

.txt-upper {
  text-transform: uppercase;
}

.txt-12 {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 133%;
  letter-spacing: -0.03em;
  color: #000;
}

.header-group {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.header-group h1, .header-group h2, .header-group h3, .header-group .h2 {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .header-group {
    margin-bottom: 1rem;
  }
}

.header-subtitle {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--color-chernyy);
}

.header-group.flex-col {
  row-gap: 1.5rem;
}
@media (max-width: 767px) {
  .header-group.flex-col {
    row-gap: 32px;
  }
}

.header-group.header-group--bb {
  border-bottom: 1px solid var(--goluboy);
  padding-bottom: 2rem;
}
@media (max-width: 767px) {
  .header-group.header-group--bb {
    border-bottom: 0;
  }
}

.contact-link {
  display: flex;
  column-gap: 0.3125rem;
  align-items: center;
}

.promo-info-card {
  border-radius: 0 0 1.875rem 0.9375rem;
  width: 30.75rem;
  background-color: #fff;
  padding: 2.5rem;
  margin-left: 2.5rem;
  position: relative;
}
.promo-info-card .promo-info__txt {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
}
.promo-info-card .promo-info__txt > * + * {
  margin-top: 0.9375rem;
}
.promo-info-card > * {
  color: var(--temno-siniy);
}
.promo-info-card > * + * {
  margin-top: 1.5rem;
}
.promo-info-card .wrapper-align-right {
  display: flex;
  justify-content: flex-end;
}
.promo-info-card .wrapper-align-left {
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .promo-info-card {
    border-radius: 0;
    width: 100%;
    padding: 20px;
    margin-left: 0;
  }
}

.border-tag {
  border: 1px solid var(--goluboy);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem 0.75rem 1.25rem;
  display: inline-flex;
  height: 2.75rem;
  justify-content: center;
  align-items: center;
  background: var(--color-belyy);
  padding-inline: 1.25rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
  gap: 0.75rem;
}

.border-tag.border-tag--accent, .border-tag.active {
  color: var(--color-belyy);
  background: var(--svetlo-siniy);
}

.border-tags {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.has-border-top {
  border-top: 9px solid var(--temno-siniy);
}

.user-text {
  max-width: 64.0625rem;
}
.user-text h1, .user-text h2 {
  margin: 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: var(--temno-siniy);
  margin-bottom: 2rem;
}
.user-text h1 * + h2, .user-text h1 * + h1, .user-text h2 * + h2, .user-text h2 * + h1 {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .user-text h1, .user-text h2 {
    font-size: 30px;
    line-height: 90%;
    letter-spacing: -0.01em;
    margin-bottom: 48px;
  }
  .user-text h1 * + h2, .user-text h1 * + h1, .user-text h2 * + h2, .user-text h2 * + h1 {
    margin-top: 3rem;
  }
}
.user-text p, .user-text ul, .user-text ol {
  margin-block: 1rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 117%;
  letter-spacing: -0.02em;
  color: var(--color-chernyy);
}
@media (max-width: 767px) {
  .user-text p, .user-text ul, .user-text ol {
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -0.03em;
  }
}
.user-text img {
  margin-block: 2rem;
}

.breadcrumbs {
  list-style-type: none;
  display: flex;
  column-gap: 1rem;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.breadcrumbs .breadcrumb-item {
  list-style-type: none;
  position: relative;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  line-height: 200%;
  color: var(--temno-siniy);
  display: inline-flex;
  align-items: center;
  column-gap: 0.75rem;
  padding-block: 0.5rem;
  white-space: nowrap;
}
.breadcrumbs .breadcrumb-item:after {
  content: "";
  width: 0.625rem;
  height: 0.675rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4.57169 5.07225L0.346183 0.991167C0.156863 0.808319 0.154972 0.505536 0.341991 0.320336C0.522199 0.141882 0.811603 0.138943 0.995397 0.313701L6 5.07225L0.994565 9.69603C0.810467 9.86609 0.525168 9.86126 0.346934 9.68507C0.157607 9.49791 0.161963 9.19084 0.356523 9.00912L4.57169 5.07225Z' fill='%23132439' /%3e%3c/svg%3e");
  flex-shrink: 0;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .breadcrumbs .breadcrumb-item {
    padding-block: 6px;
    column-gap: 8px;
  }
  .breadcrumbs .breadcrumb-item:after {
    width: 12px;
    height: 10px;
  }
}
.breadcrumbs .breadcrumb-item:last-child {
  font-weight: 800;
  pointer-events: none;
  cursor: default;
}
.breadcrumbs .breadcrumb-item:last-child:after {
  display: none;
}
@media (max-width: 767px) {
  .breadcrumbs {
    margin-bottom: 16px;
    column-gap: 12px;
  }
}

.icon-menu {
  display: inline-block;
  width: 1.125rem;
  height: 1rem;
  position: relative;
}
.icon-menu span, .icon-menu span:after, .icon-menu span:before {
  height: 0.0625rem;
  position: absolute;
  background-color: var(--color-smuglyy);
  left: 0;
  width: 100%;
  display: inline-block;
}
.icon-menu span {
  top: 50%;
  transform: translateY(-50%);
}
.icon-menu span:after, .icon-menu span:before {
  content: "";
}
.icon-menu span:after {
  top: -0.3125rem;
}
.icon-menu span:before {
  bottom: -0.3125rem;
}

.svg-logo {
  fill: transparent;
}

svg {
  display: inline-block;
}

svg.svg-cart {
  width: 1.625rem;
  height: 1.375rem;
  color: var(--color-smuglyy);
  fill: transparent;
}

.svg-arrLeft, .svg-arrRight {
  width: 1.25rem;
  height: 0.875rem;
  color: #2243A0;
}

.svg-phone {
  color: #6F6F6F;
  width: 1.1875rem;
  height: 1.125rem;
}

.svg-email {
  width: 1.125rem;
  height: 0.6875rem;
  color: var(--color-chernyy);
}

.svg-cross {
  width: 1.625rem;
  height: 1.625rem;
}

.svg-plus {
  width: 0.75rem;
  height: 0.75rem;
  color: #0E1526;
}

.svg-pin {
  width: 3.625rem;
  height: 4.75rem;
  color: #011E64;
}
@media (max-width: 767px) {
  .svg-pin {
    width: 44px;
    height: 33px;
  }
}

.svg-minus {
  width: 0.75rem;
  height: 0.125rem;
  color: #0E1526;
}

.disable-element .svg-minus {
  color: var(--color-seryy);
}

.svg-delete {
  color: #2243A0;
  width: 0.875rem;
  height: 1.0625rem;
}

.icon-search {
  display: inline-block;
  width: 1.375rem;
  height: 1.25rem;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='20' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.1003 14.2578L16.8698 19.4336L18.0807 18.5547L14.3698 13.457C14.7604 13.1315 15.1185 12.7669 15.444 12.3633C15.7696 11.9596 16.043 11.5267 16.2643 11.0645C16.4857 10.6022 16.6615 10.1172 16.7917 9.60938C16.9089 9.08854 16.9675 8.55469 16.9675 8.00781C16.9675 7.03125 16.7852 6.11979 16.4206 5.27344C16.056 4.42708 15.558 3.68815 14.9265 3.05664C14.2949 2.42513 13.5495 1.92057 12.6901 1.54297C11.8438 1.17838 10.9388 0.996094 9.97528 0.996094C9.01174 0.996094 8.10028 1.17838 7.24091 1.54297C6.39455 1.92057 5.65562 2.42513 5.02411 3.05664C4.3926 3.68815 3.89455 4.42708 3.52997 5.27344C3.15236 6.11979 2.96356 7.03125 2.96356 8.00781C2.96356 8.97135 3.15236 9.8763 3.52997 10.7227C3.89455 11.569 4.3926 12.3112 5.02411 12.9492C5.65562 13.5872 6.39455 14.0885 7.24091 14.4531C8.10028 14.8177 9.01174 15 9.97528 15C10.5352 15 11.0788 14.9349 11.6061 14.8047C12.1335 14.6745 12.6315 14.4922 13.1003 14.2578ZM15.4636 8.00781C15.4636 8.76302 15.3203 9.47266 15.0339 10.1367C14.7474 10.8138 14.3568 11.3997 13.862 11.8945C13.3672 12.3893 12.7813 12.7799 12.1042 13.0664C11.4401 13.3529 10.7305 13.4961 9.97528 13.4961C9.20705 13.4961 8.49091 13.3529 7.82684 13.0664C7.16278 12.7799 6.5801 12.3893 6.0788 11.8945C5.57749 11.3997 5.18361 10.8138 4.89716 10.1367C4.6107 9.47266 4.46747 8.76302 4.46747 8.00781C4.46747 7.23958 4.6107 6.52344 4.89716 5.85938C5.18361 5.19531 5.57749 4.61263 6.0788 4.11133C6.5801 3.61003 7.16278 3.21615 7.82684 2.92969C8.49091 2.64323 9.20705 2.5 9.97528 2.5C10.7305 2.5 11.4401 2.64323 12.1042 2.92969C12.7813 3.21615 13.3672 3.61003 13.862 4.11133C14.3568 4.61263 14.7474 5.19531 15.0339 5.85938C15.3203 6.52344 15.4636 7.23958 15.4636 8.00781Z' fill='%23002A85' /%3e%3c/svg%3e");
}

.svg-fish {
  width: 6.25rem;
  height: 6rem;
}

.remove-button {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.375rem;
}
.remove-button .svg-delete {
  width: 1.25rem;
  height: 1.375rem;
  color: #6F6F6F;
}

.svg-category1 {
  width: 2rem;
  height: 2rem;
}

.svg-category2 {
  width: 1.875rem;
  height: 2.125rem;
  fill: transparent;
}

.svg-category3 {
  width: 2rem;
  height: 2.125rem;
  fill: transparent;
}

.svg-category4 {
  width: 2.125rem;
  height: 2.0625rem;
}

.svg-category5 {
  width: 1.75rem;
  height: 1.75rem;
}

.svg-category6 {
  width: 2.0625rem;
  height: 2.25rem;
}

.svg-search {
  width: 1.375rem;
  height: 1.25rem;
  color: #002A85;
}

.svg-carret {
  width: 1.3125rem;
  height: 0.8125rem;
  color: #132439;
  flex-shrink: 0;
}

svg[class^=svg-category] {
  color: #0e1526;
}

i.carret-down {
  width: 1.5rem;
  height: 0.875rem;
  display: inline-block;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='13' viewBox='0 0 24 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_638_55684)'%3e%3cpath d='M17.42 2.95199L18.48 4.01299L12.703 9.79199C12.6104 9.88514 12.5004 9.95907 12.3791 10.0095C12.2579 10.06 12.1278 10.0859 11.9965 10.0859C11.8652 10.0859 11.7352 10.06 11.6139 10.0095C11.4927 9.95907 11.3826 9.88514 11.29 9.79199L5.51001 4.01299L6.57001 2.95299L11.995 8.37699L17.42 2.95199Z' fill='black' /%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_638_55684'%3e%3crect width='12' height='24' fill='white' transform='matrix(0 1 -1 0 24 0.5)' /%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.5rem 0.875rem;
  transition: 0.2s;
}

.svg-recept {
  width: 2rem;
  height: 1rem;
}

.svg-play {
  width: 4.0625rem;
  height: 72;
  color: #132439;
}
@media (max-width: 767px) {
  .svg-play {
    width: 44px;
    height: 48px;
  }
}

.btn-play {
  width: 8.9375rem;
  height: 8.9375rem;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}
.btn-play:hover {
  background-color: var(--color-chernyy);
}
.btn-play:hover svg {
  color: var(--goluboy);
}
@media (max-width: 767px) {
  .btn-play {
    width: 100px;
    height: 100px;
  }
}

.btn, .btn-dark, .btn-outline, .btn-light, .btn-white {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1rem;
  height: 3.25rem;
  border-radius: 1.875rem;
  line-height: 1;
  letter-spacing: 0.06em;
  padding-inline: 1.875rem;
  color: var(--color-belyy);
  background: var(--svetlo-siniy);
}

.btn:hover {
  background: var(--goluboy);
  color: var(--svetlo-siniy);
}

.btn:active {
  background: var(--color-svetlyy-);
  color: var(--svetlo-siniy);
}

.btn-outline {
  background: var(--color-belyy);
  border: 1px solid var(--temno-siniy);
  color: var(--temno-siniy);
}
.btn-outline:hover {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(19, 36, 57, 0.8);
}

.btn-white {
  background-color: #fff;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
  color: var(--temno-siniy);
}

.btn-dark {
  background: var(--temno-siniy);
}
.btn-dark:hover {
  background: rgba(19, 36, 57, 0.8);
  color: rgba(255, 255, 255, 0.8);
}
.btn-dark:active {
  background: #061e3a;
  color: var(--color-belyy);
}

.btn-light {
  background: rgba(77, 101, 131, 0.5);
  border: 0;
  font-weight: 500;
  font-size: 0.875rem;
  text-align: center;
  color: #f8fafc;
}

.btn-44 {
  font-weight: 500;
  font-size: 0.875rem;
  height: 2.75rem;
}

.h-50 {
  height: 3.125rem;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
}

.btn-catalogy {
  height: 3.5rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.9375rem;
  padding-inline: 1.875rem;
  border-radius: 1.875rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1rem;
  background: var(--color-belyy);
  color: var(--color-smuglyy);
  line-height: 1;
}

.cart-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.75rem;
  font-size: 1rem;
  line-height: 1;
  color: var(--color-smuglyy);
  border-radius: 40px;
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  line-height: 1;
  background-color: var(--color-smuglyy);
  transition: 0.3s;
	position: relative;
}
.cart-icon-group{position: relative;}
.cart-count{
	position: absolute;
	z-index:2;
	width:14px;
	height:14px;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: #132439;
	color:#CCD3E9;
	font-size:8px;
	letter-spacing:-0.36px;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
.cart-btn svg.svg-cart {
  color: var(--color-belyy);
}
.cart-btn:hover {
  opacity: 0.8;
}
.product-in-cart {
	display:none;
	position:fixed;
	right: 10px;
	bottom: 150px;
	z-index:10;
	background:#E6EDF6;
	width: 204px;
	padding:15px;
	border-radius:16px;
	font-size:16px;
	text-align:center;
}
.product-in-cart.ct0 { display:none }
.product-in-cart .btn-outline{
	height:41px;
	font-size:16px;
	margin-top:10px;
	padding-inline:10px;
	white-space: nowrap;
	color: #132439;
	background: transparent;
	font-weight:800;
	letter-spacing:-0.36px;
}
@media(min-width:768px){.product-in-cart{display:none!important;}}
@media (max-width: 1023.99px) {
  .cart-btn {
    padding: 0;
  }
  .cart-btn .fw-700 {
    display: none;
  }
}
@media (max-width: 767px) {
  .cart-btn {
    width: 1.875rem;
    height: 1.875rem;
  }
  .cart-btn .svg-cart {
    width: 1.0625rem;
    height: 0.875rem;
  }
}

@media (min-width: 768px) {
  .cart-btn.cart-btn--transform {
    border: 1px solid var(--color-svetlyy-);
    background: var(--color-svetlyy-);
    width: fit-content;
    padding-inline: 1.5625rem;
    height: 3.25rem;
  }
  .cart-btn.cart-btn--transform svg.svg-cart {
    color: var(--color-smuglyy);
  }
}

.buttons-column {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
}
.buttons-column > * {
  width: 100%;
}

.button-blue {
  text-align: center;
  border-radius: 0.9375rem;
  height: 3rem;
  display: inline-flex;
  padding-inline: 3.125rem;
  justify-content: center;
  align-items: center;
  column-gap: 0.625rem;
  background-color: var(--goluboy);
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.06em;
  color: var(--temno-siniy);
  transition: 0.3s;
}
.button-blue:hover {
  opacity: 0.8;
}
@media (max-width: 767px) {
  .button-blue {
    padding-inline: 23px;
    border-radius: 10px;
    height: 34px;
  }
}

.round-arrow {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  border: 1px solid var(--temno-siniy);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  background-color: #fff;
}

.round-arrow.round-arrow--dark {
  background-color: var(--temno-siniy);
}
.round-arrow.round-arrow--dark svg {
  color: white;
}
.round-arrow.round-arrow--dark:hover {
  opacity: 0.5;
}

.round-arrow-link {
  display: flex;
  width: fit-content;
  align-items: center;
  column-gap: 1rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: var(--temno-siniy);
}

.round-arrow-link.border-link {
  border: 1px solid var(--goluboy);
  border-radius: 0.9375rem;
  padding: 0.5rem;
}
.round-arrow-link.border-link .round-arrow {
  width: 2rem;
  height: 2rem;
}
.round-arrow-link.border-link svg {
  width: 0.875rem;
  height: 0.5625rem;
}

.btn-outline.fw-900 {
  font-weight: 900;
  font-size: 1.25rem;
}

.round-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid var(--goluboy);
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  transition: 0.3s;
}
.round-btn svg {
  color: white;
}
.round-btn:hover {
  opacity: 0.8;
}

.form-item {
  position: relative;
}
.form-item input.form-input, .form-item textarea.form-textarea {
  width: 100%;
  display: block;
  border: 1px solid var(--goluboy);
  border-radius: 1.5rem;
  padding-inline: 1rem;
  height: 3.25rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: rgba(14, 21, 38, 0.8);
}
.form-item textarea.form-textarea {
  height: 10rem;
  padding: 1rem;
  resize: none;
}

.form-item.w-50 {
  flex: 1;
  max-width: 50%;
}
@media (max-width: 767px) {
  .form-item.w-50 {
    max-width: 100%;
    flex: unset;
  }
}

.range-slider-wrapper {
  column-gap: 0.75rem;
  padding-block: 1rem;
}
.range-slider-wrapper .range-slider-input {
  border: 1px solid #e2e8f0;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  width: 7.125rem;
  height: 2.5rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #62748e;
  text-align: center;
}
.range-slider-wrapper .range-slider-input::placeholder {
  font-family: inherit;
  font-size: inherit;
}

.noUi-base {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0.4375rem;
  height: 0.1875rem;
}
.noUi-base .noUi-connect {
  background: var(--svetlo-siniy);
}

.noUi-horizontal .noUi-handle {
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  background-color: #fff;
  border: 0.1875rem solid var(--svetlo-siniy);
  right: -0.75rem;
  top: -0.375rem;
}
.noUi-horizontal .noUi-handle:before, .noUi-horizontal .noUi-handle:after {
  display: none;
}

.noUi-connects {
  background-color: var(--goluboy);
}

.noUi-target {
  height: 5.25rem;
  box-shadow: none;
  border: 0;
  background-color: transparent;
}

.form-button.flex-center-y {
  gap: 2rem;
}
@media (max-width: 767px) {
  .form-button.flex-center-y {
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
  }
}

.form-button .btn-dark {
  width: 100%;
  max-width: 20.25rem;
}

.agree-block {
  max-width: 25rem;
  font-size: 1rem;
  width: 100%;
  line-height: 1.25;
  letter-spacing: -0.03em;
  color: var(--color-chernyy);

}
.agree-block-label{
	display: flex;
	column-gap:10px;
	align-items: center;
	  text-align: left;
}
@media (max-width: 767px) {
  .agree-block {
    font-size: 0.75rem;
    line-height: 1;
    letter-spacing: 0.03em;
    text-align: center;
    color: var(--color-chernyy);
  }
}

.agree-block-label input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  background-color: #fff;
  border: 1px solid grey;
  margin-left: 0.75rem;
}

.checkbox-label {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 0.125rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.43;
  text-align: center;
  color: #020618;
  margin-bottom: 0.75rem;
}

.checkbox-input {
  width: 1rem;
  height: 1rem;
  border-radius: 0.25rem;
  flex-shrink: 0;
  border: 1px solid var(--color-smuglyy-yarkiy);
  background-color: #fff;
}

.dropdown {
  position: relative;
  width: 100%;
}

.dropdown__button {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid var(--goluboy);
  border-radius: 0.5rem;
  padding: 0.75rem 1rem 0.75rem 1.25rem;
  text-align: left;
  height: 2.75rem;
  cursor: pointer;
  z-index: 3;
  font-weight: 500;
  font-size: 1rem;
  line-height: 0.81;
  color: var(--temno-siniy);
}

.dropdown__button::after {
  content: "";
  position: absolute;
  top: 52%;
  right: 0.75rem;
  transform: translateY(-50%);
  width: 0.75rem;
  height: 0.5rem;
  display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.186392 1.34063L6.5502 7.70426C6.66949 7.82359 6.83138 7.89062 7.00015 7.89062C7.16895 7.89062 7.3308 7.82355 7.45014 7.70421L13.8136 1.34059C14.0621 1.09207 14.0621 0.689167 13.8136 0.440646C13.5651 0.192167 13.1622 0.192125 12.9137 0.440646L7.00015 6.35428L1.08634 0.440646C0.962076 0.316385 0.79921 0.254276 0.636343 0.254276C0.473476 0.254276 0.31061 0.316385 0.186349 0.440688C-0.06213 0.689209 -0.062129 1.09211 0.186392 1.34063Z' fill='%23B9B1A6' /%3e%3c/svg%3e");
  transition: 0.3s;
  background-size: 0.75rem 0.5rem;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.dropdown__button.dropdown__button--active:after {
  transform: translateY(-50%) rotate(180deg);
}

.dropdown__list {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
  border: 1px solid var(--goluboy);
  background: #fff;
  border-radius: 0.5rem;
  max-height: 150px;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #EAEAEA white;
  z-index: 3;
  font-weight: 400;
  font-size: 0.875rem;
  color: #2f2f2f;
}
.dropdown__list::-webkit-scrollbar {
  width: 3px;
  height: 20px;
}
.dropdown__list::-webkit-scrollbar-track {
  background-color: #fff;
}
.dropdown__list::-webkit-scrollbar-thumb {
  background-color: #EAEAEA;
}
.dropdown__list ul {
  margin-block: 0.625rem;
  list-style-type: none;
  padding-left: 0;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #e9e9e9 #fff;
  scrollbar-width: 3px;
  border-radius: 5px;
}
.dropdown__list ul::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 5px;
}

.dropdown__list--visible {
  display: block;
}

.dropdown__list-item {
  padding: 0.5rem 1rem;
  width: 100%;
  height: 2rem;
  transition: 0.3s;
  color: var(--temno-siniy);
  cursor: pointer;
}
.dropdown__list-item:hover {
  background: var(--goluboy);
}

.dropdown__input-hidden {
  display: none;
}

.form-select .dropdown .dropdown__button {
  height: 3.25rem;
  border-radius: 2.5rem;
  letter-spacing: -0.02em;
  color: rgba(14, 21, 38, 0.8);
  font-size: 1rem;
}
.form-select .dropdown .dropdown__button::after {
  width: 1rem;
  height: 0.625rem;
  background-size: 1rem 0.625rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.8844 7.61949L14.9474 0.00185977L16 1.10913L7.8844 10L0 1.10918L1.05263 0L7.8844 7.61949Z' fill='%23132439' /%3e%3c/svg%3e");
}

/*search-form*/
.search-form {
  flex: 1;
}
.search-form .svg-search {
  position: absolute;
  left: 1.5rem;
  top: 1.0625rem;
  z-index: 2;
}
.search-form input.form-input {
  background: var(--goluboy);
  height: 3.5rem;
  padding-left: 3rem;
  color: var(--color-yarko-siniy-s-logo);
}
.search-form input.form-input::placeholder {
  font-family: inherit;
  font-size: inherit;
  color: var(--color-yarko-siniy-s-logo);
}
@media (max-width: 767px) {
  .search-form input.form-input {
    height: 52px;
    background: var(--color-belyy);
  }
}

.search-form--blue input.form-input {
  background: var(--color-svetlyy-);
}
@media (max-width: 767px) {
  .search-form--blue input.form-input {
    background: var(--color-svetlyy-);
  }
}

.subscribe-form-block {
  border-radius: 0.9375rem;
  background: var(--temno-siniy);
  display: flex;
  align-items: center;
  column-gap: 2.5rem;
}
.subscribe-form-block .subscribe-form__title {
  padding-block: 3.25rem;
  padding-left: 2.5rem;
  padding-right: 1.25rem;
  width: 33.125rem;
}
.subscribe-form-block .subscribe-form__title .h-40 {
  color: white;
  letter-spacing: -0.01em;
  margin-bottom: 0;
}
.subscribe-form-block .subscribe-form {
  flex: 1;
}
.subscribe-form-block .subscribe-form .form-input {
  border: 1px solid white;
  background-color: transparent;
  color: white;
}
.subscribe-form-block .subscribe-form .form-input::placeholder {
  color: white;
}
.subscribe-form-block .subscribe-form .form-item {
  margin-bottom: 0.9375rem;
}
.subscribe-form-block .subscribe-form__img {
  width: 29.375rem;
  aspect-ratio: 470/224;
}
.subscribe-form-block .agree-block {
  width: 100%;
  max-width: unset;
  display: flex;
  justify-content: center;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin-top: 0.4375rem;
}
.subscribe-form-block .agree-block a {
  color: white;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.subscribe-form-block .agree-block-label input, .subscribe-form-block .agree-block-label p {
  display: inline;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .subscribe-form-block {
    flex-direction: column;
    align-items: flex-start;
  }
  .subscribe-form-block .subscribe-form__title {
    padding: 20px;
    padding-bottom: 60px;
    max-width: 370px;
    width: 100%;
  }
  .subscribe-form-block .subscribe-form {
    padding-left: 20px;
    padding-right: 20px;
  }
  .subscribe-form-block .subscribe-form__img {
    width: auto;
  }
}

.footer-subscribe-form .button-blue {
  position: absolute;
  top: 0.625rem;
  bottom: 0.625rem;
  right: 0.625rem;
  border-radius: 1.875rem;
  height: 2.875rem;
}
@media (max-width: 767px) {
  .footer-subscribe-form .button-blue {
    height: 32px;
  }
}

.footer-subscribe-form .form-item {
  position: relative;
}

.footer-subscribe-form input.form-input {
  height: 4.125rem;
  background-color: var(--color-belyy);
  border-radius: 1.875rem;
  padding-left: 1.875rem;
}
@media (max-width: 767px) {
  .footer-subscribe-form input.form-input {
    height: 52px;
  }
}

.social {
  font-size: 0.625rem;
}

.social, .social-link {
  display: flex;
  column-gap: 1.7em;
  align-items: center;
}

.social-link {
  justify-content: center;
  flex-shrink: 0;
  height: 2.125rem;
}
.social-link img {
  height: 100%;
  width: auto;
}

.social-block__title {
  font-size: 2.7em;
  margin-bottom: 0.6em;
  line-height: 1;
  letter-spacing: 0.03em;
  color: var(--color-chernyy);
}

.social.social--bg .social-link {
  width: 3em;
  height: 3em;
  border-radius: 50%;
  background-color: #fff;
  padding-block: 0.5rem;
}

.swiper .swiper-button-next, .swiper .swiper-button-prev {
  border: 1px solid var(--color-yarko-siniy-s-logo);
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 50%;
  flex-shrink: 0;
  background: var(--color-belyy);
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper .swiper-button-next:after, .swiper .swiper-button-next:before, .swiper .swiper-button-prev:after, .swiper .swiper-button-prev:before {
  display: none;
}
@media (max-width: 767px) {
  .swiper .swiper-button-next, .swiper .swiper-button-prev {
    width: 2.5rem;
    height: 2.5rem;
  }
}

.swiper .swiper__nav {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  bottom: auto;
  margin-top: 2rem;
  column-gap: 0.625rem;
}
.swiper .swiper__nav .swiper-button-next, .swiper .swiper__nav .swiper-button-prev {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  margin-top: 0;
}

.swiper .swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5rem;
}
.swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 0;
  height: 0.625rem;
  border-radius: 5px;
  flex: 1;
  max-width: 5rem;
  background-color: #6f6f6f;
  opacity: 1;
}
@media (max-width: 767px) {
  .swiper .swiper-pagination .swiper-pagination-bullet {
    max-width: 4.375rem;
    height: 0.4375rem;
  }
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--goluboy);
}

@media (max-width: 767px) {
  .fotorama-swiper-pagination.swiper-pagination .swiper-pagination-bullet {
    max-width: 10px;
    width: 10px;
    height: 10px;
    background-color: var(--color-svetlyy-);
  }
  .fotorama-swiper-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--temno-siniy);
  }
}

.basket-status-empty {
  row-gap: 1.5625rem;
}
.basket-status-empty .basket-status__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 6rem;
}
.basket-status-empty .basket-status__icon img, .basket-status-empty .basket-status__icon svg {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.benefits-info.flex-col {
  row-gap: 1.5625rem;
}

.basket-status-empty {
  background-color: #fff;
}
.basket-status-empty .basket-status__txt {
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #bfbfbf;
}
.basket-status-empty .basket-status__footer {
  font-weight: 900;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  color: #011e64;
}

.short-basket .short-basket__header {
  padding-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(28, 28, 28, 0.1);
}
.short-basket .short-basket__header .fs-24 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: var(--color-chernyy);
  margin-right: auto;
}

.short-basket__content {
  border-bottom: 1px solid rgba(28, 28, 28, 0.1);
}

.cart-clean {
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 1rem;
  line-height: 150%;
  color: var(--svetlo-siniy);
  margin-left: auto;
}

.basket__total {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
}
.basket__total-row {
  column-gap: 0.625rem;
  justify-content: space-between;
  padding-block: 1.25rem;
  border-bottom: 1px solid rgba(28, 28, 28, 0.1);
}
.basket__total .basket__total-txt {
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: #1c1c1c;
}
.basket__total .basket__total-summ {
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.02em;
  text-align: right;
  color: #1c1c1c;
}
.basket__total .basket__total--ps {
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #1c1c1c;
  text-align: center;
  padding-top: 1.25rem;
}

.short-basket .buttons-column {
  margin-top: 2rem;
}

.product-card__price {
  font-family: var(--font-family);
  font-weight: 400;
}
.product-card__price .fs-15 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.9375rem;
}
@media (max-width: 767px) {
  .product-card__price .fs-15 {
    line-height: 1.38;
    letter-spacing: 0.03em;
    font-size: 0.625rem;
  }
}
.product-card__price .price-old {
  line-height: 1.53;
  letter-spacing: 0.05em;
  color: var(--color-tekst-seryy);
  position: relative;
  width: fit-content;
  white-space: nowrap;
}
.product-card__price .price-old:before {
  content: "";
  height: 1px;
  background-color: #DE2B2B;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-48%) rotate(-7deg);
  z-index: 2;
}
.product-card__price .price-val {
  font-weight: 900;
  font-size: 1.4375rem;
  line-height: 1;
  letter-spacing: 0.03em;
  color: var(--temno-siniy);
  white-space: nowrap;
}
.product-card__price .price-val .fs-15 {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .product-card__price .price-val {
    font-size: 1rem;
    line-height: 88%;
    letter-spacing: 0.03em;
  }
}

.product-card, .product-card__body {
  display: flex;
  flex-direction: column;
}

.product-card {
  border: 1px solid var(--color-svetlyy-);
  border-radius: 0.9em 0.9em 3em 0.9em;
  padding: 1em;
  background: var(--color-belyy);
  font-size: 0.625rem;
  row-gap: 1.6em;
  max-width: 27em;
}
.product-card__img {
  border-radius: 0.625rem;
  overflow: hidden;
  height: 16.8em;
  width: 100%;
  flex-shrink: 0;
  font-size: 1em;
}
@media (max-width: 767px) {
  .product-card__img {
    height: 10.5em;
  }
}
.product-card__body {
  flex-grow: 1;
  font-size: 1em;
  row-gap: 1.2em;
}
.product-card__title {
  font-weight: 700;
  font-size: 1.8em;
  line-height: 1.22;
  letter-spacing: 0.03em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  flex: 1;
}
@media (max-width: 767px) {
  .product-card__title {
    font-size: 0.75rem;
    line-height: 1.13;
    letter-spacing: 0.03em;
  }
}
.product-card__footer {
  display: flex;
  font-size: 1em;
  column-gap: 1.5em;
  align-items: flex-end;
}
.product-card .fs-10 {
  font-weight: 700;
  font-size: 1em;
  line-height: 1.1;
  letter-spacing: 0.03em;
  color: var(--temno-siniy);
}
.product-card .cart-btn {
  margin-left: auto;
  background-color: var(--svetlo-siniy);
}
@media (max-width: 767px) {
  .product-card {
    padding: 0.7em;
    border-radius: 0.9em 0.9em 1.8em 0.9em;
  }
}

.product-card.product-card--hide.d-none {
  display: none !important;
}

.cart-btn.cart-btn--animate {
  position: relative;
  transition: 0.3s;
}
.cart-btn.cart-btn--animate svg {
  transition: 0.1s;
}

.plus-anim {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  stroke: white;
  stroke-width: 2;
  stroke-linecap: round;
  pointer-events: none;
  width: 22px;
  height: 22px;
}

.plus-anim line {
  stroke-dasharray: 11;
  stroke-dashoffset: 11;
  transition: stroke-dashoffset 0.6s ease-out;
}

.cart-btn.cart-btn--animate:hover svg.svg-cart {
  opacity: 0;
}

.cart-btn.cart-btn--animate:hover .plus-anim line {
  stroke-dashoffset: 0;
}

.our-stores .swiper-slide {
  width: 20.625rem !important;
}
@media (max-width: 767px) {
  .our-stores .swiper-slide {
    width: 19.25rem !important;
  }
}
@media (max-width: 767px) {
  .our-stores {
    width: calc(50% + 50vw);
  }
}

.store-item {
  font-size: 0.625rem;
  border-radius: 1.5em;
  overflow: hidden;
}
.store-item img {
  width: 100%;
  aspect-ratio: 330/195;
}

.contacts-page .h2 {
  margin-bottom: 2.5rem;
}
.contacts-page .contacts-page-content {
  row-gap: 2.5rem;
}
.contacts-page .store-address-block.flex-col {
  row-gap: 1rem;
}
.contacts-page .contacts-content__links {
  border-radius: 1.8em;
  padding: 0.75rem;
  background: var(--goluboy);
}
.contacts-page .contacts-content__links .social-block {
  margin-top: 20px;
}
.contacts-page .address-card .work-mode {
  margin-top: 0.625rem;
}
.contacts-page .address-card .work-mode .fs-21 {
  margin-bottom: 0.625rem;
}
.contacts-page .address-card {
  background-color: #fff;
}
.contacts-page .address-card:hover, .contacts-page .address-card.active {
  background-color: var(--goluboy);
}
.contacts-page .social-block__title {
  margin-bottom: 4px;
}

.header {
  padding-block: 0.9375rem;
  background: var(--temno-siniy);
}
.header .logo {
  flex-shrink: 0;
  display: block;
}
.header .logo img {
  height: 8rem;
  width: auto;
  object-fit: contain;
}
.header .logo svg {
  width: 10.875rem;
  height: 7.8125rem;
}
@media (max-width: 767px) {
  .header {
    display: none !important;
  }
}

.header-content-wrapper {
  flex: 1;
}

.header .header-content {
  display: flex;
  column-gap: 3.125rem;
}

.header-top-row, .header-bottom-row {
  display: flex;
  column-gap: 4.6875rem;
}

.header-bottom-row {
  column-gap: 1.375rem;
  margin-top: 2.5rem;
  align-items: center;
}
.header-bottom-row .btn-catalogy, .header-bottom-row .promotion-link, .header-bottom-row .cart-btn {
  flex-shrink: 0;
}
.header-bottom-row .promotion-link {
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
  color: #fff;
  transition: 0.3s;
}
.header-bottom-row .promotion-link span {
  font-size: 1.25rem;
}
.header-bottom-row .promotion-link:hover {
  color: var(--goluboy);
}

.header-menu {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  flex: 1;
  column-gap: 1.875rem;
}
.header-menu .header-menu__link {
  display: block;
  font-family: var(--font-family);
  font-weight: 800;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: -0.02em;
  padding: 0.3125rem;
  color: var(--color-belyy);
  transition: 0.3s;
}
.header-menu .header-menu__link:hover {
  color: var(--goluboy);
}

.header-mobile {
  display: none;
  background: var(--temno-siniy);
  padding-block: 11px;
}
.header-mobile .logo {
  margin-right: auto;
}
.header-mobile .logo svg {
  height: 68px;
  width: 50px;
}
.header-mobile .cart-btn {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 2px solid var(--goluboy);
  flex-shrink: 0;
}
.header-mobile .cart-btn svg {
  width: 26px;
  height: 21px;
  color: var(--goluboy);
}
@media (max-width: 767px) {
  .header-mobile {
    display: flex;
    height: 65px;
    position: sticky;
    top: 0;
    z-index: 7;
  }
  .header-mobile .container {
    display: flex;
    column-gap: 0.625rem;
    max-width: 100%;
  }
}

.header-mobile .header-mobile-menu {
  position: fixed;
  top: 65px;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 10;
  background: var(--goluboy);
  padding: 24px 32px 40px;
  transform: translateX(100%);
  transition: 0.3s;
}
.header-mobile .header-mobile-menu.active {
  transform: translateX(0);
}
.header-mobile .header-mobile-menu .contacts-content__links {
  padding-top: 40px;
}
.header-mobile .header-mobile-menu .contacts-content__links a + a {
  margin-top: 10px;
}
.header-mobile .header-mobile-menu .contacts-content__links svg {
  color: var(--color-chernyy);
}
.header-mobile .header-mobile-menu .contacts-content__links .svg-email {
  position: relative;
  top: 2px;
}

.header-mobile .header-menu {
  flex-direction: column;
  justify-content: flex-start;
  height: calc(100dvh - 280px);
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}
.header-mobile .header-menu__link {
  padding: 24px 0;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
  border-bottom: 1px solid var(--color-belyy);
}
.header-mobile .header-menu__link:hover {
  color: var(--temno-siniy);
  opacity: 0.7;
}
.header-mobile .header-menu::-webkit-scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .fix-header {
    position: sticky;
    top: -200px;
    left: 0;
    right: 0;
    z-index: 100;
    animation-name: styckySlow;
    animation-duration: 0.5s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
  }
  @keyframes styckySlow {
    from {
      top: -200px;
    }
    to {
      top: 0;
    }
  }
}
/*BURGER*/
.menu-toggle {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex-shrink: 0;
  border: 2px solid var(--goluboy);
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  cursor: pointer;
  display: flex;
}

.menu-toggle span {
  position: relative;
  width: 18px;
  height: 2px;
  background-color: var(--goluboy);
}

.menu-toggle span::before, .menu-toggle span::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  transition: top 0.2s linear 0.2s, -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s;
  transition: transform 0.2s ease-in, top 0.2s linear 0.2s, -webkit-transform 0.2s ease-in;
  background-color: var(--goluboy);
}

.menu-toggle span::before {
  top: -5px;
}

.menu-toggle span::after {
  top: 5px;
}

/* Active state */
.menu-toggle.active span {
  background-color: transparent;
}

.menu-toggle.active span::before, .menu-toggle.active span::after {
  top: 0;
  transition: top 0.2s linear, -webkit-transform 0.2s ease-in 0.2s;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s;
  transition: top 0.2s linear, transform 0.2s ease-in 0.2s, -webkit-transform 0.2s ease-in 0.2s;
  background-color: var(--goluboy);
}

.menu-toggle.active span::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-toggle.active span::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

main.main-page {
  padding-top: 2.875rem;
  padding-bottom: 5rem;
}
main.main-page .grid-two-columns {
  align-items: flex-start;
}
@media (max-width: 767px) {
  main.main-page {
    padding-top: 26px;
    padding-bottom: 60px;
  }
  main.main-page .grid-two-columns .grid-aside {
    display: none;
  }
}

.promo-swiper {
  width: 71rem;
}
.promo-swiper .promo-slide {
  width: 100%;
  aspect-ratio: 1136/672;
  background-size: cover;
  position: relative;
  border-radius: 0.9375rem;
}
.promo-swiper .promo-slide__title {
  width: 50%;
  position: absolute;
  bottom: 2.5rem;
  left: 3.125rem;
  z-index: 5;
}
.promo-swiper .promo-swiper-pagination {
  justify-content: flex-end;
  padding-right: 3.125rem;
  bottom: 2.5rem;
}
@media (max-width: 767px) {
  .promo-swiper {
    width: 21.5rem;
	width: calc(100vw - 40px);
	  max-width:540px;
  }
}
@media (max-width: 389px) {
  .promo-swiper {
    width: 20.875rem;
  }
}

@media (max-width: 767px) {
  .promo .promo-slide__title {
    bottom: 4.5rem;
    left: 1rem;
  }
  .promo .promo-slide {
	aspect-ratio: unset ;
	  height:520px;
  }
  .promo .promo-swiper-pagination {
    padding-left: 1rem;
    padding-right: 1rem;
    justify-content: center;
    bottom: 1.5rem;
  }
}

.benefit-item {
  border-radius: 0.9375rem;
  padding-top: 3.75rem;
  padding-bottom: 3.25rem;
  padding-inline: 0.4375rem;
  background-color: #fff;
}
.benefit-item__icon {
  height: 3.875rem;
  aspect-ratio: 1;
  text-align: center;
  margin-inline: auto;
  margin-bottom: 1.25rem;
}
.benefit-item__icon img {
  display: inline-block;
}
@media (max-width: 767px) {
  .benefit-item__icon {
    height: 3.4375rem;
    margin-bottom: 0.625rem;
  }
}
@media (max-width: 767px) {
  .benefit-item {
    padding-top: 2.5rem;
    padding-bottom: 1.25rem;
  }
}

.benefit-item__txt {
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--color-chernyy);
}
@media (max-width: 767px) {
  .benefit-item__txt {
    font-size: 0.9375rem;
  }
}

.benefit-info {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.29;
  letter-spacing: -0.03em;
  padding-left: 3.375rem;
  position: relative;
}
.benefit-info:before {
  content: "";
  width: 2rem;
  height: 2.125rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='32' height='34' viewBox='0 0 32 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27.7647 17.5402L23.5294 23.6111H25.9529C24.8894 27.3776 21.7694 30.2694 17.8824 30.9872V16.0556H20.7059C21.7449 16.0556 22.5882 15.2094 22.5882 14.1667C22.5882 13.124 21.7449 12.2778 20.7059 12.2778H17.8824V11.0038H14.1176V12.2778H11.2941C10.2551 12.2778 9.41177 13.124 9.41177 14.1667C9.41177 15.2094 10.2551 16.0556 11.2941 16.0556H14.1176V30.9872C10.2306 30.2694 7.11059 27.3785 6.04706 23.6111H8.47059L4.23529 17.5402L0 23.6111H3.13412C4.42824 29.5507 9.69318 34 16 34C22.3068 34 27.5718 29.5507 28.8659 23.6111H32L27.7647 17.5402Z' fill='%23243F86'/%3e%3cpath d='M16.0001 0C12.881 0 10.353 2.53677 10.353 5.66665C10.353 8.79654 12.881 11.3333 16.0001 11.3333C19.1191 11.3333 21.6471 8.79654 21.6471 5.66665C21.6471 2.53677 19.1191 0 16.0001 0ZM16.0001 8.49998C14.4406 8.49998 13.1766 7.2316 13.1766 5.66665C13.1766 4.10171 14.4406 2.83333 16.0001 2.83333C17.5596 2.83333 18.8236 4.10171 18.8236 5.66665C18.8236 7.2316 17.5596 8.49998 16.0001 8.49998Z' fill='%23243F86'/%3e%3c/svg%3e");
  background-size: contain;
}
.benefit-info .h-20 {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: -0.02em;
  color: inherit;
  margin-bottom: 0.75rem;
}

.promo-benefits-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 1.25rem;
}
.promo-benefits-content .benefit-item {
  flex: 1;
  max-width: 13.1875rem;
}
@media (max-width: 767px) {
  .promo-benefits-content .benefit-item {
    width: calc(50% - 10px);
    max-width: unset;
    flex: unset;
  }
}

.step-card {
  border-radius: 0.9375rem;
  background: var(--goluboy);
  padding: 2.25rem 0.875rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
  width: 13.25rem;
}
.step-card__icon {
  height: 5.125rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}
.step-card__icon img {
  height: 100%;
  width: auto;
}
.step-card__txt {
  flex-grow: 1;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: -0.02em;
  text-align: center;
  color: var(--color-smuglyy);
}
.step-card .h-23 {
  font-weight: 900;
  font-size: 1.4375rem;
  letter-spacing: 0.03em;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .step-card {
    padding: 1.75rem 0.6875rem;
    font-size: 0.9375rem;
    width: calc((100% - 7px) / 2);
  }
  .step-card__icon {
    height: 4.0625rem;
  }
  .step-card .h-23 {
    font-size: 1.125rem;
  }
}

.alroritm-steps-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 1.125rem;
}
@media (max-width: 767px) {
  .alroritm-steps-content {
    column-gap: 0.4375rem;
    row-gap: 0.4375rem;
  }
  .alroritm-steps-content .step-card:last-child {
    width: 100%;
  }
}

.address-card {
  font-size: 0.625rem;
  font-family: var(--font-family);
  font-weight: 400;
  border-radius: 1.8em;
  padding: 1.2em;
  padding-bottom: 2em;
  background: var(--goluboy);
}
.address-card address {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.22;
  letter-spacing: 0.03em;
  margin-bottom: 3px;
}
.address-card address span {
  font-weight: 400;
  font-size: 1.125rem;
  margin-top: 3px;
  display: block;
}
.address-card .work-mode {
  font-size: 1em;
  margin-top: 1.4em;
}
.address-card .work-mode .fs-21 {
  font-weight: 700;
  font-size: 2.1em;
  line-height: 1.22;
  letter-spacing: 0.03em;
  color: var(--color-smuglyy-yarkiy);
  margin-bottom: 0.5em;
}
.address-card .work-mode .fs-19 {
  font-weight: 400;
  font-size: 1.9em;
  line-height: 1.25;
  letter-spacing: -0.02em;
  column-gap: 0.5em;
}

.geo-app {
  column-gap: 1.25rem;
}

.contacts-content.flex-col, .store-address-block.flex-col {
  font-size: 0.625rem;
  row-gap: 4em;
}
@media (max-width: 767px) {
  .contacts-content.flex-col, .store-address-block.flex-col {
    row-gap: 36px;
  }
}

.contact-link {
  font-weight: 400;
  font-size: 1.0625rem;
  color: var(--color-chernyy);
  margin-bottom: 5px;
}

.stores-contacts-grid {
  display: flex;
  font-size: 0.625rem;
  column-gap: 3em;
  justify-content: space-between;
}
.stores-contacts-grid .social-block {
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .stores-contacts-grid {
    flex-direction: column;
    row-gap: 3.75rem;
  }
  .stores-contacts-grid .social-block {
    margin-top: 2.25rem;
  }
}

.contacts-content {
  width: 100%;
  max-width: 36.5em;
  flex-shrink: 0;
}

.contacts-map-content {
  flex-grow: 1;
  max-width: 102.7em;
}
.contacts-map-content > * + * {
  margin-top: 3em;
}

.main-page .stores-contacts .contacts-map-content {
  max-width: 38.8125rem;
  display: flex;
}
.main-page .stores-contacts .contacts-map-content img.map-image {
  object-fit: cover;
  object-position: left;
  height: 100%;
}

.show-store-card {
  width: 3.75rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
}
@media (max-width: 767px) {
  .show-store-card {
    width: 50px;
    height: 50px;
  }
}

.stores-contacts .map-wrapper {
  width: 38.875rem;
}
@media (max-width: 767px) {
  .stores-contacts .map-wrapper {
    width: 100%;
  }
}

.stores-large-map .map-wrapper {
  width: 64.0625rem;
}
@media (max-width: 767px) {
  .stores-large-map .map-wrapper {
    width: 100%;
  }
}

.stores-large-map .map-wrapper [data-store="1"] {
  top: 5%;
  left: 68%;
}
@media (max-width: 767px) {
  .stores-large-map .map-wrapper [data-store="1"] {
    left: 76%;
    top: 14%;
  }
}
.stores-large-map .map-wrapper [data-store="2"] {
  top: 13%;
  left: 58%;
}
@media (max-width: 767px) {
  .stores-large-map .map-wrapper [data-store="2"] {
    left: 64%;
    top: 27%;
  }
}
.stores-large-map .map-wrapper [data-store="3"] {
  top: 67%;
  left: 20%;
}
@media (max-width: 767px) {
  .stores-large-map .map-wrapper [data-store="3"] {
    left: 16%;
    top: 74%;
  }
}
.map-wrapper {
  position: relative;
  height: 38.1875rem;
  overflow: hidden;
}
.map-wrapper [data-store="1"] {
  top: 14%;
  left: 85%;
}
@media (max-width: 767px) {
  .map-wrapper [data-store="1"] {
    left: 80%;
  }
}
.map-wrapper [data-store="2"] {
  top: 23%;
  left: 69%;
}
@media (max-width: 767px) {
  .map-wrapper [data-store="2"] {
    left: 64%;
  }
}
.map-wrapper [data-store="3"] {
  top: 78%;
  left: 7%;
}
@media (max-width: 767px) {
  .map-wrapper [data-store="3"] {
    left: 2%;
  }
}
@media (max-width: 767px) {
  .map-wrapper {
    height: auto;
    width: 100%;
    aspect-ratio: 344/320;
  }
  .map-wrapper img.img-cover {
	/*    object-position: -3.125rem; */
  }
}

.show-store-card.active .svg-pin {
  opacity: 0.5;
}

.store-address-block[data-adrs] {
  display: none;
}
.store-address-block[data-adrs].active {
  display: flex;
}

.aboutus-content {
  column-gap: 3rem;
}
.aboutus-content__img {
  max-width: 38.8125rem;
  flex-shrink: 0;
}
.aboutus-content__img img {
  border-radius: 1.875rem;
}
@media (max-width: 767px) {
  .aboutus-content__img img {
    aspect-ratio: 344/274;
  }
}
@media (max-width: 767px) {
  .aboutus-content__img img {
    border-radius: 15px;
  }
  .aboutus-content__img .btn-outline {
    width: 100%;
    margin-top: 32px;
  }
}
.aboutus-content__txt {
  flex: 1;
}
.aboutus-content__txt .btn-outline {
  width: fit-content;
  margin-top: auto;
}
.aboutus-content .aboutus-deskrip {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  letter-spacing: -0.02em;
  color: #0e1526;
}
.aboutus-content .aboutus-deskrip p + p {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .aboutus-content .aboutus-deskrip {
    line-height: 1.25;
  }
  .aboutus-content .aboutus-deskrip p + p {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .aboutus-content {
    flex-direction: column;
    row-gap: 20px;
  }
}

.blog-swiper {
  height: 41.25rem;
  padding-bottom: 5.9375rem;
}
.blog-swiper .swiper-slide {
  width: fit-content !important;
}
@media (max-width: 767px) {
  .blog-swiper {
    padding-bottom: 4.6875rem;
    height: 330px;
  }

}
@media (max-width: 767px) {
  
	.blog-swiper .swiper-slide {
 		 width: calc((100% - 10px)/2) !important;
	}
	.blog-swiper .swiper-slide img{object-fit: cover; }
}

.blog-card {
  overflow: hidden;
  position: relative;
}
.blog-card__img {
  position: relative;
	
}
.blog-card__img img{border-radius:8px;}
.blog-card__img:after {
  content: "";
  position: absolute;
  inset: 0;
	border-radius:8px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 10%, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
.blog-card img {
  border-radius: 0.5rem;
  height: 35.125rem;
  width: auto;
}
@media (max-width: 767px) {
  .blog-card img {
    height: 330px;
  }
}
.blog-card__text {
  position: absolute;
  inset: 0;
  z-index: 3;
  color: #f7f7f5;
  font-weight: 700;
  padding: 1.875rem;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
}
.blog-card__text .blog-title {
  font-size: 1.25rem;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .blog-card__text .blog-title {
    font-size: 11px;
  }
}
.blog-card__text .blog-tag {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 152%;
  letter-spacing: -0.03em;
  margin-bottom: 0.125rem;
}
@media (max-width: 767px) {
  .blog-card__text .blog-tag {
    font-size: 6px;
    line-height: 1.52;
  }
}
.blog-card__text .blog-data {
  font-weight: 900;
  font-size: 0.875rem;
  line-height: 114%;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #fff;
  margin-top: auto;
}
@media (max-width: 767px) {
  .blog-card__text .blog-data {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .blog-card__text {
    padding: 18px 17px;
  }
}

@media (max-width: 767px) {
  .blog-swiper {
    padding-bottom: 0;
	  width: calc(50% + 50vw);
	   width: calc(100vw - 40px);
	}
}

@media (max-width: 767px) {
  .blog-swiper .swiper__nav {
    display: none;
  }
}

.counter-wrapper {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
.counter-wrapper .counter-sub {
  text-align: center;
  font-size: 0.75rem;
  line-height: 100%;
  letter-spacing: 0.03em;
  text-align: center;
  color: var(--temno-siniy);
  margin-top: 0.375rem;
}
@media (max-width: 767px) {
  .counter-wrapper .counter-sub {
    font-size: 10px;
  }
}

.counter {
  font-size: 0.625rem;
  display: flex;
  align-items: center;
  column-gap: 1.2em;
  justify-content: space-between;
  padding-inline: 1.2em;
  border: 1px solid var(--goluboy);
  width: 18em;
  border-radius: 0.5rem;
}
.counter button {
  width: 1.6em;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  flex-shrink: 0;
}
.counter button[disabled], .counter button.disabled {
  color: #d9d9d9;
}
.counter .counter-input {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  font-weight: 400;
  font-family: var(--font-family);
  letter-spacing: -0.03em;
  color: var(--temno-siniy);
  column-gap: 0.1875rem;
}
.counter .counter-input span {
  width: fit-content;
  font-weight: 700;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
	white-space:nowrap;
}
.counter .counter-value {
  display: block;
  height: 2.375rem;
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.25rem;
  text-align: right;
  width: 4.375rem;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
}
.counter .counter-value:focus {
  outline: none;
}
.counter .counter-value::placeholder {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
}
.counter input[type=number]::-webkit-inner-spin-button,
.counter input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.counter input[type=number] {
  -moz-appearance: textfield;
}
.counter .counter-plus, .counter .counter-minus {
  background-size: 1rem 1rem;
  height: 1rem;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 767px) {
  .counter .counter-plus, .counter .counter-minus {
    background-size: 12px 12px;
    height: 1rem;
  }
}
.counter .counter-plus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.166016' y='7' width='16' height='2' fill='%232E2D2A' /%3e%3crect x='7.16602' y='16' width='16' height='2' transform='rotate(-90 7.16602 16)' fill='%232E2D2A' /%3e%3c/svg%3e");
}
.counter .counter-minus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' enable-background='new 0 0 512 512' viewBox='0 0 512 512' id='minus'%3e%3cpath d='M485.883,264.293h-460c-4.971,0-9-4.029-9-9s4.029-9,9-9h460c4.971,0,9,4.029,9,9S490.854,264.293,485.883,264.293z'%3e%3c/path%3e%3c/svg%3e ");
}
@media (max-width: 767px) {
  .counter {
    width: 118px;
    column-gap: 6px;
    padding-inline: 6px;
  }
  .counter .counter-value {
    font-size: 14px;
    line-height: 129%;
    letter-spacing: -0.03em;
    height: 26px;
    width: 50px;
  }
  .counter .counter-input span {
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: -0.03em;
  }
}

.product-swiper {
  width: 71rem;
}
@media (max-width: 767px) {
  .product-swiper {
    width: calc(100vw - 40px);
    max-width: 540px;
    padding-bottom: 0;
  }
  .product-swiper .swiper-slide {
/*       width: auto!important;  */
	  
  }
	.product-card__img{height: auto; aspect-ratio: 1;}
	.product-card__body{
		padding:5px;
		padding-top:0;
	}
  .product-swiper .swiper__nav {
     /*  display: none; */
  }
}
@media (max-width: 389px) {
  .product-swiper .swiper-slide {
/*      width: auto!important;  */
  }
}

.product-swiper .swiper-wrapper {
  display: flex;
}
.product-swiper .swiper-wrapper .swiper-slide {
  display: flex;
  height: unset;
  min-height: unset;
}

.basket-card, .basket-card__group {
  display: flex;
}

.basket-card {
  width: 100%;
  color: var(--color-chernyy);
  font-size: 1rem;
  column-gap: 2rem;
  padding-block: 1rem;
  border-top: 1px solid var(--goluboy);
}
.basket-card__img {
  height: 100%;
  width: 12.125rem;
  border-radius: 0.625rem;
  overflow: hidden;
}
@media (max-width: 767px) {
  .basket-card__img {
    width: 83px;
  }
}
.basket-card__title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1rem;
  flex: 1;
}
.basket-card .product-name {
  font-family: var(--font-family);
  font-weight: 900;
  font-size: 1.5rem;
  letter-spacing: -0.02em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.basket-card .product-info {
  font-weight: 400;
  line-height: 125%;
  letter-spacing: -0.02em;
}
.basket-card__group {
  column-gap: 3rem;
  flex: 1;
  align-items: center;
}
.basket-card .basket-card__counter {
  width: 11.25rem;
}
.basket-card .basket-card__cost {
  width: 8.75rem;
}
.basket-card .basket-card__btn {
  width: 1.875rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.basket-card .remove-button:hover .svg-delete {
  color: red;
}
@media (max-width: 767px) {
  .basket-card {
    column-gap: 1rem;
  }
  .basket-card .basket-card__img {
    border-radius: 10px;
    width: 5.1875rem;
    height: 5.1875rem;
  }
  .basket-card .basket-card__group {
    flex-wrap: wrap;
    row-gap: 1rem;
    column-gap: 0.625rem;
  }
  .basket-card .basket-card__title {
    width: calc(100% - 2.5rem);
    flex: unset;
    flex-shrink: 0;
    order: 1;
    font-size: 1rem;
    line-height: 1.29;
    letter-spacing: 0.03em;
    color: var(--color-chernyy);
  }
  .basket-card .basket-card__title .product-info {
    display: none;
  }
  .basket-card .product-name {
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: 0.06em;
  }
  .basket-card .basket-card__btn {
    order: 2;
  }
  .basket-card .basket-card__counter {
    order: 3;
    width: calc(50% - 8px);
  }
  .basket-card .basket-card__cost {
    order: 4;
    width: calc(50% - 0.5rem);
    text-align: right;
  }
  .basket-card .cost-block .cost-block__new {
    font-size: 1.0625rem;
    line-height: 129%;
    letter-spacing: 0.03em;
  }
  .basket-card .basket-card__btn {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 0.25rem;
    background: var(--goluboy);
  }
  .basket-card .basket-card__btn .svg-delete {
    width: 0.875rem;
    height: 1.125rem;
  }
  .basket-card .cost-block .cost-block__old {
    font-size: 0.625rem;
  }
  .basket-card .cost-block {
    row-gap: 4px;
    letter-spacing: 0.03em;
    color: var(--svetlo-siniy);
  }
  .basket-card .counter {
    width: 7.375rem;
    column-gap: 0.375rem;
    padding-inline: 0.375rem;
  }
  .basket-card .counter .counter-value {
    font-size: 0.875rem;
    line-height: 129%;
    letter-spacing: -0.03em;
    height: 1.625rem;
    width: 3.125rem;
  }
  .basket-card .counter .counter-input span {
    font-size: 0.875rem;
    line-height: 1.29;
    letter-spacing: -0.03em;
  }
  .basket-card .counter .counter-plus, .basket-card .counter .counter-minus {
    width: 0.75rem;
    height: 0.75rem;
  }
}

.short-basket {
  max-width: 22.75rem;
}

.basket-card.basket-card--mini {
  column-gap: 1rem;
}
.basket-card.basket-card--mini .basket-card__img {
  border-radius: 10px;
  width: 5.1875rem;
  height: 5.1875rem;
}
.basket-card.basket-card--mini .basket-card__group {
  flex-wrap: wrap;
  row-gap: 1rem;
  column-gap: 0.625rem;
}
.basket-card.basket-card--mini .basket-card__title {
  width: calc(100% - 2.5rem);
  flex: unset;
  flex-shrink: 0;
  order: 1;
  font-size: 1rem;
  line-height: 1.29;
  letter-spacing: 0.03em;
  color: var(--color-chernyy);
}
.basket-card.basket-card--mini .basket-card__title .product-info {
  display: none;
}
.basket-card.basket-card--mini .product-name {
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0.06em;
}
.basket-card.basket-card--mini .basket-card__btn {
  order: 2;
}
.basket-card.basket-card--mini .basket-card__counter {
  order: 3;
  width: calc(50% - 8px);
}
.basket-card.basket-card--mini .basket-card__cost {
  order: 4;
  width: calc(50% - 0.5rem);
  text-align: right;
}
.basket-card.basket-card--mini .cost-block .cost-block__new {
  font-size: 1.0625rem;
  line-height: 129%;
  letter-spacing: 0.03em;
}
.basket-card.basket-card--mini .basket-card__btn {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  background: var(--goluboy);
}
.basket-card.basket-card--mini .basket-card__btn .svg-delete {
  width: 0.875rem;
  height: 1.125rem;
}
.basket-card.basket-card--mini .cost-block__old {
  font-size: 0.625rem;
}
.basket-card.basket-card--mini .cost-block {
  row-gap: 4px;
  letter-spacing: 0.03em;
  color: var(--svetlo-siniy);
}
.basket-card.basket-card--mini .counter {
  width: 7.375rem;
  column-gap: 0.375rem;
  padding-inline: 0.375rem;
}
.basket-card.basket-card--mini .counter .counter-value {
  font-size: 0.875rem;
  line-height: 129%;
  letter-spacing: -0.03em;
  height: 1.625rem;
  width: 3.125rem;
}
.basket-card.basket-card--mini .counter .counter-input span {
  font-size: 0.875rem;
  line-height: 1.29;
  letter-spacing: -0.03em;
}
.basket-card.basket-card--mini .counter .counter-plus, .basket-card.basket-card--mini .counter .counter-minus {
  width: 0.75rem;
  height: 0.75rem;
}

.short-basket__header .fs-24 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: #1c1c1c;
}

.cost-block {
  display: flex;
  flex-direction: column;
  font-family: var(--font-family);
  row-gap: 0.5rem;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--temno-siniy);
}
.cost-block .cost-block__old {
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  text-decoration: line-through;
  color: var(--color-tekst-seryy);
}
.cost-block .cost-block__new {
  white-space: nowrap;
  font-weight: 900;
  font-size: 1.5rem;
}
@media (max-width: 767px) {
  .cost-block {
    row-gap: 0.125rem;
  }
}

.basket-calculate__item {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  justify-content: space-between;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1rem;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: var(--color-chernyy);
}
.basket-calculate__price {
  text-align: right;
  white-space: nowrap;
}
.basket-calculate__item + .basket-calculate__item {
  margin-top: 0.875rem;
}

.basket-calculate__item + .basket-calculate__item {
  margin-top: 14;
}

.basket-calculate .basket__total-txt, .basket-calculate .basket__total-summ {
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.02em;
  color: var(--color-chernyy);
}
.basket-calculate .basket__total-summ {
  font-weight: 900;
}
.basket-calculate .basket__total--ps {
  text-align: right;
  font-size: 0.875rem;
  line-height: 1.29;
  letter-spacing: -0.03em;
  color: var(--color-tekst-seryy);
  padding-bottom: 1.25rem;
}

.basket-calculate__footer {
  margin-top: 1rem;
}

.promo-use {
  margin-top: 1.25rem;
}
.promo-use .form-item {
  position: relative;
}
.promo-use .form-item .promo-use-input {
  width: 100%;
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
  font-weight: 400;
  border: 1px solid var(--goluboy);
  border-radius: 4.6875rem;
  padding-left: 0.625rem;
  padding-right: 7.1875rem;
  height: 3.25rem;
}
.promo-use .promo-use-btn {
  height: 2.0625rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .basket-calculate.border-round-card {
    border: transparent;
    padding-left: 0;
    padding-right: 0;
  }
}
.catalogy .catalogy-form {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
}
.catalogy .catalogy-form > * {
  width: 100%;
}

.catalogy-menu {
  font-family: var(--font-family);
  background-color: #fff;
}
.catalogy-menu .catalogy-item {
  padding-bottom: 1rem;
}
.catalogy-menu .catalogy-item__btn {
  border-bottom: 1px solid var(--goluboy);
  padding-top: 1rem;
  padding-bottom: 1.5rem;
  padding-right: 0.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.catalogy-menu .catalogy-item__btn .catalogy-item__name {
  flex: 1;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.2;
  text-align: left;
  letter-spacing: 0.02em;
  color: var(--temno-siniy);
}
.catalogy-menu .catalogy-category__btn {
  display: flex;
flex-wrap: wrap;
  align-items: center;
  column-gap: 1rem;
  font-size: 1rem;
  padding-block: 1em;
  padding-right: 0.625rem;
  border-bottom: 1px solid var(--goluboy);
  position:relative;
}
.catalogy-menu .catalogy-category__btn.active { padding-right:0 }
.catalogy-menu .catalogy-category__btn ul { flex:0 0 100%; padding-left:10px; padding-top:5px }
.catalogy-menu .catalogy-category__btn.has-subdrop:before { content:'>'; display:block; position:absolute; top:6px; left:-12px; }
.catalogy-menu .catalogy-category__btn.has-subdrop.active:before { content:'v'; }



.catalogy-menu .catalogy-category:last-child .catalogy-category__btn, .catalogy-menu .catalogy-category:last-child .catalogy-sub {
  border-bottom: 0;
}
.catalogy-menu .active .catalogy-category__btn {
  color: var(--svetlo-siniy);
}
.catalogy-menu .catalogy-category__icon {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
.catalogy-menu .catalogy-category__cat {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  line-height: 1.1;
  letter-spacing: 0.02em;
  color: var(--temno-siniy);
}
.catalogy-menu .catalogy-sub {
  padding-bottom: 0.9375rem;
  border-bottom: 1px solid var(--goluboy);
}
.catalogy-menu .catalogy-sub__item {
  padding: 0.9375rem 0.625rem;
  padding-left: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
  transition: 0.2s;
}
.catalogy-menu .catalogy-sub__item:hover {
  color: var(--svetlo-siniy);
}
.catalogy-menu .has-drop-content, .catalogy-menu .has-subdrop-content {
  display: none;
}
.catalogy-menu .catalogy-item.active {
  border-bottom: 1px solid var(--goluboy);
}
.catalogy-menu .catalogy-item.active .has-drop-content {
  display: block;
}
.catalogy-menu .catalogy-item.active .carret-down {
  transform: rotate(180deg);
}
.catalogy-menu .has-drop-content {
  padding-top: 1rem;
}
.catalogy-menu .has-subdrop.active .has-subdrop-content {
  display: block;
}
.catalogy-menu .has-subdrop.active .catalogy-category__icon svg, .catalogy-menu .has-subdrop.active .catalogy-category__cat {
  color: var(--svetlo-siniy);
}
.catalogy-menu .has-subdrop.active .catalogy-category__btn {
  border-bottom-color: transparent;
}

.catalogy-buttons > * + * {
  margin-top: 1.5rem;
}

.promotion-card {
  aspect-ratio: 750/451;
  border-radius: 0.9375rem;
  max-width: 46.875rem;
  overflow: hidden;
  position: relative;
}
.promotion-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.promotion-card .h2 {
  color: var(--color-belyy);
  max-width: 60%;
  margin-bottom: 0;
}
.promotion-card .fs-24 {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: -0.02em;
  color: var(--color-belyy);
  max-width: 60%;
  margin-top: 1.25rem;
}
.promotion-card__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.5rem 2rem;
  z-index: 3;
}
.promotion-card__content > * {
  width: 100%;
}
.promotion-card .promotion-card__labels {
  justify-content: space-between;
  margin-top: auto;
}
@media (max-width: 767px) {
  .promotion-card {
    width: 100%;
    height: 451px;
    aspect-ratio: unset;
  }
  .promotion-card .h2, .promotion-card .fs-24 {
    max-width: 100%;
  }
  .promotion-card .h2 {
    margin-bottom: 1rem;
  }
  .promotion-card .fs-24 {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.06em;
    margin-top: 1rem;
  }
  .promotion-card__content {
    padding-inline: 1rem;
  }
}

.white-label {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
  border: 1px solid var(--goluboy);
  background: var(--color-belyy);
  border-radius: 0.9375rem;
  padding-inline: 1.875rem;
  display: inline-block;
  line-height: 3.25rem;
  height: 3.25rem;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .white-label {
    font-size: 1rem;
    line-height: 2.8125rem;
    height: 2.8125rem;
    padding-inline: 1.25rem;
  }
}

.promotion-cards-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}
@media (max-width: 767px) {
  .promotion-cards-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.acordion {
  background-color: #fff;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2rem;
}
.acordion-group {
  border: 1px solid var(--color-seryy);
  border-radius: 0.9375rem;
  padding-inline: 2rem;
  padding-top: 0;
}
@media (max-width: 767px) {
  .acordion-group {
    padding-inline: 1rem;
  }
}
.acordion-header {
  padding-block: 1.5rem;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .acordion-header {
    padding-block: 1.25rem;
  }
}
.acordion-title {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--temno-siniy);
  flex: 1;
}
@media (max-width: 767px) {
  .acordion-title {
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: -0.02em;
  }
}
.acordion-icon {
  width: 4rem;
  height: 4rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: var(--temno-siniy);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.199219' y='12.5' width='25.59' height='2' fill='white' /%3e%3crect x='14' y='0.710938' width='25.59' height='2' transform='rotate(90 14 0.710938)' fill='white' /%3e%3c/svg%3e");
  background-size: 1.625rem 1.625rem;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .acordion-icon {
    width: 2rem;
    height: 2rem;
    background-size: 0.875rem 0.875rem;
  }
}
.acordion-body {
  display: none;
}
.acordion-body__content {
  border-top: 1px solid var(--color-seryy);
  padding-top: 1.5rem;
  padding-bottom: 2rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.33;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
}
@media (max-width: 767px) {
  .acordion-body__content {
    font-size: 0.875rem;
    padding-top: 1.25rem;
    padding-bottom: 1.5rem;
  }
}
@media (max-width: 767px) {
  .acordion {
    row-gap: 16px;
  }
}

.acordion-group.active .acordion-body {
  display: block;
}
.acordion-group.active .acordion-icon {
  background-color: var(--color-seryy);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.199219' y='12.5' width='25.59' height='2' fill='white' /%3e%3crect x='14' y='0.710938' width='25.59' height='2' transform='rotate(90 14 0.710938)' fill='transparent' /%3e%3c/svg%3e");
}

.acordion.acordion-transform .acordion-group {
  padding-inline: 0;
}
.acordion.acordion-transform .acordion-header {
  padding-block: 1.25rem;
  padding-inline: 1.25rem;
}
.acordion.acordion-transform .acordion-arrow {
  display: none;
}
.acordion.acordion-transform .acordion-body {
  display: block;
}
@media (max-width: 767px) {
  .acordion.acordion-transform .acordion-arrow {
    display: flex;
    margin-left: auto;
  }
  .acordion.acordion-transform .acordion-body {
    display: none;
  }
  .acordion.acordion-transform .acordion-group.active .acordion-arrow {
    transform: rotate(180deg);
  }
  .acordion.acordion-transform .acordion-group.active .acordion-body {
    display: block;
  }
}

.assortiment-card {
  min-height: 7.75rem;
  border-radius: 0.9375rem;
  background-size: cover;
  padding: 1.5rem 1.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 4px;
  position: relative;
}
.assortiment-card > * {
  position: relative;
  z-index: 2;
}
.assortiment-card:before {
  content: "";
  position: absolute;
  border-radius: 0.9375rem;
  inset: 0;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 49, 116, 0.7) 100%);
}
.assortiment-card__img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.assortiment-card__img img {
  height: 100%;
  width: auto;
}
.assortiment-card .fs-30 {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 0.9;
  letter-spacing: -0.01em;
  color: #fff;
  max-width: 10.625rem;
}
.assortiment-card .fs-16 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: -0.02em;
  color: #fff;
  gap: 0.625rem;
  flex-wrap: wrap;
}

/*.assortiment-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 1.125rem;
  row-gap: 1.875rem;
}
@media (max-width: 767px) {
  .assortiment-grid {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
}*/
@media (min-width: 768px) {
  .assortiment-grid .swiper-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1.125rem;
    row-gap: 1.875rem;
  }
  .assortiment-grid .swiper-pagination {
    display: none;
  }
}
@media (max-width: 767.99px) {
  .assortiment-grid {
    max-width: 540px;
    padding-bottom: 28px;
    width: calc(100vw - 40px);
  }
  .assortiment-grid .swiper-pagination {
    bottom: 0;
  }
  .assortiment-grid .swiper-slide {
    height: calc(20% - 8px) !important;
  }
}
.catalogy-filters {
  background-color: #fff;
}

.catalogy-products-filters {
  justify-content: flex-end;
  column-gap: 1rem;
}
.catalogy-products-filters .dropdown {
  width: 11.9375rem;
}
.catalogy-products-filters .dropdown-products-count {
  z-index: 4;
}

.catalogy-page-header {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.catalogy-page-header .h2 {
  margin-bottom: 0;
}

.catalogy-products-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1.125rem;
}
@media (max-width: 767px) {
  .catalogy-products-grid {
    gap: 11px;
    grid-template-columns: 1fr 1fr;
  }
}

.grid-content-body__footer {
  justify-content: space-between;
  margin-top: 1.125rem;
}
.grid-content-body__footer .pagination {
  margin-left: auto;
}
@media (max-width: 767px) {
  .grid-content-body__footer .pagination {
    margin-left: 0;
    margin-right: 0;
  }
}

.pagination {
  display: flex;
  align-items: center;
  column-gap: 0.75rem;
}
.pagination-item {
  font-family: var(--font-family);
  font-weight: 700;
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: var(--color-chernyy);
  display: flex;
  padding: 0.3125rem;
}
.pagination .item-dot span {
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: var(--color-chernyy);
  margin: 0 0.3125rem;
}
.pagination .pagination-item--prev svg, .pagination .pagination-item--next svg {
  display: none;
}
@media (max-width: 767px) {
  .pagination .pagination-item--prev, .pagination .pagination-item--next {
    width: 47px;
    height: 47px;
    padding: 0;
  }
	.pagination-item.item-dot span:first-child, .pagination-item.item-dot span:last-child{display:none;}
  .pagination .pagination-item--prev span, .pagination .pagination-item--next span {
    display: none;
  }
  .pagination .pagination-item--prev svg, .pagination .pagination-item--next svg {
    display: flex;
  }
}

@media (max-width: 767px) {
  .catalogy-page-content .grid-content-left {
    width: 100%;
  }
  .catalogy-page-content .grid-aside {
    display: none;
  }
  .catalogy-page-content .catalogy-page-header, .catalogy-page-content .catalogy-products-filters {
    flex-direction: column;
    row-gap: 16px;
  }
  .catalogy-page-content .catalogy-page-header > *, .catalogy-page-content .catalogy-products-filters > * {
    width: 100%;
  }
  .catalogy-page-content .catalogy-products-filters {
    row-gap: 8px;
  }
  .catalogy-page-content .grid-content-body__footer {
    flex-direction: column;
    align-items: center;
    row-gap: 13px;
  }
  .catalogy-page-content .grid-content-body__footer .show-more-cards {
    width: 100%;
  }
  .catalogy-page-content .catalogy-filters {
    width: 100%;
    position: fixed;
    top: 65px;
    bottom: 0;
    right: 0;
    z-index: 5;
    padding: 40px 22px;
    transform: translateX(100%);
  }
}

#show-catalogy {
  display: none;
}
@media (max-width: 767px) {
  #show-catalogy {
    display: flex;
    white-space: nowrap;
  }
}

.basket-content .header-group {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .basket-content .header-group {
    align-items: center;
  }
}

@media (max-width: 767px) {
  .basket-page .grid-two-columns {
    flex-direction: column;
    row-gap: 32px;
  }
}

@media (max-width: 767px) {
  .delivery-page .grid-two-columns {
    row-gap: 60px;
  }
  .delivery-page .grid-two-columns {
    flex-direction: column-reverse;
  }
}

.payments {
  row-gap: 1.5rem;
  width: 100%;
}
@media (max-width: 767px) {
  .payments {
    row-gap: 16px;
  }
	.delivery-page .grid-aside.aside-sticky{display: none;}
}

.payment-card {
  width: 100%;
  padding: 0.5625rem 0.875rem 0.5625rem 1.25rem;
  background-color: #fff;
  border: 1px solid var(--goluboy);
  border-radius: 0.9375rem;
  justify-content: space-between;
  align-items: center;
  column-gap: 0.75rem;
}
.payment-card__type {
  align-items: center;
}
.payment-card .payment-icon {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .payment-card {
    padding: 0.5625rem 0.75rem 0.5625rem 1.25rem;
  }
  .payment-card .button-blue {
    font-size: 10px;
  }
}

.order-form {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.order-form .form-item {
  width: 100%;
}
.order-form .form-item {
  margin-bottom: 1rem;
}

@media (max-width: 767px) {
  .order-page .grid-two-columns {
    flex-direction: column-reverse;
  }
}

.order-success-content {
  text-align: center;
  padding-top: 2.5rem;
  max-width: 59.375rem;
  margin-inline: auto;
}
.order-success-content .header-subtitle {
  max-width: 48.75rem;
  margin-inline: auto;
}
.order-success-content .h2 {
  color: var(--svetlo-siniy);
}

.btns-wrapper {
  margin-top: 1rem;
  column-gap: 2rem;
}
.btns-wrapper > * {
  width: 100%;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .btns-wrapper > * {
    flex: 1;
    width: 50%;
    font-size: 1.125rem;
  }
}
@media (max-width: 767px) {
  .btns-wrapper {
    margin-top: 0;
    flex-direction: column;
    row-gap: 15px;
  }
}

@media (max-width: 767px) {
  .search-results-main .h-40 {
    margin-bottom: 20px;
  }
  .search-results-main .catalogy-products-grid {
    padding-top: 30px;
  }
}

.mySwiperFotorama {
  width: 30.8125rem;
  height: 30.8125rem;
}
.mySwiperFotorama .swiper-slide img {
  border-radius: 0.625rem;
}
@media (max-width: 767px) {
  .mySwiperFotorama {
    width: calc(100vw - 40px);
    height: auto;
    aspect-ratio: 344/321;
	  max-width:540px;
  }
}

.mySwiperThumb .swiper-slide {
  width: 6.625rem !important;
  height: 3.875rem;
}
.mySwiperThumb .swiper-slide img {
  border-radius: 0.625rem;
}
.mySwiperThumb .swiper-wrapper {
  width: fit-content;
  margin: 0 auto;
  margin-top: 1.25rem;
}
@media (max-width: 767px) {
  .mySwiperThumb {
    margin-top: 1.25rem;
    display: none !important;
  }
}

@media (max-width: 767px) {
  .single-product-page .grid-aside {
    display: none !important;
  }
}

.product-gallery {
  width: 71rem;
  display: flex;
  column-gap: 2rem;
  padding-bottom: 1rem;
  border-bottom: 0.67px solid rgba(28, 28, 28, 0.1);
}
@media (max-width: 767px) {
  .product-gallery {
    width: 100%;
    flex-direction: column;
    row-gap: 20px;
  }
}

.product-gallery-swiper {
  width: 30.8125rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .product-gallery-swiper {
    flex-shrink: 2;
    width: 100%;
  }
}

.product-gallery .product-gallery-info {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.product-gallery .product-gallery-info > * {
  width: 100%;
}
.product-gallery .product-gallery-info > * + * {
  border-top: 0.67px solid rgba(28, 28, 28, 0.1);
  padding-block: 1.5rem;
}

.product-gallery__title {
  padding-bottom: 1.5rem;
}
.product-gallery__title > * + * {
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .product-gallery__title {
    order: 1;
  }
}

.label-gray-group {
  column-gap: 1rem;
}

.label-gray {
  display: inline-flex;
  align-items: center;
  column-gap: 0.625rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
  background-color: var(--goluboy);
  justify-content: center;
  padding: 0.5rem 0.75rem 0.3125rem 0.5rem;
  border-radius: 1rem;
}

@media (max-width: 767px) {
  .product-gallery__nutritional {
    order: 3;
  }
}

.nutritional-txt-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.25rem;
  font-family: var(--font-family);
  font-size: 18px;
  line-height: 1.33;
  color: var(--color-chernyy);
}
@media (max-width: 767px) {
  .nutritional-txt-item {
    font-size: 16px;
  }
  .nutritional-txt-item .fw-700 {
    letter-spacing: 0.06em;
  }
}

.nutritional-list {
  flex-wrap: wrap;
  gap: 1rem;
  flex-wrap: wrap;
}

.nutritional-list-item {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 0.625rem;
  padding: 0.5rem 0;
  border: 1px solid var(--goluboy);
  flex-shrink: 0;
}
.nutritional-list-item .fw-900 {
  font-size: 1.25rem;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
}
.nutritional-list-item .txt-grey {
  font-size: 0.75rem;
  line-height: 0.92;
  letter-spacing: 0.03em;
}

.product-gallery__nutritional .nutritional-txt {
  margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
  .product-gallery__text {
    order: 4;
  }
}

.about-product-title {
  font-family: var(--font-family);
  font-size: 1.125rem;
  line-height: 1.17;
  color: var(--color-chernyy);
  margin-bottom: 1rem;
}

.about-product-list {
  list-style-type: none;
}

.about-product-item {
  letter-spacing: -0.02em;
  color: var(--color-chernyy);
}
.about-product-item .fs-14 {
  font-size: 0.875rem;
  line-height: 125%;
  color: var(--color-tekst-seryy);
  margin-bottom: 0.25rem;
}
.about-product-item .fs-16 {
  line-height: 150%;
  font-size: 1rem;
  color: var(--color-chernyy);
}

.about-product-item + .about-product-item {
  margin-top: 0.75rem;
}

.price-box {
  display: flex;
  align-items: center;
  column-gap: 0.9375rem;
}
.price-box .price-val {
  font-weight: 700;
  font-size: 2rem;
  line-height: 0.9;
  letter-spacing: -0.01em;
  color: var(--temno-siniy);
  white-space: nowrap;
}
.price-box .price-old {
  font-size: 1rem;
  line-height: 0.9;
  letter-spacing: -0.02em;
  color: var(--svetlo-siniy);
  position: relative;
  width: fit-content;
}
.price-box .price-old:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 10%;
  height: 1px;
  width: 100%;
  background-color: #de2b2b;
  z-index: 2;
  top: 50%;
  transform: rotate(-10deg);
}
@media (max-width: 767px) {
  .price-box {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 16px;
  }
}

.product-gallery__price {
  justify-content: space-between;
  padding-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .product-gallery__price {
    order: 2;
  }
}

.blog.bb-block {
  border-bottom: 0.67px solid rgba(28, 28, 28, 0.1);
  padding-bottom: 2.5rem;
}

.sale-label {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding-inline: 1rem;
  height: 2.875rem;
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 90%;
  letter-spacing: -0.02em;
  color: var(--temno-siniy);
  border-radius: 1.875rem;
  background-color: #fff;
}

.product-gallery-swiper {
  position: relative;
}
.product-gallery-swiper .sale-label {
  position: absolute;
  z-index: 2;
  top: 1.25rem;
  left: 1.25rem;
}
@media (max-width: 767px) {
  .product-gallery-swiper .sale-label {
    display: none;
  }
}

.about-page-promo {
  height: 38.1875rem;
  width: 100%;
}
@media (max-width: 767px) {
  .about-page-promo {
    height: auto;
  }
}

.has-bg-video {
  position: relative;
  min-height: 100%;
  overflow: hidden;
}
.has-bg-video:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0.9375rem;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
  z-index: 3;
}
@media (max-width: 767px) {
  .has-bg-video:before {
    display: none;
  }
}
.has-bg-video .pos-abs {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0.9375rem;
}
.has-bg-video .pos-abs + * {
  z-index: 4;
  position: relative;
}
@media (max-width: 767px) {
  .has-bg-video .pos-abs {
    position: relative;
    min-height: 321px;
    aspect-ratio: 344/321;
    border-radius: 15px 15px 0 0;
  }
}
.about-preview-grid {
  display: flex;
  column-gap: 7.875rem;
}
.about-preview-grid .about-preview-img {
  width: 54.6875rem;
  aspect-ratio: 875/511;
  border-radius: 0.9375rem;
  overflow: hidden;
  flex-shrink: 0;
}
.about-preview-grid .about-preview-txt {
  flex-grow: 1;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 133%;
  letter-spacing: -0.02em;
  color: var(--color-chernyy);
}
.about-preview-grid .about-preview-txt p + p {
  margin-top: 1em;
}
@media (max-width: 767px) {
  .about-preview-grid {
    flex-direction: column;
    row-gap: 18px;
  }
  .about-preview-grid .about-preview-img {
    width: 100%;
    aspect-ratio: 344/274;
  }
  .about-preview-grid .about-preview-txt {
    font-size: 16px;
    line-height: 1.25;
  }
}

.about-benefit-item {
  padding-block: 2.5rem;
  text-align: center;
  background-color: var(--goluboy);
  font-family: var(--font-family);
  font-weight: 700;
  color: var(--temno-siniy);
  grid-column: span 3;
}
.about-benefit-item .fs-65 {
  font-family: var(--second-family);
  font-size: 4.0625rem;
  line-height: 1;
  color: var(--temno-siniy);
}
@media (max-width: 767px) {
  .about-benefit-item .fs-65 {
    font-size: 45px;
  }
}
.about-benefit-item .fs-22 {
  font-size: 1.375rem;
  line-height: 1.09;
  letter-spacing: 0.03em;
  text-align: center;
}
@media (max-width: 767px) {
  .about-benefit-item .fs-22 {
    font-size: 14px;
  }
}
.about-benefit-item .flex-col {
  align-items: center;
  row-gap: 1.375rem;
  padding-inline: 5rem;
  border-left: 1px solid var(--color-temnyy-siniy);
}
@media (max-width: 767px) {
  .about-benefit-item .flex-col {
    padding-inline: 15px;
    border-left: 1px solid transparent;
  }
}
@media (max-width: 767px) {
  .about-benefit-item {
    grid-column: span 6;
    padding-block: 24px;
  }
}

.about-benefit-item:first-child .flex-col {
  border-left: 1px solid transparent;
}

@media (max-width: 767px) {
  .about-benefit-item:nth-child(2n) .flex-col {
    border-left: 1px solid var(--color-temnyy-siniy);
  }
  .about-benefit-item:nth-child(n+3) {
    position: relative;
  }
  .about-benefit-item:nth-child(n+3):after {
    content: "";
    position: absolute;
    top: 0;
    left: 24px;
    right: 24px;
    height: 1px;
    background-color: var(--color-temnyy-siniy);
  }
}
.about-benefits-cards {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  border-radius: 0.9375rem;
  overflow: hidden;
}

.partners-swiper .swiper-wrapper, .docs-swiper .swiper-wrapper {
  display: flex;
}
.partners-swiper .swiper-slide, .docs-swiper .swiper-slide {
  height: unset;
  display: flex;
  width: auto !important;
  justify-content: center;
  align-items: center;
  user-select: none;
}
@media (max-width: 767px) {
  .partners-swiper .swiper__nav, .docs-swiper .swiper__nav {
    display: none;
  }
}

.docs-item {
  width: 23rem;
  height: 30.875rem;
  padding: 1.5rem;
  box-shadow: 4px 6px 15px -1px rgba(51, 51, 51, 0.1);
  background: var(--color-belyy);
  border-radius: 1rem;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.docs-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .docs-item {
    width: 239px;
    height: 320px;
  }
}

.docs-swiper {
  margin-inline: -0.5rem;
}
.docs-swiper .swiper-slide {
  padding: 0.75rem 0.5rem;
}
@media (max-width: 767px) {
  .docs-swiper {
    width: calc(50vw + 50%);
  }
  .docs-swiper .swiper-slide {
    padding: 0.75rem 0.5rem;
    width: 255px !important;
  }
}

.review-card {
  padding: 1.875rem 1.125rem;
  border-radius: 0.9375rem 0.9375rem 1.875rem 0.9375rem;
  padding: 1rem;
  background-color: var(--goluboy);
  display: flex;
  align-items: flex-start;
  column-gap: 1rem;
  grid-column: span 3;
}
@media (max-width: 767px) {
  .review-card {
    flex-shrink: 0;
    width: 344px;
  }
}
.review-card__img {
  flex-shrink: 0;
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 50%;
  overflow: hidden;
}
.review-card__block {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 129%;
  letter-spacing: -0.03em;
  color: var(--color-chernyy);
}
.review-card__block p {
  margin: 0;
}
.review-card .fs-20 {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 100%;
  letter-spacing: -0.02em;
  color: var(--color-chernyy);
}

.reviews-wrapper {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 1rem;
}

.review-link-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.75rem;
}

.feedback-content {
  display: flex;
  column-gap: 4.6875rem;
}
.feedback-content .feedback-form-wrapper {
  padding-top: 9.375rem;
  width: 49.3125rem;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .feedback-content .feedback-form-wrapper {
    padding-top: 0;
    width: 100%;
  }
}
.feedback-content .feedback-form-image {
  flex: 1;
}
.feedback-content .feedback-form-image img {
  aspect-ratio: 659/744;
}
@media (max-width: 767px) {
  .feedback-content .feedback-form-image {
    display: none;
  }
}

.blog-article {
  display: flex;
  column-gap: 1.25rem;
}
.blog-article__img {
  width: 62.8125rem;
  border-radius: 0.9375rem;
  aspect-ratio: 201/113;
  overflow: hidden;
}
@media (max-width: 767px) {
  .blog-article__img {
    width: 100%;
    aspect-ratio: 344/253;
  }
}
.blog-article__descrip {
  flex: 1;
}
.blog-article .btn-outline {
  width: 100%;
  max-width: 20.25rem;
}
@media (max-width: 767px) {
  .blog-article {
    flex-direction: column;
    row-gap: 40px;
  }
}

.blog-articles-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}
.blog-articles-wrapper > *:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.blog-articles-wrapper > *:nth-of-type(2n) .promo-info-card {
  margin-left: 0;
}
@media (max-width: 767px) {
  .blog-articles-wrapper > *:nth-of-type(2n) {
    flex-direction: column;
  }
}

.tabs-container .tabs-buttons {
  margin-bottom: 2.625rem;
  margin-top: 1.125rem;
  display: flex;
  column-gap: 1rem;
}
.tabs-container .tabs-buttons .tab {
  white-space: nowrap;
}

.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}

@media (max-width: 767px) {
  .blog-links {
    display: none;
  }
}

.blog-links__group > * + * {
  margin-top: 0.625rem;
}

.grid-aside .fancy-video-link {
  aspect-ratio: 365/589;
}
.grid-aside .fancy-video-link .btn-play {
  width: 6.25rem;
  height: 6.25rem;
}
.grid-aside .fancy-video-link .btn-play svg {
  width: 2.75rem;
  height: 3rem;
}

.fancy-video-link {
  position: relative;
  width: 100%;
  aspect-ratio: 152/76;
  display: block;
}
.fancy-video-link .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media (max-width: 767px) {
  .fancy-video-link {
    max-height: 589px;
    width: 100%;
    aspect-ratio: 344/590;
  }
}

@media (max-width: 767px) {
  .recept-description .grid-two-columns {
    flex-direction: column-reverse;
    row-gap: 60px;
  }
}

.recept-steps {
  max-width: 64.0625rem;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2rem;
}

.recept-step__row {
  align-items: flex-start;
  column-gap: 1rem;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.125rem;
  letter-spacing: -0.02em;
  line-height: 125%;
  letter-spacing: -0.01em;
  color: var(--temno-siniy);
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .recept-step__row {
    font-size: 14px;
  }
}
.recept-step__txt {
  max-width: 50.9375rem;
}
.recept-step__num {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 1.17;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--temno-siniy);
  flex-shrink: 0;
  width: fit-content;
}
.recept-step .h-32 {
  font-weight: 700;
  margin-bottom: 0.75rem;
  font-size: 2rem;
  letter-spacing: -0.01em;
  line-height: 1.25;
}

.table-list__item {
  display: flex;
  align-items: flex-end;
  column-gap: 0.3125rem;
  margin-bottom: 0.4375rem;
}
.table-list__ul {
  padding: 1.25rem;
  padding-top: 0;
}
.table-list__left, .table-list__right {
  font-family: var(--font-family);
  font-size: 1rem;
  line-height: 100%;
  letter-spacing: 0.06em;
  color: var(--temno-siniy);
}
.table-list__left {
  max-width: 12.5rem;
  width: fit-content;
  align-items: flex-end;
  column-gap: 0.625rem;
  font-weight: 700;
}
.table-list__left img {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  flex-shrink: 0;
}
.table-list .cell-divider {
  flex: 1;
  border-bottom: 1px solid var(--temno-siniy);
}
.table-list__right {
  width: fit-content;
  text-align: right;
  font-weight: 800;
}

.blog-authors__content {
  column-gap: 3.125rem;
}
.blog-authors__content .btn-outline {
  margin-left: auto;
}
@media (max-width: 767px) {
  .blog-authors__content {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
  }
  .blog-authors__content .btn-outline {
    margin-left: 0;
    width: 100%;
    max-width: 344px;
  }
}

.blog-author__item {
  column-gap: 1rem;
}
.blog-author__item img {
  width: 3.5rem;
  height: 3.5rem;
  object-fit: cover;
  flex-shrink: 0;
  border-radius: 50%;
}
.blog-author__item .txt-upper {
  font-weight: 500;
  font-size: 1rem;
  text-transform: uppercase;
  color: #000;
}

.main-404 {
  padding-bottom: 0 !important;
}

.page-404-img {
  width: 100%;
  max-width: 95rem;
  aspect-ratio: 152/67;
  position: relative;
}
@media (max-width: 767px) {
  .page-404-img {
    overflow: hidden;
    height: 680px;
    display: flex;
    justify-content: center;
  }
  .page-404-img img.visible-sm {
    height: 100%;
    width: 1150px;
    max-width: unset;
  }
  .page-404-img .pos-abs {
    bottom: 0;
    right: 0;
    z-index: 2;
  }
}

.page-404__content {
  display: flex;
  justify-content: center;
}

.page-404-group {
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
}
@media (max-width: 767px) {
  .page-404-group {
    top: 36%;
    left: 54%;
  }
}

.page-404__num {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 10rem;
  line-height: 0.64;
  text-align: center;
  color: var(--temno-siniy);
  display: flex;
  justify-content: center;
  margin-bottom: 2.5rem;
}
.page-404__num .rotate-num {
  display: block;
  transform: translateY(-67%) rotate(-22deg);
  animation-name: rotate;
  animation-timing-function: linear;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
@media (max-width: 767px) {
  .page-404__num {
    font-size: 124px;
  }
}

@keyframes rotate {
  to {
    transform: translateY(-67%) rotate(-14deg);
  }
}
.page-404__txt {
  font-family: var(--second-family);
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 90%;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--temno-siniy);
}
.page-404__txt p + p {
  margin-top: 1.875rem;
}
@media (max-width: 767px) {
  .page-404__txt {
    width: 300px;
    font-size: 16px;
  }
  .page-404__txt p + p {
    margin-top: 15px;
  }
  .page-404__txt .fs-30 {
    font-size: 24px;
  }
}

footer.footer {
  background-color: var(--temno-siniy);
  border-radius: 15px 15px 0 0;
}

footer.footer {
  padding-top: 3.4375rem;
  padding-bottom: 3.4375rem;
  background: var(--color-smuglyy);
  border-radius: 0.9375rem 0.9375rem 0 0;
  background-image: url("../img/footer-bg.webp");
  background-size: cover;
  background-position: bottom 10%;
  background-repeat: no-repeat;
}
footer.footer .container {
  max-width: reny(1480);
}
footer.footer .footer-grid {
  display: grid;
  grid-template-columns: 21.625rem 1fr;
  column-gap: 5.1875rem;
}
@media (max-width: 767px) {
  footer.footer .footer-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
footer.footer .footer-logo {
  width: 21.625rem;
  flex-shrink: 0;
}
footer.footer .footer-logo svg {
  width: 100%;
  aspect-ratio: 166/129;
}
@media (max-width: 767px) {
  footer.footer .footer-logo {
    width: 166px;
    height: 129px;
  }
}
footer.footer .logo {
  display: block;
}

.footer-subscribe-wrapper {
  display: flex;
  margin-bottom: 3.125rem;
}
.footer-subscribe-wrapper .h-40 {
  max-width: 24.75rem;
  font-family: var(--second-family);
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: -0.01em;
  color: var(--color-belyy);
}
.footer-subscribe-wrapper .footer-subscribe-form {
  flex: 1;
}
.footer-subscribe-wrapper .footer-subscribe-form .form-input {
  width: 100%;
  display: block;
}
@media (max-width: 767px) {
  .footer-subscribe-wrapper {
    flex-direction: column;
    align-items: center;
    row-gap: 20px;
    margin-bottom: 16px;
  }
  .footer-subscribe-wrapper > * {
    width: 100%;
  }
  .footer-subscribe-wrapper .h-40 {
    text-align: center;
  }
}

.footer-menu {
  column-count: auto;
  column-width: 6.875rem;
  column-gap: 5.625rem;
  width: 21.875rem;
}

.footer-menu-link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  color: var(--color-svetlyy-);
  padding-top: 5px;
  padding-bottom: 5px;
  display: inline-block;
  width: fit-content;
  transition: 0.3s;
}
.footer-menu-link:hover {
  color: #a4a6a9;
}

.footer-contacts__mess {
  display: flex;
  align-items: center;
  column-gap: 2.1875rem;
  margin-bottom: 1rem;
}

.footer-contacts {
  padding-top: 0.3125rem;
}
.footer-contacts .text-link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  color: var(--color-svetlyy-);
  transition: 0.3s;
}
.footer-contacts .text-link:hover {
  color: #a4a6a9;
}

@media (max-width: 767px) {
  .footer-column {
    width: 100%;
  }
}

.footer-group {
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer-group {
    display: none;
  }
}

.footer-contacts__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.625rem;
}

.footer-contacts__list a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 1.25rem;
  letter-spacing: -0.02em;
  color: var(--color-svetlyy-);
}
.footer-contacts__list a svg {
  color: var(--color-svetlyy-);
}
.footer-contacts__list a:hover {
  color: #a4a6a9;
}

.footer-bottom {
  justify-content: space-between;
  margin-top: 4rem;
}
.footer-bottom > * {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 129%;
  letter-spacing: -0.03em;
  color: rgba(214, 214, 214, 0.8);
}
.footer-bottom .design-company {
  color: white;
}
.footer-bottom .design-company:hover {
  color: rgba(214, 214, 214, 0.8);
}
.footer-bottom .social {
  display: none;
  margin-bottom: 16px;
}
.footer-bottom .social .social-link {
  width: 45px;
  height: 45px;
  padding: 8px;
}
.footer-bottom .social .social-link img {
  object-fit: contain;
}
@media (max-width: 767px) {
  .footer-bottom {
    flex-direction: column;
    margin-top: 0;
  }
  .footer-bottom .social {
    display: flex;
    justify-content: center;
  }
  .footer-bottom .design-company {
    align-self: flex-end;
    margin-top: -26px;
  }
}

.bank-details {
  display: flex;
  column-gap: 0.625rem;
}
.bank-details li + li {
  position: relative;
}
.bank-details li + li:before {
  content: "/";
  margin-right: 10px;
}
@media (max-width: 767px) {
  .bank-details li + li:before {
    display: none;
  }
}
@media (max-width: 767px) {
  .bank-details {
    flex-direction: column;
    row-gap: 8px;
  }
.contacts-content__links .social {margin-top:13px;}
.contacts-content__links .social-link{height:25px;}
}

.footer-politic {
  font-size: 0.875rem;
  line-height: 129%;
  letter-spacing: -0.03em;
  color: rgba(164, 166, 169, 0.8);
  margin-top: 1.5rem;
}

.woocommerce-notices-wrapper { padding:5px 0 20px; }
.stores-large-map .map-wrapper img{border-radius:44px;}
@media (max-width: 767px) {.stores-large-map .map-wrapper img{border-radius:8px;}}
.catalogy-title-mobile {
  display: none;
}

@media (max-width: 767px) {
  .catalogy-form {
    height: calc(100vh - 110px);
    overflow: hidden;
    overflow-y: auto;
  }
  .catalogy-title-mobile {
    display: block;
    font-family: var(--second-family);
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0.01em;
    color: var(--temno-siniy);
    margin-bottom: 20px;
  }
	.catalogy-page-content .catalogy-filters.active {
  	  transform: translateX(0);
  	  width: 100%;
  	}
}
.geo-app[data-link] {
    display: none;
}
.geo-app.active[data-link] {
    display: flex;
}
.fancybox__thumbs{display: none;}
.promo-label{
	position: relative;
}
.promo-label.copied {background-color: var(--temno-siniy);}
.promo-label.copied  .promo-label-text{color:white;}
.promo-label.copied span{color: var(--temno-siniy);} 
.promo-label .promo-label-tooltip{
	position:absolute;
	top: -40px;
	right:0;
	z-index:2;
	padding: 8px;
	background-color:var(--color-svetlyy-);
	font-size:16px;
	width: fit-content;
	line-height:1;
	border-radius:6px;
	opacity:0;
	transition: opacity .3s;
}
.promo-label .promo-label-tooltip.active{opacity:1;}
.screen-reader-text { display:none }