.product-gallery .actions {
  top: 8px;
  right: 24px;
  position: absolute;
}
@media (min-width: 769px) {
  .product-gallery .actions {
    display: none;
  }
}
.product-gallery .actions button {
  position: relative;
  display: flex;
  padding: 10px;
  border-radius: 50%;
  z-index: 20;
}
.product-gallery .actions button:not(:last-child) {
  margin-bottom: 8px;
}

.gallery-side__arrow {
  transition: opacity var(--transition);
}
.gallery-side__arrow:disabled {
  opacity: 0;
}

.review__rating {
  margin-bottom: 16px;
}
.review__author {
  display: flex;
  width: fit-content;
  margin-right: 16px;
}
.review__advantage-title {
  display: inline-block;
  margin-right: 8px;
}
.review__images {
  display: flex;
}
.review__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.review__image-wrapper {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  overflow: hidden;
}
.review__image-wrapper:not(:last-child) {
  margin-right: 4px;
}
.review__answer {
  padding-left: 32px;
  border-left: 1px solid var(--dark);
}
.review__answer-text {
  margin-top: 8px;
}

.small-slider-image {
  position: relative;
  border-radius: var(--border-radius);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: transparent solid 2px;
  cursor: pointer;
  overflow: hidden;
}
.small-slider-image:hover, .small-slider-image:focus-visible, .small-slider-image:active, .small-slider-image--active, .small-slider-image.swiper-slide-thumb-active, .small-slider-image.active {
  border: 2px solid var(--primary);
}
.small-slider-image.keen-slider__slide {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 118px;
  max-height: 118px !important;
  min-height: 0 !important;
  transition: border-color var(--transition);
}
.small-slider-image__iframe::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.small-slider-image__video::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM33.7655 22.7127C34.7395 23.2948 34.7395 24.7058 33.7655 25.2879L21.4043 32.6755C19.9045 33.5718 18 32.4913 18 30.7441V17.2568C18 15.5097 19.9045 14.4292 21.4042 15.3254L33.7655 22.7127Z' fill='white'/%3E%3C/svg%3E%0A");
  transform: translate(-50%, -50%);
}

.bottom-bar {
  gap: 32px;
  height: var(--bottom-catalog-bar-height);
  padding: 20px 16px;
  box-shadow: var(--shadow);
  z-index: 3;
}
@media (max-width: 768px) {
  .bottom-bar {
    position: fixed;
    bottom: calc(var(--bottom-bar-height) - 1px);
    left: 0;
  }
}
@media (max-width: 576px) {
  .bottom-bar {
    padding: 8px 16px;
    gap: 8px;
  }
}
.bottom-bar .counter__label {
  width: 100%;
}
@media (max-width: 768px) {
  .bottom-bar-basket-actions {
    width: 100%;
  }
}
.bottom-bar-prices {
  gap: 16px;
}
@media (max-width: 576px) {
  .bottom-bar-prices {
    gap: 8px;
  }
}
.bottom-bar-price {
  font-size: 24px;
}
@media (max-width: 576px) {
  .bottom-bar-price {
    font-size: 16px;
  }
}
.bottom-bar-price-old {
  font-size: 24px;
}
@media (max-width: 576px) {
  .bottom-bar-price-old {
    font-size: 16px;
  }
}
.bottom-bar-subscribe {
  flex-grow: 1;
}
@media (max-width: 768px) {
  .bottom-bar .compare-btn {
    display: none;
  }
}

.breadcrumbs__list {
  display: none;
}
@media (min-width: 1024px) {
  .breadcrumbs__list {
    display: block;
  }
}
@media (max-width: 1023px) {
  .breadcrumbs {
    position: absolute;
    top: 8px;
    left: 16px;
    z-index: 1;
  }
}
@media (max-width: 1024px) {
  .breadcrumbs__back {
    display: none;
  }
}
@media (max-width: 1023px) {
  .breadcrumbs__back {
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    --arrow-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjMzMDMgNS4wMTk3MkMxNi42MjMyIDUuMzEyNjEgMTYuNjIzMiA1Ljc4NzQ5IDE2LjMzMDMgNi4wODAzOEw5LjYxMDY1IDEyLjhMMTYuMzMwMyAxOS41MTk3QzE2LjYyMzIgMTkuODEyNiAxNi42MjMyIDIwLjI4NzUgMTYuMzMwMyAyMC41ODA0QzE2LjAzNzQgMjAuODczMyAxNS41NjI2IDIwLjg3MzMgMTUuMjY5NyAyMC41ODA0TDguMDE5NjYgMTMuMzMwNEM3LjcyNjc2IDEzLjAzNzUgNy43MjY3NiAxMi41NjI2IDguMDE5NjYgMTIuMjY5N0wxNS4yNjk3IDUuMDE5NzJDMTUuNTYyNiA0LjcyNjgzIDE2LjAzNzQgNC43MjY4MyAxNi4zMzAzIDUuMDE5NzJaIiBmaWxsPSJjdXJyZW50Q29sb3IiLz4KPC9zdmc+Cg==");
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    margin-top: 0;
    border-radius: 50%;
    background: var(--white-transparent);
    color: var(--secondary-600);
  }
}

:root {
  --bottom-catalog-bar-height: 90px;
  --reviews--primery: var(--primary) !important;
  --reviews--hover: var(--primary-hover) !important;
  --reviews--active: var(--primary-active) !important;
  --body-font-family-reviews: inherit !important;
}
@media (min-width: 769px) {
  :root {
    --bottom-catalog-bar-height: 0px;
  }
}

.region-delivery__loader {
  width: 60px;
  height: 60px;
}

@media (max-width: 768px) {
  div.compare-list__wrapper.fixed.bottom {
    bottom: calc(8px + var(--bottom-bar-height) + var(--bottom-catalog-bar-height));
  }
}

.detail__fixed-header {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  z-index: 200;
  transform: translateY(-100%);
  transition: transform var(--transition), box-shadow var(--transition);
  background-color: var(--white);
  box-shadow: var(--shadow);
}
.detail__fixed-header-title {
  display: -webkit-box;
  max-width: 50vw;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.detail__fixed-header-image {
  width: 60px;
  height: 60px;
  margin-right: 16px;
  border-radius: 12px;
  overflow: hidden;
}
.detail__fixed-header.active {
  transform: translateY(0%);
  box-shadow: var(--shadow);
}

.promo-timer {
  display: flex;
  align-items: stretch;
  column-gap: 10px;
  width: fit-content;
  max-width: 100%;
  height: 64px;
  margin: 24px 0;
  padding: 10px 16px;
  background-color: var(--primary-100);
  border-radius: var(--border-radius);
}
.promo-timer::before {
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1px;
  background-color: var(--dark);
}
.promo-timer__data {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  align-items: end;
  row-gap: 2px;
  order: -1;
}
.promo-timer__caption {
  font-size: 14px;
}
.promo-timer__time {
  font-weight: 500;
}
.promo-timer__title {
  position: relative;
  top: 50%;
  height: fit-content;
  transform: translateY(-50%);
  color: var(--dark);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.tab__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  color: var(--dark);
}
.tab__header svg {
  transform: rotate(-90deg);
}
.tab__body > :first-child {
  padding-top: 10px;
}
.tab__body p {
  margin: 0;
  padding-top: 8px;
}
.tab__list {
  padding-top: 10px;
}
.tab__list-item {
  column-gap: 4px;
  margin-bottom: 4px;
  word-break: break-word;
}

.seller,
.brand {
  margin-bottom: 24px;
}

@media (max-width: 1023px) {
  main {
    margin-top: 0;
  }
  .header .header__top, .header .header__main {
    height: 0 !important;
    padding: 0 !important;
    max-width: 100%;
    overflow: hidden;
  }
  .header .header__logo-wrapper, .header .header__catalog-button-wrapper, .header .header__search-wrapper, .header .header__regions-wrapper, .header.header--3 .header__search-wrapper {
    display: none !important;
  }
  .catalog__breadcrumbs-element {
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  html body {
    padding-bottom: calc(var(--bottom-bar-height) + var(--bottom-catalog-bar-height)) !important;
  }
  div.detail__fixed-header {
    display: none !important;
  }
}
@media (min-width: 1025px) {
  .header {
    transition: opacity var(--transition);
  }
  .header.hidden {
    opacity: 0;
    pointer-events: none;
  }
}
/*# sourceMappingURL=style.css.map */