@charset "UTF-8";.ui-folder {
  display: flex;
  flex-direction: column;
}
.ui-folder._size-m {
  gap: 4px;
}
.ui-folder._size-l {
  max-width: 84px;
  gap: 8px;
  align-items: center;
}
@media screen and (max-width: 425px) {
  .ui-folder._size-l {
    max-width: 100%;
    min-width: 0;
  }
}
.ui-folder._size-l .folder-icon {
  width: 84px;
  height: auto;
}
@media screen and (max-width: 1280px) {
  .ui-folder._size-l .folder-icon {
    width: 61px;
  }
}
@media screen and (max-width: 1024px) {
  .ui-folder._size-l .folder-icon {
    width: 67px;
  }
}
@media screen and (max-width: 425px) {
  .ui-folder._size-l .folder-icon {
    width: 84px;
  }
}
.ui-folder._size-l .ui-folder__title {
  text-align: center;
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-xl);
  line-height: var(--line-height-l);
}
.ui-folder__title {
  transition: color var(--transition);
  color: var(--wp--preset--color--black);
  font-family: var(--wp--preset--font-family--pt-sans-narrow);
  font-weight: var(--font-weight);
  font-size: var(--font-size-m);
  line-height: var(--line-height-l);
}
@media (hover: hover) {
  .ui-folder:not(._selected):hover .folder-icon__body {
    fill: var(--wp--preset--color--white);
  }
  .ui-folder:not(._selected):hover .folder-icon__accent {
    fill: var(--grey-2);
  }
}

.folder-icon__body {
  transition: fill var(--transition);
  fill: var(--grey-2);
}
.folder-icon__accent {
  transition: fill var(--transition);
  fill: var(--grey-3);
}
.folder-icon._selected .folder-icon__body {
  fill: var(--wp--preset--color--orange);
}
.folder-icon._selected .folder-icon__accent {
  fill: var(--orange-dark);
}.ui-chip {
  flex-shrink: 0;
  list-style: none;
  width: max-content;
  background-color: var(--wp--preset--color--grey);
  border: var(--hq-border-outset);
  font-family: var(--wp--preset--font-family--pt-sans-narrow);
  font-weight: var(--font-weight);
  user-select: none;
}
.ui-chip._clickable {
  cursor: pointer;
  transition: background-color var(--transition);
}
@media (hover: hover) {
  .ui-chip._clickable:hover {
    background-color: var(--orange-dark);
  }
}
.ui-chip._clickable:active {
  background-color: var(--orange-dark);
  border: var(--hq-border-inset);
}
.ui-chip._selected {
  background-color: var(--wp--preset--color--white);
}
.ui-chip:not(.ui-chip._clickable) {
  cursor: auto;
}
.ui-chip {
  font-size: var(--font-size-s);
  line-height: var(--line-height-m);
}
.ui-chip._size-m {
  padding: 3px 8px;
}
.ui-chip._size-l {
  padding: 8px;
}
.ui-button {
  text-transform: none !important;
  font-family: var(--wp--preset--font-family--druk-wide) !important;
  font-size: var(--font-size-xs) !important;
  line-height: var(--line-height-s) !important;
  color: var(--wp--preset--color--white) !important;
  border: var(--hq-border-outset) !important;
  transition: background-color var(--transition);
}
.ui-button:focus {
  /* Перекрытие стилей */
  border: var(--hq-border-outset) !important;
}
@media (hover: hover) {
  .ui-button:hover {
    /* Перекрытие стилей */
    border: var(--hq-border-outset) !important;
  }
}
.ui-button._disabled {
  background-color: var(--wp--preset--color--grey) !important;
  cursor: auto !important;
  opacity: 1 !important;
}
.ui-button._disabled:active {
  background-color: var(--wp--preset--color--grey) !important;
  cursor: auto !important;
  opacity: 1 !important;
}
.ui-button:not(:disabled):active {
  border: var(--hq-border-inset) !important;
}
.ui-button._shape-auto {
  width: 100% !important;
  padding: 9px !important;
  color: var(--wp--preset--color--white) !important;
  text-shadow: var(--font-shadow) !important;
}
.ui-button._shape-auto._size-m {
  padding: 12px !important;
}
.ui-button._shape-auto:focus {
  /* Перекрытие стилей */
  background-color: var(--wp--preset--color--orange) !important;
}
.ui-button._shape-auto:not(:disabled) {
  background-color: var(--wp--preset--color--orange) !important;
}
@media (hover: hover) {
  .ui-button._shape-auto:not(:disabled):hover {
    background-color: var(--orange-dark) !important;
  }
}
.ui-button._shape-auto:not(:disabled):active {
  background-color: var(--orange-dark) !important;
}
.ui-button._shape-square {
  padding: 0;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--wp--preset--color--black) !important;
  background-color: var(--wp--preset--color--grey) !important;
  user-select: none;
}
@media (hover: hover) {
  .ui-button._shape-square:not(:disabled):hover {
    background-color: var(--wp--preset--color--white) !important;
  }
}
.ui-button._shape-square:not(:disabled):active {
  background-color: var(--wp--preset--color--white) !important;
}
.ui-button._shape-square:not(:disabled) svg {
  fill: var(--wp--preset--color--black) !important;
}
.ui-button._shape-square._disabled {
  opacity: 1 !important;
  color: var(--grey-1) !important;
}
.ui-button._shape-square._disabled svg {
  fill: var(--grey-1) !important;
}
.ui-button._shape-square._selected {
  background-color: var(--orange-dark) !important;
  color: var(--wp--preset--color--black) !important;
}
.ui-button._shape-square._selected svg {
  fill: var(--wp--preset--color--black) !important;
}.ui-counter {
  display: flex;
  align-items: center;
}
.ui-counter__value {
  min-width: 46px;
  padding-inline: 4px;
  text-align: center;
  font-family: var(--wp--preset--font-family--druk-wide);
  font-weight: var(--font-weight-l);
  font-size: var(--font-size-s);
  line-height: var(--line-height-s);
  user-select: none;
}.card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 16px;
  border: var(--hq-border-outset);
  overflow: hidden;
  background-color: transparent;
  transition: background-color var(--transition);
}
.card__link {
  position: absolute;
  inset: 0;
}
.card__link._variant-full {
  z-index: 1;
}
.card__link._variant-preview {
  z-index: 3;
}
@media (hover: hover) {
  .card._variant-preview:hover {
    background-color: var(--wp--preset--color--white);
  }
}
.card__content-container._variant-preview {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .card__content-container._variant-preview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
.card .swiper {
  position: relative;
  z-index: 2;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .card .swiper._variant-preview {
    margin-bottom: 0;
  }
}
.card__image {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.card__navigation .swiper-pagination-bullets {
  bottom: 8px;
  display: flex;
  justify-content: center;
  gap: 4px;
}
.card__navigation .swiper-pagination-bullet {
  margin: 0 !important;
  width: 8px;
  height: 8px;
  border-radius: 0;
  border: 1px solid var(--wp--preset--color--white);
  background: transparent;
  opacity: 1;
}
.card__navigation .swiper-pagination-bullet-active {
  background: var(--wp--preset--color--white);
}
.card__title-container {
  display: flex;
  color: var(--wp--preset--color--white);
  font-family: var(--wp--preset--font-family--druk-wide) !important;
  font-weight: var(--font-weight-l) !important;
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
}
.card__title-container._variant-full {
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}
.card__title-container._variant-preview {
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
.card__title {
  margin: 0 !important;
  color: var(--wp--preset--color--white) !important;
  text-shadow: var(--font-shadow) !important;
  font-weight: var(--font-weight-l) !important;
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
}
.card__price-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.card__price {
  margin: 0 !important;
  white-space: nowrap !important;
  color: var(--orange-dark) !important;
  font-weight: var(--font-weight-l) !important;
  font-size: var(--font-size-m) !important;
  line-height: var(--line-height-m) !important;
}
.card__option {
  font-size: var(--font-size-m);
  line-height: var(--line-height-l);
  color: var(--wp--preset--color--black);
  font-family: var(--wp--preset--font-family--pt-sans-narrow) !important;
}
.card__subtitle {
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  color: var(--wp--preset--color--black) !important;
  font-family: var(--wp--preset--font-family--pt-sans-narrow) !important;
  font-weight: var(--font-weight) !important;
  font-size: var(--font-size-s) !important;
  line-height: var(--line-height-m) !important;
}
.card__options-container {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 12px;
  flex-direction: column !important;
  height: 100%;
  justify-content: space-between;
}
.card__options-groups {
  display: flex;
  gap: 12px !important;
}
.card__options {
  margin: 0 !important;
}
.card__options:last-child {
  flex-shrink: 0;
  width: 90px;
}
@media screen and (min-width: 1441px) {
  .card__options:last-child {
    width: 98px;
  }
}
.card__options-title {
  margin-bottom: 8px;
  color: var(--wp--preset--color--black) !important;
  font-family: var(--wp--preset--font-family--pt-sans-narrow) !important;
  font-weight: var(--font-weight-xl) !important;
  font-size: var(--font-size-xs) !important;
  line-height: var(--line-height-s) !important;
}
.card__options-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.card__actions-container {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 0 !important;
  margin: 0 !important;
  flex-flow: row !important;
}
.card__actions-cart-button-text {
  font-size: var(--font-size-xs) !important;
  line-height: var(--line-height-s) !important;
}
.card__qty {
  order: 2 !important;
  width: 0 !important;
  padding: 0 !important;
}
.card__qty:has(*) {
  width: max-content !important;
  padding-left: 8px !important;
}
.card__cart-button {
  order: 1 !important;
  width: 100% !important;
}
.card__form {
  height: 100%;
}
.card__form:not(:has(*)) {
  display: none;
}