/* The rarest restored template (design_template 1000 / "newlime", the
   cs-* class family) relied on an icon font (glyphs.woff2/woff) that the
   archive never captured - every glyph icon it drives renders blank,
   most visibly a plain green square for the price-range filter button
   (a 30x30 solid-color button with no icon inside). Only one restored
   page uses this template (/ua/g15607761-vyshivanki-zhenskie-dlinnym),
   so these are hand-drawn replacement icons (inline via CSS mask, tinted
   with the element's own `color` so no per-context recoloring is needed)
   instead of trying to recover the original font. */

.cs-header-phones__icon:before,
.cs-search__button:after,
.cs-range-filter__button:before,
.cs-catalog-panel__btn_type_gallery:before,
.cs-catalog-panel__btn_type_list:before,
.cs-custom-button-icon_type_order:before,
.cs-custom-button-icon_type_custom-order:before,
.cs-goods-label_type_user:before,
.cs-goods-label_type_discount:before,
.cs-goods-label_type_discount-gift:before,
.cs-goods-label_type_timer:before {
  content: "";
  display: inline-block;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: currentColor;
  vertical-align: middle;
}

.cs-header-phones__icon:before {
  width: 18px;
  height: 18px;
  color: #a6c95b;
  -webkit-mask-image: url("/cloud-cgi/_restored/icons/phone.svg");
  mask-image: url("/cloud-cgi/_restored/icons/phone.svg");
}

.cs-search__button:after {
  width: 16px;
  height: 16px;
  color: #a6a6a6;
  -webkit-mask-image: url("/cloud-cgi/_restored/icons/search.svg");
  mask-image: url("/cloud-cgi/_restored/icons/search.svg");
}

.cs-range-filter__button:before {
  width: 14px;
  height: 14px;
  color: #fff;
  -webkit-mask-image: url("/cloud-cgi/_restored/icons/search.svg");
  mask-image: url("/cloud-cgi/_restored/icons/search.svg");
}

.cs-catalog-panel__btn_type_gallery:before {
  width: 15px;
  height: 15px;
  -webkit-mask-image: url("/cloud-cgi/_restored/icons/grid.svg");
  mask-image: url("/cloud-cgi/_restored/icons/grid.svg");
}

.cs-catalog-panel__btn_type_list:before {
  width: 15px;
  height: 15px;
  -webkit-mask-image: url("/cloud-cgi/_restored/icons/list.svg");
  mask-image: url("/cloud-cgi/_restored/icons/list.svg");
}

.cs-goods-label_type_user:before,
.cs-goods-label_type_discount:before,
.cs-goods-label_type_discount-gift:before,
.cs-goods-label_type_timer:before {
  width: 10px;
  height: 10px;
  margin-right: 2px;
  color: #a6c95b;
  -webkit-mask-image: url("/cloud-cgi/_restored/icons/tag.svg");
  mask-image: url("/cloud-cgi/_restored/icons/tag.svg");
}

.cs-custom-button-icon_type_order:before,
.cs-custom-button-icon_type_custom-order:before {
  /* color/vertical-align/margin already come from the original
     .cs-custom-button-icon_color_main:before rule (loaded before this
     file) - only the icon itself is missing. */
  width: 18px;
  height: 18px;
  -webkit-mask-image: url("/cloud-cgi/_restored/icons/cart.svg");
  mask-image: url("/cloud-cgi/_restored/icons/cart.svg");
}

.cs-custom-button-icon_color_main {
  padding-top: 9px;
}