/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/
/* Examples (uncomment to use):*/
/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */
/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/
.section-gallery-wrapper__item img,
.catalog-viewed__item__image img,
.basket-item-image.rounded-x {
  border-radius: 0;
}

.fancybox-container .fancybox-bg, .fancybox-container .fancybox-button {
  opacity: 0.6;
  background: black;
}

.fancybox-inner .fancybox-content .fancybox-image {
  background: white;
}

.catalog-block .ajax_load_btn {
  display: none;
}

.slide-block__head,
.slide-block .slide-block__body {
  display: none !important;
}

.section-view_7950 .slide-block__head,
.section-view_7950 .slide-block .slide-block__body {
  display: block !important;
}

.header_contacts_block {
  display: flex;
  gap: 10px;
  text-align: center;
}
.header_contacts_block .social {
  display: grid;
  grid-row: 2;
  grid-template-columns: repeat(2, 1fr);
  width: 75px;
  margin: 0 auto;
}
.header_contacts_block .social .messenger-max a, .header_contacts_block .social .telegram a {
  display: block;
  width: 25px;
  height: 27px;
  text-indent: -10000px;
  margin: 0 auto;
}
.header_contacts_block .social .messenger-max a {
  background: url(../images/svg/max.svg) 0 0 no-repeat;
  background-size: 100%;
}
.header_contacts_block .social .telegram a {
  background: url(../images/svg/teleg.svg) 0 0 no-repeat;
  background-size: 100%;
}

.contacts-detail__property .contact-property__value {
  display: none;
}
.contacts-detail__property .contact-property__value:nth-child(1),
.contacts-detail__property .contact-property__value:nth-child(2) {
  display: block;
}

.mobilephones__menu-item.header_contacts_block {
  display: block;
  text-align: left;
}
.mobilephones__menu-item.header_contacts_block .social {
  width: 150px;
  margin-left: 24px;
}
.mobilephones__menu-item.header_contacts_block .social a {
  height: 55px;
}

.mobilemenu__menu-dropdown .mobilemenu__menu-item > .link-wrapper .social {
  display: grid;
  grid-row: 2;
  grid-template-columns: repeat(2, 1fr);
  width: 75px;
  margin: 0 auto;
}
.mobilemenu__menu-dropdown .mobilemenu__menu-item > .link-wrapper .social .messenger-max a, .mobilemenu__menu-dropdown .mobilemenu__menu-item > .link-wrapper .social .telegram a {
  display: block;
  width: 25px;
  height: 27px;
  text-indent: -10000px;
  margin: 0 auto;
}
.mobilemenu__menu-dropdown .mobilemenu__menu-item > .link-wrapper .social .messenger-max a {
  background: url(../images/svg/max.svg) 0 0 no-repeat;
  background-size: 100%;
}
.mobilemenu__menu-dropdown .mobilemenu__menu-item > .link-wrapper .social .telegram a {
  background: url(../images/svg/teleg.svg) 0 0 no-repeat;
  background-size: 100%;
}

.header_1.header .header__inner {
  padding-bottom: 0;
  border-bottom: none;
}

.best-sections {
  display: flex;
  gap: 10px;
  font-family: sans-serif;
  margin-top: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(34, 34, 34, 0.08);
  border-bottom: var(--light, 1px solid rgba(34, 34, 34, 0.08)) var(--dark, 1px solid rgba(237, 237, 237, 0.08));
}
.best-sections a {
  background-color: #f2f2f2;
  padding: 10px 20px;
  border-radius: 999px;
  font-size: 14px;
  color: #333;
}

.contacts_block-footer {
  margin-bottom: 20px;
}
.contacts_block-footer a {
  color: white;
  margin-bottom: 10px;
  display: block;
}
.contacts_block-footer .social {
  display: grid;
  grid-row: 2;
  grid-template-columns: repeat(2, 1fr);
  width: 75px;
}
.contacts_block-footer .social .messenger-max a,
.contacts_block-footer .social .telegram a {
  display: block;
  width: 25px;
  height: 27px;
  text-indent: -10000px;
  margin: 0 auto;
}
.contacts_block-footer .social .messenger-max a {
  background: url(/bitrix/templates/aspro-lite/css/../images/svg/max.svg) 0 0 no-repeat;
  background-size: 100%;
}
.contacts_block-footer .social .telegram a {
  background: url(/bitrix/templates/aspro-lite/css/../images/svg/teleg.svg) 0 0 no-repeat;
  background-size: 100%;
}

.switcher-title.header-menu__wide-child-link.fill-theme-hover span {
  display: block;
  font-weight: bold;
}
.switcher-title.header-menu__wide-child-link.fill-theme-hover span:first-letter {
  text-transform: uppercase;
}

.grid-list__item .sticker__item.sticker__item--ask {
  display: none;
}

.sticker__item--nalichie_i_tseny_utochnyat_u_menedzherov {
  display: none !important;
}

.banners-big .main-slider {
  height: 280px;
}
.banners-big .main-slider .main-slider__item, .banners-big .main-slider .banners-big__item {
  background-size: auto;
}
.banners-big .main-slider .swiper-slide {
  height: 280px;
}

.CATALOG_TAB .line-block__item:nth-child(3) {
  display: none;
}

/* main slider*/
@media screen and (max-width: 1300px) and (min-width: 1200px) {
  .banners-big .main-slider .swiper-slide {
    height: 184px !important;
  }
}
@media screen and (max-width: 1400px) and (min-width: 1300px) {
  .banners-big .main-slider {
    height: 240px;
  }
  .banners-big .main-slider .swiper-slide {
    height: 233px !important;
  }
  .banners-big .main-slider .main-slider__item {
    background-position: inherit;
    background-size: 100%;
  }
}
@media screen and (max-width: 1300px) {
  .banners-big .main-slider {
    height: 188px;
  }
  .banners-big .main-slider .swiper-slide {
    height: 176px;
  }
  .banners-big .main-slider .main-slider__item {
    background-position: inherit;
    background-size: 100%;
  }
}
@media screen and (max-width: 950px) {
  .banners-big .main-slider {
    height: 157px;
  }
  .banners-big .main-slider .swiper-slide {
    height: 154px;
  }
}

.catalog-detail__top-info {
  position: relative;
}

.index-block--padding-top-40 > div {
  padding-top: 0;
}

.banners-with-text-custom-template {
  padding-top: 0;
}

.sale-list.sale-list--items-offset.sale-list-template {
  padding-bottom: 0;
  padding-top: 30px;
}

.company-item.front_company-template {
  padding-top: 40px;
}

.sections-list.other-template .line-block--gap-12 {
  --gap: 7px;
}
.sections-list.other-template .line-block--gap > .line-block__item {
  min-width: 208px;
  max-width: 200px;
}
.sections-list.other-template .sections-list__item-text {
  text-overflow: inherit;
  overflow: visible;
  font-size: clamp(0.8rem, 0.6rem + 0.2vw, 1rem);
}
.sections-list.other-template .sections-list__item-image-wrapper {
  --section-image-offset: 10px;
}

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

/* ============================================
   CUSTOM: Product card — favorite icon, meta block, mobile
   ============================================ */

/* --- Favorite icon: top-right corner of card --- */
.catalog-block__item {
  position: relative;
}
.product-card__favorite {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 10;
}
.product-card__favorite .item-action__inner {
  --item-action-width: 36px;
  --item-action-height: 36px;
  background: rgba(255,255,255,0.7);
  border-radius: 50%;
}
.product-card__favorite .item-action__inner .svg {
  opacity: 0.5;
}
.product-card__favorite .item-action__inner svg * {
  fill: #888;
}
.product-card__favorite .item-action.active .item-action__inner svg * {
  fill: #e53935;
}
.product-card__favorite .item-action.active .item-action__inner .svg {
  opacity: 1;
}

/* --- Hide duplicate favorite in bottom buttons (already shown on top) --- */
.catalog-block__info-bottom .js-replace-icons .item-action:first-child {
  display: none;
}

/* --- Brand + Collection meta block --- */
.product-card__meta {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 4px;
  font-size: 13px;
  line-height: 1.3;
  flex-wrap: wrap;
}
.product-card__flag {
  width: 16px;
  height: 11px;
  vertical-align: middle;
  border-radius: 1px;
  box-shadow: 0 0 0 1px rgba(0,0,0,0.08);
}
.product-card__brand,
.product-card__collection {
  color: #666;
  text-decoration: none;
  white-space: nowrap;
}
.product-card__brand:hover,
.product-card__collection:hover {
  color: #333;
  text-decoration: underline;
}
.product-card__meta-sep {
  color: #bbb;
}

/* ============================================
   MOBILE: Product cards — 2 columns, larger, optimized
   ============================================ */
@media (max-width: 600px) {
  /* Force 2 columns */
  .catalog-block .grid-list .grid-list__item {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: 100% !important;
  }
  /* Card padding */
  .catalog-block .catalog-block__item {
    padding: 10px 10px 12px;
  }
  /* Image larger: remove negative margins limitation */
  .catalog-block__item .catalog-block__item--img-corner {
    margin-left: -10px;
    margin-right: -10px;
    margin-top: -10px;
  }
  /* Price: slightly smaller */
  .catalog-block__item .price .values_wrapper {
    font-size: 15px !important;
  }
  /* Title: reasonable size */
  .catalog-block__item .catalog-block__info-title {
    font-size: 13px !important;
    line-height: 1.3;
    -webkit-line-clamp: 2;
    max-height: calc(2 * 1.3em);
  }
  /* Meta block on mobile */
  .product-card__meta {
    font-size: 11px;
    gap: 3px;
    margin-bottom: 2px;
  }
  .product-card__flag {
    width: 14px;
    height: 10px;
  }
  /* Status: shorter text, no bold article */
  .catalog-block__info-tech {
    margin-top: 3px !important;
  }
  .catalog-block__info-tech .article {
    font-weight: normal !important;
  }
  .catalog-block__info-tech .line-block__item {
    font-size: 11px !important;
  }
  /* Buy button: show it, make it compact */
  .catalog-block__info-bottom .catalog-wide-button {
    min-width: 100%;
  }
  .catalog-block__info-bottom .btn-sm {
    --button-height: 32px;
    font-size: 13px;
    padding-left: 6px;
    padding-right: 6px;
  }
  /* Favorite icon position */
  .product-card__favorite {
    top: 6px;
    right: 6px;
  }
  .product-card__favorite .item-action__inner {
    --item-action-width: 30px;
    --item-action-height: 30px;
  }
  /* Info section spacing */
  .catalog-block__info {
    margin-top: 8px !important;
  }
}


/* ── Mobile menu: category label + separator (25.03.2026) ── */
.mobilemenu__menu-item--label{pointer-events:none}
.mobilemenu__menu-item--label .link-wrapper{padding:0!important;min-height:0!important}
.mobilemenu__label{display:block;padding:12px 32px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#999;cursor:default}
.mobilemenu__menu-item--separator{border-top:1px solid #eee;margin-top:6px;padding-top:6px}