/* Start:/local/templates/2019/components/teamprofi/empty/catalog.filter/style.css?16902798598941*/
.catalog-filter__controls {
  margin-top: 36px;
}
.container-spread--sparwine .catalog-filter__controls .btn--light, .modal-popup--grape .catalog-filter__controls .btn--light {
  color: #84406d;
  box-shadow: 0 4px 16px 0 rgba(132, 64, 109, 0.12);
}
html:not(.bx-touch) .container-spread--sparwine .catalog-filter__controls .btn--light:hover, html.bx-touch .container-spread--sparwine .catalog-filter__controls .btn--light:active, html:not(.bx-touch) .modal-popup--grape .catalog-filter__controls .btn--light:hover, html.bx-touch .modal-popup--grape .catalog-filter__controls .btn--light:active {
  box-shadow: 0 4px 16px 0 rgba(132, 64, 109, 0.2);
}
.container-spread--sparwine .catalog-filter__controls .btn:not(.btn--light), .modal-popup--grape .catalog-filter__controls .btn:not(.btn--light) {
  background-color: #5f2d50;
  box-shadow: 0 4px 16px 0 rgba(132, 64, 109, 0.12);
}
html:not(.bx-touch) .container-spread--sparwine .catalog-filter__controls .btn:not(.btn--light):hover, html.bx-touch .container-spread--sparwine .catalog-filter__controls .btn:not(.btn--light):active, html:not(.bx-touch) .modal-popup--grape .catalog-filter__controls .btn:not(.btn--light):hover, html.bx-touch .modal-popup--grape .catalog-filter__controls .btn:not(.btn--light):active {
  background-color: #4F2643;
  box-shadow: 0 4px 16px 0 rgba(132, 64, 109, 0.2);
}
.catalog-filter--loading {
  opacity: 0.6;
  pointer-events: none;
}
.catalog-filter .ckeck-custom {
  display: flex;
  width: 100%;
}
html:not(.bx-touch) .container-spread--sparwine .catalog-filter .ckeck-custom:hover span:before, html.bx-touch .container-spread--sparwine .catalog-filter .ckeck-custom:active span:before {
  border-color: #84406d;
}
.catalog-filter .ckeck-custom .filter-link {
  width: 100%;
  padding-top: 9px;
  padding-bottom: 9px;
  color: #262626;
  cursor: pointer;
}
.catalog-filter .ckeck-custom .filter-link em {
  color: #c4c4c4;
  font-style: normal;
}
.catalog-filter .ckeck-custom input[type=checkbox]:checked + .filter-link span:before {
  border-color: #15b742;
  background-color: #15b742;
}
.container-spread--sparwine .catalog-filter .ckeck-custom input[type=checkbox]:checked + .filter-link span:before {
  border-color: #84406d;
  background-color: #84406d;
}
.catalog-filter .ckeck-custom input[type=checkbox]:checked + .filter-link span:after {
  content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA4IDYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcuNzE5OCAwLjI4MTUxYzAuMzczNTMgMC4zNzUzNSAwLjM3MzUzIDAuOTgzOSAwIDEuMzU5M2wtNC4wNTggNC4wNzc3Yy0wLjM3MzUzIDAuMzc1MzQtMC45NzkxNCAwLjM3NTM1LTEuMzUyNyAwbC0yLjAyOS0yLjAzODljLTAuMzczNTMtMC4zNzUzNC0wLjM3MzUzLTAuOTgzOS02ZS02IC0xLjM1OTIgMC4zNzM1My0wLjM3NTM0IDAuOTc5MTQtMC4zNzUzNSAxLjM1MjcgMGwxLjM1MjcgMS4zNTkyIDMuMzgxNy0zLjM5ODFjMC4zNzM1My0wLjM3NTM1IDAuOTc5MTQtMC4zNzUzNSAxLjM1MjcgMHoiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
  position: absolute;
  top: 7px;
  left: 6px;
  width: 8px;
  height: 6px;
  line-height: 0;
}
.catalog-filter .ckeck-custom input[type=checkbox] {
  display: none;
}
.catalog-filter .ckeck-custom input[type=checkbox]:disabled + .filter-link span, .catalog-filter .ckeck-custom input[type=checkbox]:disabled:checked + .filter-link span {
  cursor: default;
  color: #909090;
}
.catalog-filter .ckeck-custom input[type=checkbox]:disabled + .filter-link span:before, .catalog-filter .ckeck-custom input[type=checkbox]:disabled:checked + .filter-link span:before {
  border-color: #c4c4c4;
  background-color: #efefef;
}
.catalog-filter .ckeck-custom input[type=checkbox]:disabled + .filter-link span:after, .catalog-filter .ckeck-custom input[type=checkbox]:disabled:checked + .filter-link span:after {
  content: none;
}
.catalog-filter__select {
  opacity: 0;
}
.catalog-filter .select2 {
  max-width: 302px;
}
@media (max-width: 413px) {
  .catalog-filter .select2 {
    max-width: 100%;
  }
}

.toogle-filter + .toogle-filter {
  margin-top: 41px;
}
.toogle-filter__variants {
  display: none;
}
.toogle-filter__spoiler-area {
  display: none;
  margin-top: 18px;
}
.show .toogle-filter__spoiler-area {
  display: block;
}
.toogle-filter__spoiler-link {
  font-family: "RotondaC", sans-serif;
  margin-top: 19px;
  font-size: 14px;
  line-height: 1.4;
  letter-spacing: 0.42px;
  color: #15b742;
  cursor: pointer;
}
html:not(.bx-touch) .toogle-filter__spoiler-link:hover, html.bx-touch .toogle-filter__spoiler-link:active {
  color: #129e39;
}
.show .toogle-filter__spoiler-link span {
  display: none;
}
.toogle-filter__spoiler-link span + span {
  display: none;
}
.show .toogle-filter__spoiler-link span + span {
  display: inline;
}
.container-spread--sparwine .toogle-filter__spoiler-link, .modal-popup--grape .toogle-filter__spoiler-link {
  color: #84406d;
}
html:not(.bx-touch) .container-spread--sparwine .toogle-filter__spoiler-link:hover, html.bx-touch .container-spread--sparwine .toogle-filter__spoiler-link:active, html:not(.bx-touch) .modal-popup--grape .toogle-filter__spoiler-link:hover, html.bx-touch .modal-popup--grape .toogle-filter__spoiler-link:active {
  color: #5f2d50;
}
.toogle-filter__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
html:not(.bx-touch) .toogle-filter__title:hover, html.bx-touch .toogle-filter__title:active {
  color: #15b742;
}
html:not(.bx-touch) .container-spread--sparwine .toogle-filter__title:hover, html.bx-touch .container-spread--sparwine .toogle-filter__title:active, html:not(.bx-touch) .modal-popup--grape .toogle-filter__title:hover, html.bx-touch .modal-popup--grape .toogle-filter__title:active {
  color: #84406d;
}
.toogle-filter__title span {
  font-family: "RotondaC", sans-serif;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.6px;
}
@media (max-width: 1023px) {
  .toogle-filter__title span {
    font-size: 18px;
  }
}
.toogle-filter__title .icon {
  flex-shrink: 0;
  padding: 0 0 0 15px;
  font-size: 6px;
  box-sizing: content-box;
  color: #7a7a7a;
}
.toogle-filter.open .toogle-filter__variants {
  display: flex;
  flex-direction: column;
  padding: 16px 0 0;
  font-size: 0;
}
.toogle-filter.open .icon {
  padding: 0 15px 0 0;
  transform: rotateZ(180deg);
}
.toogle-filter__tags {
  margin: -8px;
}
@media (max-width: 767px) {
  .toogle-filter__tags {
    margin: -4px;
  }
}
.toogle-filter__tags .btn-tag, .toogle-filter__tags .toogle-filter__group {
  margin: 8px;
}
@media (max-width: 767px) {
  .toogle-filter__tags .btn-tag, .toogle-filter__tags .toogle-filter__group {
    margin: 4px;
  }
}
.modal-popup--grape .toogle-filter__tags .btn-tag.active, .modal-popup--grape .toogle-filter .catalog-sort__item .btn-tag.active {
  background-color: #5f2d50;
  color: #ffffff;
  box-shadow: 0 4px 16px 0 rgba(132, 64, 109, 0.12);
}
html:not(.bx-touch) .modal-popup--grape .toogle-filter__tags .btn-tag.active:hover, html.bx-touch .modal-popup--grape .toogle-filter__tags .btn-tag.active:active, html:not(.bx-touch) .modal-popup--grape .toogle-filter .catalog-sort__item .btn-tag.active:hover, html.bx-touch .modal-popup--grape .toogle-filter .catalog-sort__item .btn-tag.active:active {
  box-shadow: 0 4px 16px 0 rgba(132, 64, 109, 0.2);
}
.toogle-filter__tags .toogle-filter__spoiler-link {
  margin-left: 8px;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .toogle-filter__tags .toogle-filter__spoiler-link {
    margin-left: 4px;
    margin-right: 4px;
  }
}
.toogle-filter__tags .toogle-filter__spoiler-area {
  margin-top: 0;
}
.toogle-filter__group {
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: #7a7a7a;
  margin-bottom: 16px;
}
.toogle-filter__group ~ .toogle-filter__group {
  margin-top: 42px;
}
.toogle-filter .catalog-sort {
  flex-wrap: wrap;
  margin: -8px;
}
@media (max-width: 767px) {
  .toogle-filter .catalog-sort {
    display: flex;
    margin: -4px;
  }
}
.toogle-filter .catalog-sort__item {
  margin: 8px;
}
@media (max-width: 767px) {
  .toogle-filter .catalog-sort__item {
    margin: 4px;
  }
}
.toogle-filter .catalog-sort__item.hide {
  display: block;
}
.toogle-filter .catalog-sort .btn-tag--icon-right {
  display: none;
}
html:not(.bx-touch) .container-spread--sparwine .toogle-filter .catalog-sort .btn-tag:hover, html.bx-touch .container-spread--sparwine .toogle-filter .catalog-sort .btn-tag:active, html:not(.bx-touch) .modal-popup--grape .toogle-filter .catalog-sort .btn-tag:hover, html.bx-touch .modal-popup--grape .toogle-filter .catalog-sort .btn-tag:active {
  background: #5f2d50;
}
.container-spread--sparwine .toogle-filter .catalog-sort .btn-tag.active, .modal-popup--grape .toogle-filter .catalog-sort .btn-tag.active {
  background: #84406d;
}
.toogle-filter .form-control--autocomlpete {
  display: none;
}
html.bx-touch .toogle-filter .form-control--autocomlpete:not(.no-touch-style) {
  display: block;
}

/* End */


/* Start:/local/templates/2019/components/teamprofi/empty/catalog.sort/style.css?16847990542253*/
.catalog-sort {
  position: relative;
}
.catalog-section__right .catalog-sort {
  margin: 0;
}
.catalog-sort .select2-container {
  width: 255px;
  margin-top: 20px;
  right: 0;
  transform: translateX(-50%);
  margin-right: -10px;
  z-index: 2;
}
@media (max-width: 767px) {
  .catalog-sort .select2-container {
    display: block;
    margin-top: 0;
    right: auto;
    transform: none;
    margin-right: 0;
  }
}
html.bx-touch .catalog-sort .select2-container:not(.no-touch-style) {
  margin-right: -16px;
}
.catalog-sort .select2-container .select2-selection--single {
  display: none;
}
.catalog-sort .select2-container--open .select2-dropdown {
  left: auto;
  right: auto;
}
.catalog-sort .select2-container .select2-results__options {
  padding-left: 0;
  margin-bottom: 0;
}
.catalog-sort .select2-container .select2-dropdown--below {
  margin-top: 5px;
}
@media (max-width: 767px) {
  .catalog-sort .select2-container .select2-dropdown--below {
    margin-top: 0;
  }
}
.catalog-sort .select2-container .select2-results__option {
  margin: 0;
  font-size: 14px;
}
@media (max-width: 767px) {
  .catalog-sort .select2-container--below {
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 50px;
  }
}
html:not(.bx-touch) .catalog-sort .btn-tag:hover, html.bx-touch .catalog-sort .btn-tag:active {
  background: #15b742;
  color: #ffffff;
}
html:not(.bx-touch) .catalog-sort .btn-tag:hover .icon, html.bx-touch .catalog-sort .btn-tag:active .icon {
  color: white;
}
.catalog-sort .btn-tag.active {
  background: #15b742;
  color: #ffffff;
}
.catalog-sort .btn-tag.active .icon {
  color: #ffffff;
}
.catalog-sort .btn-tag.selected {
  position: relative;
}
.catalog-sort .btn-tag.selected:after {
  content: "";
  position: absolute;
  top: -3px;
  right: -3px;
  width: 14px;
  height: 14px;
  background: #fc6a6f;
  border-radius: 50%;
  border: 2px solid #ffffff;
}
.catalog-sort .btn-tag .icon {
  font-size: 12px;
  stroke-width: 2px;
}
.catalog-sort select {
  display: none;
}
.container-spread--sparwine .catalog-sort .select2-container--default .select2-results__option--highlighted, .catalog-element--grape .catalog-sort .select2-container--default .select2-results__option--highlighted {
  background-color: #84406d;
}

/* End */


/* Start:/local/templates/2019/css/badges.css?17727398323863*/
/* -------------------- */
/* слой шильдиков */
/* -------------------- */
.badges-wrapper {
    position: relative;
    display: inline-block;
}

.badges-layer {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: visible;
}

.badges,
.badge,
.badge-favorite {
    pointer-events: auto;
}

.badges {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.badges[data-corner="tl"] { top: 0; left: 0; right: 56px;}
.badges[data-corner="tr"] { top: 0; right: 0; }
.badges[data-corner="bl"] { bottom: 0; left: 0; }
.badges[data-corner="br"] { bottom: 0; right: 0; }

/* угловые радиусы */
.badges[data-corner="tl"] .badge {
    border-radius: 0 8px 8px 0;
    height: 20px;

    max-width: 100%;
}

.badges[data-corner="tr"] .badge {
    border-radius: 8px 0 0 8px;
}

/* BL — левый нижний угол */
.badges[data-corner="bl"] .badge {
    background: #FFFFFFCC;
    height: 24px;
    color: #000;
}

.badges[data-corner="bl"] .badge:only-child {
    border-radius: 0 8px 8px 0;
}

.badges[data-corner="bl"] .badge:first-child {
    border-radius: 0 8px 8px 0;
}

.badges[data-corner="bl"] .badge:last-child {
    border-radius: 0 8px 0 0;
}

.badges[data-corner="br"] .badge {
    border-radius: 8px 0 0 0;
}

.badge {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    font-size: 12px;
    width: fit-content;
    white-space: nowrap;
    line-height: 130%;
    letter-spacing: 0;
    color:#fff;
}

.badge-favorite {
    width: 48px;
    height: 48px;
    background: rgba(255,255,255,.9);
    border-bottom-left-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
}

.badge-favorite img {
    transition: transform 0.2s ease, filter 0.2s ease;
}

.badge-favorite:hover img {
    transform: scale(1.1);
}

.badge-favorite.active img {
    transform: scale(1.05);
}

.badge__text {
    font-size: 12px;
    line-height: 1.2;
    overflow: hidden;
}

.badge__text-main {
    font-family: "SF Pro Display", "Cera Round", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000000CC;
}

.badge__text-secondary {
    font-family: "Cera Round", Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #7A7A7A;
}

.badge__icon {
    object-fit: contain;
}

.badge__icon-bl {
    width: 18px;
    height: 18px;
}

.badge-tooltip {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 12px 16px;
    color: #262626;
    border-radius: 8px;
    font-size: 14px;
    line-height: 140%;
    white-space: nowrap;
    pointer-events: none;
    box-shadow: 0 4px 16px 0 #8B8B8B33;
    border: 1px solid #EFEFEF;
    z-index: 99999;
}
.badge-tooltip.tooltip-above {
    bottom: 100%;
    margin-bottom: 8px;
}

.badge-tooltip.tooltip-above::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}

/* tooltip снизу */
.badge-tooltip.tooltip-below {
    top: 100%;
    margin-top: 8px;
}

.badge-tooltip.tooltip-below::after {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

.badges[data-corner="br"] .badge {
    background: #FFFFFFCC;
    height: 24px;
    border-radius: 8px 0 0 0;
    display: flex;
    align-items: center;
    padding: 0 8px;
}

.badge__text-br {
    font-family: "Cera Round", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #000000CC;
    line-height: 1;
}

/* End */


/* Start:/local/templates/2019/components/bitrix/system.pagenavigation/.default/style.css?16902798595459*/
.pager {
  margin-top: 80px;
}
@media (max-width: 1023px) {
  .pager {
    margin-top: 72px;
  }
}
.pager__next {
  position: relative;
  margin-bottom: 40px;
  height: 48px;
}
html.bx-touch .pager__next:not(.no-touch-style) {
  height: 56px;
}
.content .paging, .mfp-content .paging {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 0;
}
.content .paging__control, .mfp-content .paging__control {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  font-size: 10px;
  border-radius: 50%;
  box-shadow: 0 4px 16px 0 rgba(139, 139, 139, 0.2);
  background-color: #ffffff;
  color: #15b742;
}
html.bx-touch .content .paging__control:not(.no-touch-style), html.bx-touch .mfp-content .paging__control:not(.no-touch-style) {
  width: 48px;
  height: 48px;
}
html:not(.bx-touch) .content .paging__control:hover, html.bx-touch .content .paging__control:active, html:not(.bx-touch) .mfp-content .paging__control:hover, html.bx-touch .mfp-content .paging__control:active {
  color: #129e39;
}
html:not(.bx-touch) .content .paging__control:active, html.bx-touch .content .paging__control:active, html:not(.bx-touch) .mfp-content .paging__control:active, html.bx-touch .mfp-content .paging__control:active {
  box-shadow: 0 4px 8px 0 rgba(21, 183, 66, 0.16);
}
.content .paging__control--prev, .mfp-content .paging__control--prev {
  margin-right: 20px;
}
.content .paging__control--next, .mfp-content .paging__control--next {
  margin-left: 20px;
}
.content .paging__control--disabled, .mfp-content .paging__control--disabled {
  pointer-events: none;
  filter: grayscale(1);
}
.content .paging__area, .mfp-content .paging__area {
  margin: 0 -10px;
}
.content .paging__item, .mfp-content .paging__item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  margin: 0 10px;
  border-radius: 50%;
  font-size: 14px;
  line-height: 40px;
  color: #262626;
  text-align: center;
  user-select: none;
}
@media (max-width: 767px) {
  .content .paging__item, .mfp-content .paging__item {
    display: none;
  }
}
html.bx-touch .content .paging__item:not(.no-touch-style), html.bx-touch .mfp-content .paging__item:not(.no-touch-style) {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
html:not(.bx-touch) .content .paging__item:hover, html.bx-touch .content .paging__item:active, html:not(.bx-touch) .mfp-content .paging__item:hover, html.bx-touch .mfp-content .paging__item:active {
  color: #15b742;
  text-decoration: none;
}
.content .paging__item--dots, .mfp-content .paging__item--dots {
  color: #c4c4c4;
}
.content .paging__item--active, .mfp-content .paging__item--active {
  color: #ffffff;
  background-color: #15b742;
}
@media (max-width: 767px) {
  .content .paging__item--active, .mfp-content .paging__item--active {
    display: inline-block;
  }
}
html:not(.bx-touch) .content .paging__item--active:hover, html.bx-touch .content .paging__item--active:active, html:not(.bx-touch) .mfp-content .paging__item--active:hover, html.bx-touch .mfp-content .paging__item--active:active {
  cursor: default;
  color: #ffffff;
}

.container-spread--sparwine .paging__control, .catalog-element--grape .paging__control {
  color: #84406d;
}
html:not(.bx-touch) .container-spread--sparwine .paging__control:hover, html.bx-touch .container-spread--sparwine .paging__control:active, html:not(.bx-touch) .catalog-element--grape .paging__control:hover, html.bx-touch .catalog-element--grape .paging__control:active {
  color: #5f2d50;
  box-shadow: 0 4px 16px 0 rgba(139, 139, 139, 0.24);
}
html:not(.bx-touch) .container-spread--sparwine .paging__item:hover, html.bx-touch .container-spread--sparwine .paging__item:active, html:not(.bx-touch) .catalog-element--grape .paging__item:hover, html.bx-touch .catalog-element--grape .paging__item:active {
  color: #5f2d50;
}
.container-spread--sparwine .paging__item--active, .catalog-element--grape .paging__item--active {
  background-color: #84406d;
}
html:not(.bx-touch) .container-spread--sparwine .paging__item--active:hover, html.bx-touch .container-spread--sparwine .paging__item--active:active, html:not(.bx-touch) .catalog-element--grape .paging__item--active:hover, html.bx-touch .catalog-element--grape .paging__item--active:active {
  color: #ffffff;
}
.content .container-spread--sparwine .pager__next .btn--outline, .mfp-content .container-spread--sparwine .pager__next .btn--outline, .content .catalog-element--grape .pager__next .btn--outline, .mfp-content .catalog-element--grape .pager__next .btn--outline {
  color: #84406d;
  border-color: #84406d;
}
html:not(.bx-touch) .content .container-spread--sparwine .pager__next .btn--outline:hover, html.bx-touch .content .container-spread--sparwine .pager__next .btn--outline:active, html:not(.bx-touch) .mfp-content .container-spread--sparwine .pager__next .btn--outline:hover, html.bx-touch .mfp-content .container-spread--sparwine .pager__next .btn--outline:active, html:not(.bx-touch) .content .catalog-element--grape .pager__next .btn--outline:hover, html.bx-touch .content .catalog-element--grape .pager__next .btn--outline:active, html:not(.bx-touch) .mfp-content .catalog-element--grape .pager__next .btn--outline:hover, html.bx-touch .mfp-content .catalog-element--grape .pager__next .btn--outline:active {
  color: rgba(132, 64, 109, 0.9);
  border-color: rgba(132, 64, 109, 0.5);
}

/* End */
/* /local/templates/2019/components/teamprofi/empty/catalog.filter/style.css?16902798598941 */
/* /local/templates/2019/components/teamprofi/empty/catalog.sort/style.css?16847990542253 */
/* /local/templates/2019/css/badges.css?17727398323863 */
/* /local/templates/2019/components/bitrix/system.pagenavigation/.default/style.css?16902798595459 */