@charset "UTF-8";
/* HEADER ============================== */
.header__top {
  background: #2d2d2d;
}
.header__content-static {
  background: unset;
}
.header__bottom-inner {
  backdrop-filter: blur(7.5px);
}
.header__location, .header__phone {
  color: var(--color-content-neutral-secondary);
}
.header-social .icon svg path[fill] {
  color: var(--color-content-neutral-secondary);
}
.header .menu__link, .header .header__auth, .header .header__phone, .header .header {
  font-weight: 400;
}
.header .trigger-button span,
.header .trigger-button span::before,
.header .trigger-button span::after {
  background-color: #FFFFFF;
}

/* CART ============================== */
.cart_type_block {
  background: var(--color-bg-neutral-md);
}
.cart_type_block .cart__footer {
  background: var(--color-bg-neutral-lg);
  backdrop-filter: blur(7.5px);
  left: calc(-1 * var(--size-card-padding-sm));
  bottom: calc(-1 * var(--size-card-padding-sm));
  width: calc(100% + var(--size-card-padding-sm) * 2);
}
.cart_type_block .cart__footer.shadow {
  box-shadow: unset;
}
.cart_type_block .cart__label {
  font-weight: 400;
}
.cart_type_full .cart__item {
  background: var(--color-bg-neutral-md);
}
.cart_type_full .cart__aside {
  background: var(--color-bg-neutral-md);
}
.cart_type_full .cart__summary-title {
  font-weight: 400;
}

/* PRODUCT CARD ============================== */
.product-card {
  background: var(--color-bg-neutral-md);
}
.product-card__slider .swiper-slider {
  background: var(--color-bg-neutral-md);
}
.product-card__slider .swiper-slider .swiper-button-prev .swiper-button-canvas path,
.product-card__slider .swiper-slider .swiper-button-next .swiper-button-canvas path {
  fill: #2a2a2a;
}

/* PRODUCT LAYOUT ============================== */
.product-layout {
  background: var(--color-bg-neutral-md);
}
.product-layout__slider .swiper-slider .swiper-button-canvas path {
  fill: #2a2a2a;
}
.product-layout__title {
  font-weight: 400;
}
.product-layout__label {
  font-weight: 400;
}

.energy-value__content {
  font-weight: 400;
}

.filter-switch > .form-item input:checked ~ label {
  background: var(--color-button-filled-primary-bg-default);
  color: var(--color-button-filled-primary-content-default);
}
.filter-switch > .form-item input:checked ~ label:hover {
  background: var(--color-button-filled-primary-bg-hover);
}
.filter-switch > .form-item input:checked ~ label:focus-visible, .filter-switch > .form-item input:checked ~ label.focus-visible, .filter-switch > .form-item input:checked ~ label.focus {
  background: var(--color-button-filled-primary-bg-active);
}

/* ATTRIBUTES ============================== */
.attributes-switcher__element.active {
  background: var(--color-button-filled-primary-bg-default);
}
.attributes-switcher__element.active:hover {
  background: var(--color-button-filled-primary-bg-hover);
}
.attributes-switcher__element.active:focus-visible, .attributes-switcher__element.active.focus-visible, .attributes-switcher__element.active.focus {
  background: var(--color-button-filled-primary-bg-active);
}
.attributes-switcher__element.active .attributes-switcher__element-name {
  color: var(--color-button-filled-primary-content-default);
}

/* CATALOG ============================== */
.catalog .view-content {
  grid-template-columns: repeat(3, 1fr);
}
@container main (max-width: 767px) {
  .catalog .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@container main (max-width: 440px) {
  .catalog .view-content {
    grid-template-columns: 1fr;
  }
}

/* FOOTER ============================== */
.footer {
  background: var(--color-bg-neutral-md);
}
.footer__contact-value {
  color: var(--color-content-primary-primary);
}
.footer__contact-value span {
  color: var(--color-content-primary-primary);
}
.footer__contact-data_phone a[href^="tel:"] {
  color: var(--color-content-primary-primary);
}
.footer-menu__link {
  color: var(--color-button-text-neutral-content-primary-default, #FFF);
}
.footer__bottom {
  border-color: var(--color-border-neutral-md);
}

.contact-block {
  background: var(--color-bg-neutral-md);
}

.links-block {
  background: var(--color-bg-neutral-md);
}
.links-block__title {
  font-weight: 400;
}
.links-block__subtitle {
  font-family: var(--font-family);
}
.links-block__description {
  line-height: 1.3em;
}

/* ТОКЕНЫ РАДИУСОВ ========================= */
.radius-middle {
  --radius-button-md: var(--radius-button-full);
  --radius-button-sm: var(--radius-button-full);
  --radius-button-lg: var(--radius-button-full);
  --radius-button-xl: var(--radius-button-full);
  --radius-button-full: var(--size-base-999);
  --radius-textfield-md: var(--radius-button-full);
  --radius-textfield-sm: var(--radius-button-full);
  --radius-textfield-lg: var(--radius-button-full);
  --radius-textfield-xl: var(--radius-button-full);
}

.textarea_style_filled {
  border-radius: 36px;
}

.promo_banner_nowrap .promo__title {
  font-weight: 400;
}
.promo_banner_nowrap .promo__description {
  font-family: var(--font-family);
}

.category-block__title {
  font-weight: 400;
}

.category-button_state_active .category-button__link {
  background: var(--color-button-filled-primary-bg-default);
  color: var(--color-button-filled-primary-content-default);
}
.category-button .category-button__link:hover {
  background: var(--color-button-filled-neutal-bg-hover, #404040);
}

.category-card .category-card__title {
  font-weight: 400;
}

.slider-block__title {
  font-weight: 400;
}
.slider-block__text {
  font-family: var(--font-family);
}

.text-block {
  background: var(--color-bg-neutral-md);
}
.text-block__data h3 {
  font-weight: 400;
}
.text-block .heading__title {
  font-weight: 400;
}

/* CHECKOUT ============================== */
.checkout-pane .fieldset-checkout-widget {
  background: var(--color-bg-neutral-md);
}
.checkout-pane .form-widget-switcher .form-item input:checked ~ label {
  background: var(--color-button-filled-primary-bg-default);
  color: var(--color-button-filled-primary-content-default);
}
.checkout-pane .form-widget-switcher .form-item input:checked ~ label:hover {
  background: var(--color-button-filled-primary-bg-hover);
}
.checkout-pane .form-widget-switcher .form-item input:checked ~ label:focus-visible, .checkout-pane .form-widget-switcher .form-item input:checked ~ label.focus-visible, .checkout-pane .form-widget-switcher .form-item input:checked ~ label.focus {
  background: var(--color-button-filled-primary-bg-active);
}

.layout-region_checkout-aside {
  background: var(--color-bg-neutral-md);
}

.address-details__title {
  font-weight: 400;
}

.order-summary__label-total {
  font-weight: 400;
}

.form-element .input_type_text.input_style_filled,
.form-element .form-textarea {
  color: var(--color-textfield-outline-content-default);
  background: var(--color-textfield-filled-neutral-bg-md-default-2, #1E1E1E);
}
.form-element .input_type_text.input_style_filled:hover,
.form-element .form-textarea:hover {
  background: rgba(30, 30, 30, 0.8);
}
.form-element .input_type_text.input_style_filled:focus-visible, .form-element .input_type_text.input_style_filled:focus, .form-element .input_type_text.input_style_filled:active,
.form-element .form-textarea:focus-visible,
.form-element .form-textarea:focus,
.form-element .form-textarea:active {
  background: #101010;
}

.form-widget .form-item .option {
  background: unset;
  cursor: pointer;
}

.form-widget-select .fieldset-wrapper {
  border-radius: var(--radius-card-img-sm);
  background: var(--color-bg-neutral-md);
  backdrop-filter: blur(7.5px);
  box-shadow: unset;
}

.project-toolbar__bottom {
  background: var(--color-bg-neutral-md);
  backdrop-filter: blur(7.5px);
}
.project-toolbar__button-icon {
  background: var(--color-bg-neutral-md);
  backdrop-filter: blur(7.5px);
}
.project-toolbar__button-icon-wrap {
  color: #ffffff;
}

.popup {
  background: var(--color-bg-neutral-md);
}
.popup-overlay {
  background: rgba(0, 0, 0, 0.4901960784);
  backdrop-filter: blur(7.5px);
}
.popup-overlay_state_active {
  opacity: 1;
}
.popup__title {
  font-weight: 400;
}

.cookie {
  background: var(--color-bg-neutral-lg);
  backdrop-filter: blur(7.5px);
}
.cookie__text {
  color: var(--color-content-neutral-secondary);
}
.cookie__button {
  background: var(--color-button-filled-primary-bg-default);
  color: var(--color-button-filled-primary-content-default);
}

@container main (max-width: 1366px) {
  .category-card_size_sm {
    height: 293px;
    border-radius: var(--radius-card-md, 20px);
  }
}
@container main (max-width: 767px) {
  .category-card_size_sm {
    height: 217px;
  }
}
@container main (max-width: 640px) {
  .category-card_size_sm {
    height: 324px;
  }
}
@container main (max-width: 500px) {
  .category-card_size_sm {
    height: 217px;
  }
}
@container main (max-width: 480px) {
  .category-card_size_sm {
    height: 187px;
  }
}
@media (max-width: 1000px) {
  .region-categories {
    display: none;
  }
  .header__mobile-menu-top {
    padding: 0 var(--size-content-padding-lg) var(--size-content-padding-lg) var(--size-content-padding-lg);
  }
  .header__location {
    line-height: 1.3em;
  }
}
@media (max-width: 890px) {
  .promo_banner_nowrap .promo__data {
    position: absolute;
    bottom: 0;
  }
}
.content-block_type_simple .content-block__media {
  background: var(--color-bg-neutral-md);
}
.content-block_type_simple .content-block__data {
  background: var(--color-bg-neutral-md);
}

.heading__description, .heading__description p {
  font-family: var(--font-family);
}

.promo_banner_wrap-content .promo__data {
  background: var(--color-bg-neutral-md);
}
.promo_banner_wrap-content .promo__title {
  font-weight: 400;
}

.promo_banner_divide .promo__data {
  background: var(--color-bg-neutral-md);
}
.promo_banner_divide .promo__title {
  font-weight: 400;
}
.promo_banner_divide .promo__description {
  font-family: var(--font-family);
}

.simple-card_type_text {
  min-height: 128px;
}

.feature-card {
  background: var(--color-bg-neutral-md);
}

.simple-card_color-mode_light,
.simple-card_color-mode_neutral {
  background: var(--color-bg-neutral-md);
}

.map-block {
  background: var(--color-bg-neutral-md);
  border-radius: var(--radius-card-md);
}

/*# sourceMappingURL=style.css.map */