@charset "utf-8";

/**
 * @section Основные стили
 */
html { background1: #4a4f56; min-height: 100%; position: relative; }

body {
  background: #fff;
  color: #333a4a;
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
  /*margin: 0 0 620px;*/
  margin: 0 0 340px;
}

a {
  /* Chrome ≥ 1.0, Firefox ≥ 1.5, Opera ≥ 7.0, Safari ≥ 1.2, Internet Explorer ≥ 8.0 */
  outline: none;
  text-decoration: none;
}

span.nowrap { white-space: nowrap; }

/**
 * @css-for Internet Explorer ≥ 10.0
 */
input[type="text"]:focus::-ms-clear,
input[type="tel"]:focus::-ms-clear,
input[type="email"]:focus::-ms-clear,
input[type="password"]:focus::-ms-clear,
textarea:focus::-ms-clear { display: none; }

/**
 * @css-for Chrome ≥ 57.0
 * @css-for Firefox ≥ 51.0
 * @css-for Opera ≥ 44.0
 * @css-for Safari ≥ 10.1
 */
input[type="text"]::placeholder { color: #bfbfbf; }

/**
 * @css-for Chrome ≥ 2.0
 * @css-for Opera ≥ 15.0
 * @css-for Safari ≥ 4.0
 */
input[type="text"]::-webkit-input-placeholder { color: #bfbfbf; }

/**
 * @css-for Firefox ≥ 4.0
 */
input[type="text"]:-moz-placeholder { color: #bfbfbf; }

/**
 * @css-for Firefox ≥ 19.0
 */
input[type="text"]::-moz-placeholder { color: #bfbfbf; }

/**
 * @css-for Internet Explorer ≥ 10.0
 */
input[type="text"]:-ms-input-placeholder { color: #bfbfbf; }

/**
 * @subsection Теги HTML 5
 */
article,
section,
nav,
aside,
hgroup,
header,
footer,
figure,
main { display: block; }

/**
 * @subsection Типовой контейнер фиксированной ширины
 */
div.container { clear: both; margin: 0 auto; width: 960px; }

/**
 * @section Фон меню вспомогательных ссылок
 */
div.header-subtle {
  background: #4a4f56;
}

/**
 * @subsection Контейнер, содержащий меню вспомогательных ссылок
 */
div.header-subtle div.container { font-size: 0; line-height: 40px; }

/**
 * @subsubsection Меню вспомогательных ссылок
 */
ul.header-subtle-menu {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  list-style: none;
  padding-left: 0;
  vertical-align: middle;
  white-space: nowrap;
  width: 100%;
}

ul.header-subtle-menu li {
  color: #fff;
  display: inline-block;
  font-size: 14px;
}

ul.header-subtle-menu li:not(:first-child):not(:last-child)::before {
  color: #fff;
  content: "\00b7";
  display: inline-block;
  font-weight: 700;
  margin: 0 14px;
  vertical-align: top;
}

ul.header-subtle-menu li:first-child + li + li,
ul.header-subtle-menu li:first-child + li + li + li,
ul.header-subtle-menu li:last-child {
  float: right;
}

ul.header-subtle-menu li a { color: #fff; }
ul.header-subtle-menu li:first-child a { font-weight: 500; }

/**
 * @subsubsection Вторичное меню
 */
ul.header-secondary-menu {
  list-style: none;
  margin: 28px 0;
  padding: 0;
  vertical-align: middle;
  white-space1: nowrap;
  width: 100%;
}

ul.header-secondary-menu li {
  display: inline-block;
  vertical-align: middle;
}

ul.header-secondary-menu li + li { margin-left: 18px; }

ul.header-secondary-menu li:not(:first-child) {
  float: right;
}

ul.header-secondary-menu li a { color: #333a4a; vertical-align: middle; }

ul.header-secondary-menu li a.icon-box::before,
ul.header-secondary-menu li a.icon-cart::before,
ul.header-secondary-menu li a.icon-pin::before {
  display: inline-block;
  height: 24px;
  margin-left1: -35px;
  vertical-align: top;
  width: 35px;
}

a.icon-box::before { content: url("../img/icon-box.png"); }
a.icon-cart::before { content: url("../img/icon-cart.png"); }
a.icon-pin::before { content: url("../img/icon-pin.png"); }

ul.header-secondary-menu li a sup {
  background: #e93041;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #fff;
  float: right;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 3px 0 1px 5px;
  padding: 0 9px;
}

/**
 * @subsubsection Главное меню
 */
ul.header-main-menu {
  list-style: none;
  margin: 28px 0;
  padding: 0;
  width: 100%;
}

ul.header-main-menu li {
  display: inline-block;
  vertical-align: bottom1;
}

ul.header-main-menu li + li { margin-left: 15px; }

/*ul.header-main-menu li:last-child {
  float: right;
}*/

ul.header-main-menu li a {
  color: #333a4a;
  background: #eeeff3;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 20px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 20px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 20px;
  display: table-cell;
  height: 125px;
  padding: 0 0 15px 15px;
  position: relative;
  text-algin: right;
  vertical-align: bottom;
  width: 125px;

  /*box-shadow: 0 0 5px 5px #48abe0;*/
}

a.icon-logo {
  background: url("../img/logo-battery-service.png") center 40px no-repeat #fee74c !important;
  font-size: 0;
  position: relative;
}

a.icon-logo::after {
  width: 100%;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  margin-left: -13px;
  bottom: 36px;
  position: absolute;
  /*font-family: "Courier New";*/
  font-weight: 500;
  letter-spacing: 1px;
  content: "нам по пути";
  text-transform: 1uppercase;
}

ul.header-main-menu li a sup {
  color: #6e748f;
  left: 15px;
  position: absolute;
  top: 15px;
}

/**
 * @section Тело сайта
 */
main { }

/**
 * Листинг товаров
 */
section.product-listing-navigation {
  font-size: 0;
  margin-top: 50px;
}

section.product-listing-content {
  margin-top: 50px;
  padding-bottom: 80px;
}

ul.product-listing-content-data {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

ul.product-listing-content-data li {
  float: left;
  display: inline-block;
  width: 320px;
  padding: 0;
  padding-bottom: 20px; /* FIXME: workaround */
}

form.product-listing-product-card {
  background1: #fc0;
  min-height: 400px;  /* FIXME: workaround */
  padding-bottom1: 30px;
  position: relative;
}

form.product-listing-product-card-compact {
  min-height: 320px!important;  /* FIXME: workaround */
}

form.product-listing-product-card-super-compact {
  min-height: 280px!important;  /* FIXME: workaround */
}

figure.item-figure2 { margin: 0; font-size: 0;

}

figure.item-figure2 img {
  background: #fff;
  padding: 6px;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
  -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 10px;
}

figure.item-figure2 a { display: inline-block; vertical-align: middle;
  min-height: 180px;  /* FIXME: workaround */
}

figure.item-figure2 a + a { color: #36c; margin-left: 20px; font-size: 16px; }

form.product-listing-product-card figcaption {
  font-size: 18px;
  font-weight: 600;
}

form.product-listing-product-card figcaption + dl.property-list { margin-top: 18px; }

form.product-listing-product-card p {
  bottom: 0;
  position: absolute;
}

p.warning { color: #f33; }
p.available { color: #239c12; }

select.option-picker2 {
   /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
   border-radius: 10px;
   /* Chrome ≥ 1.0, Safari ≥ 3.0 */
  -webkit-border-radius: 10px;
   /* Firefox ≥ 1.0 */
  -moz-border-radius: 10px;
   padding: 5px 10px;
   font-size: 16px;
   border: none;
   height: 40px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: url("../img/arrow-down.png") 400px center no-repeat #f3f4f7;
   width: 430px;
   vertical-align: top;
}

select.option-picker2:focus {
  outline: 4px solid #7fe3e9;
}

/* CAUTION: IE hackery ahead */
select.option-picker2::-ms-expand {
  display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
  select.option-picker2 {
    background:none\9;
    padding: 5px\9;
  }
}

a.product-listing-filters-button {
  background: #fee74c url("../img/icon-filter.png") left 20px center no-repeat;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 20px 0 55px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

a.product-listing-reset-button {
  background: #fff;
  border: 2px solid #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 18px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

select.option-picker2 + a.product-listing-filters-button,
a.product-listing-filters-button + a.product-listing-reset-button { margin-left: 10px; }

section.product-list-navigation-selected-filters { margin-top: 30px; }

dl.property-list2 {
  background1: #fc0;
  font-size: 0;
}

dl.property-list2 dt {
  display: inline-block;
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
  margin: 0 10px 10px 0;
  padding: 0;
}

dl.property-list2 a {
  color: #45444c;
  background: #edecf1;
  display: block;
  padding-left: 15px;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
}

dl.property-list2 a::after {
  background: #f5f4f7;
  content: url("../img/icon-cross.png");
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  margin-left: 15px;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-top-right-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-top-right-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-topright: 10px;
 /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
 border-bottom-right-radius: 10px;
 /* Chrome ≥ 1.0, Safari ≥ 3.0 */
-webkit-border-bottom-right-radius: 10px;
 /* Firefox ≥ 1.0 */
-moz-border-radius-bottomright: 10px;
}

dl.property-list2 a:hover::after {
  background: #e7e6ea;
}

data.product-listing-product-card-price {
  font-weight: 600;
  font-size: 18px;
}

data.product-listing-product-card-discount {
  background: #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 12px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 12px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 12px;
  line-height: 24px;
  display: inline-block;
  padding: 0 8px;
  font-weight: 600;
  font-size: 14px;
}

data.hot-price {
  padding-left: 25px;
  position: relative;
}

data.hot-price::before {
  content: url("../img/icon-flame.png");
  position: absolute;
  left: 0;
  top: -25%;
}

data.product-listing-product-card-price + data.product-listing-product-card-discount {
  margin-left: 20px;
}

button.product-listing-product-add {
  background: #fee74c;  /* url("../img/icon-cart1.png") center no-repeat */
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px; /*font-size1: 1;*/
  font-weight: 600;
  line-height: 28px;
  width1: 60px;
  height: 36px;
  text-indent1: -9999em;
  padding: 0 20px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
  vertical-align: top;
}

section.add-cart-section {
  font-size: 0; margin-top: 30px;
}

a.product-listing-product-added {
  background: #fff;
  border: 2px solid #4fb041;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  padding: 0 18px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

button.product-listing-product-buy {
  background: #fff;
  border: 2px solid #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
  padding: 0 18px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

button.product-listing-product-add + button.product-listing-product-buy,
a.product-listing-product-added + button.product-listing-product-buy {
  margin-left: 10px;
}

/**
 * @subsection Карта сайта
 */
section.sitemap-container { background1: #eee; padding1: 50px 0; }

h2.sitemap-container-heading {
  display: none;
  background1: #fc0;
  color: #bbb;
  font-size1: 18px;
  font-weight1: 500;
  line-height1: 30px;
  font: 400 24px / 24px "Sofia Sans Condensed", sans-serif;
  margin: 0;
  border-bottom1: 3px solid #ddd;
}

section.sitemap-container { clear: left; margin-top1: -50px; }
section.sitemap-section { background1: #cf0;
  float: left;
  margin-top: 40px;
}

section.sitemap-section:nth-child(even) {
  background1: lightgreen; clear: left;
  padding-left1: 35px;
  width: 445px;
}

section.sitemap-section:nth-child(odd) {
  width: 480px;
}

section.sitemap-section + section.sitemap-section + section.sitemap-section:last-child {
  margin-top: -10px;
}

h3.sitemap-section-heading {
  background1: #fc0;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  font1: 400 24px / 28px "Sofia Sans Condensed", sans-serif;
  text-transform1: uppercase;
  margin: 0;
}

ul.sitemap-section-data {
  background1: #fcf;
  list-style: none;
  margin: 20px 0 0 35px;
  padding-left: 0;
}

ul.sitemap-section-data li { font-size: 16px; line-height: 18px; }
ul.sitemap-section-data li + li { margin-top: 14px; }
ul.sitemap-section-data a { color: #36c; }

ul.sitemap-section-data a::after {
  content: "\203a";
  margin-left: 5px;
}

/**
 * @subsection Заказы
 */
article.order-card {
  background: #f7f8fb;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 20px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 20px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 20px;
  width: 285px;
  margin-top: 50px;
  padding: 15px 0 15px 15px;
  float: left;
}

article.order-card + article.order-card { margin-left: 20px; }

article.order-card dt { background1: #cf0; color: #777f91; font-size: 14px; line-height: 16px; }

article.order-card dd:not(dt:first-child + dd) {
  background1: #fc0;
  color1: #27467c;
  color: #4fb041;
  margin: 0;
  font: 400 24px / 24px "Sofia Sans Condensed", sans-serif;
}

article.order-card dt:first-child + dd + dt + dd + dt { margin-top: 15px; }

article.order-card dt:first-child { display: none; }

article.order-card dt:first-child + dd {
  position: absolute;
  right: 0;
  margin: 0 15px 0 0;
}

article.order-card dt:first-child + dd + dt { padding-top: 2px; }

article.order-card dl { position: relative; background1: yellow; margin: 0; }

article.order-card dt:first-child + dd + dt + dd + dt + dd + dt {
  background1: yellow;
  position: absolute;
  top: 57px;
  left: 50%;
}

article.order-card dt:first-child + dd + dt + dd + dt + dd + dt + dd {
  background1: orange;
  position: absolute;
  top: 73px;
  left: 50%;
}

article.order-card p { margin: 15px 0 0; }

data[value="pending"] {
  background: #4a6785;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
  text-transform: uppercase;
  padding: 0 10px;
}

data[value="awaiting-payment"] {
  background: #cd3301;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
  text-transform: uppercase;
  padding: 0 10px;
}

data[value="ready"],
data[value="delivered"] {
  background: #51a825;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
  text-transform: uppercase;
  padding: 0 10px;
}

data[value="delivering"] {
  background: #ffd351;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #594300;
  font-size: 12px;
  font-weight: 500;
  line-height: 21px;
  display: inline-block;
  text-transform: uppercase;
  padding: 0 10px;
}

article.order-card p.alert { color: #cd3301; }

table.order-list {
  border-collapse: separate;
  border-spacing: 0;
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%
}

table.order-list th {
  background: #f9f9f9;
}

table.order-list th:first-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-top-left-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-top-left-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-topleft: 10px;
 /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
 border-bottom-left-radius: 10px;
 /* Chrome ≥ 1.0, Safari ≥ 3.0 */
-webkit-border-bottom-left-radius: 10px;
 /* Firefox ≥ 1.0 */
-moz-border-radius-bottomleft: 10px;
}

table.order-list th:last-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-top-right-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-top-right-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-topright: 10px;
 /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
 border-bottom-right-radius: 10px;
 /* Chrome ≥ 1.0, Safari ≥ 3.0 */
-webkit-border-bottom-right-radius: 10px;
 /* Firefox ≥ 1.0 */
-moz-border-radius-bottomright: 10px;
}

table.order-list th { color: #777f91; font-size1: 14px; font-weight: 500; height: 40px; }

table.order-list tr:hover {
  background: #f9f9f9;
}

table.order-list td { height: 80px; }
table.order-list th:first-child { padding-left: 15px; text-align: left; }

table.order-list th:first-child + th { text-align: left; padding-left: 10px; }
table.order-list th:first-child + th + th { text-align: right; }

table.order-list td:first-child { padding-left: 15px; }
table.order-list td:first-child + td + td  { text-align: right; }
table.order-list td:last-child { text-align: center; }

table.order-list data + time { font-size: 14px; display: block;clear1: both; margin-left: 10px;color: #777f91; }

table.order-list a { color: #36c; }

data.item-number {
  background: #e5e8f1;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #36c;
  line-height: 21px;
  display: inline-block;
  text-transform: uppercase;
  padding: 0 10px;
}

/**
 * @subsection Карточка товара
 */
article.product-card { background1: #eee; padding: 50px 0; }

h1.product-card-heading {
  background1: #cf0;
  color: #27467c;
  font: 500 36px / 36px "Sofia Sans Condensed", sans-serif;
  margin: 0;
}

span.product-card-badge {
  background: #27d3f5;
  color: #fff;
  font-size: 14px;
  padding: 4px 10px;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 12.5px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 12.5px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 12.5px;
  height1: 25px;
  line-height1: 25px;
  display1: inline-block;
}

form.product-card-summary-form {
  margin-top: 50px;
  width: 290px;
}

ul.product-card-summary-options {
  margin: 0;
  padding: 20px 10px 10px;

  /* Chrome ≥ 26.0, Firefox ≥ 16.0, Opera ≥ 12.10, Safari ≥ 6.1, Internet Explorer ≥ 10.0 */
  background: linear-gradient(to top, #f6f6f6 1px, #eee 1px) #eee left bottom no-repeat;
  /* Chrome ≥ 2.0, Safari ≥ 4.0 */
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eee)) #eee left bottom no-repeat;
  /* Firefox ≥ 3.6 */
  background: -moz-linear-gradient(bottom, #f6f6f6, #eee) #eee left bottom no-repeat;
  /* Opera ≥ 11.10 */
  background: -o-linear-gradient(bottom, #f6f6f6, #eee) #eee left bottom no-repeat;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 30px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 30px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 30px;
  margin-top: 50px;
  padding: 20px 10px 10px;
  width: 290px;
}

ul.product-card-summary-options li { list-style-type: none; }

ul.product-card-summary-options label { display: block; height: 100px; padding: 15px; }

input[type="radio"].input-radio2 { display: none; }

input[type="radio"].input-radio2 + label {
  background1: yellow;
  cursor: pointer;
  padding-left1: 35px;
  position: relative;
  white-space1: nowrap;
}

input[type="radio"].input-radio2 + label::after {
    background1: #fee74c;
    background1: #36c;
    background: #fff;
    /* Chrome ≥ 4.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
    border-radius: 50%;
    /* Firefox ≥ 1.0 */
   -moz-border-radius: 50%;
    border: 2px solid #e5e3e8;
    content: "";
    right: 10px;
    height: 16px;
    position: absolute;
    top: 50%;
    /* Chrome ≥ 36.0, Opera ≥ 12.10, Firefox ≥ 16.0, Safari ≥ 9.0, Internet Explorer ≥ 10.0 */
    transform: translate(0, -50%);
    /* Chrome ≥ 1.0, Safari ≥ 3.1 */
   -webkit-transform: translate(0, -50%);
    /* Opera ≥ 10.50 */
   -o-transform: translate(0, -50%);
    /* Firefox ≥ 3.5 */
   -moz-transform: translate(0, -50%);
    /* Internet Explorer ≥ 9.0 */
   -ms-transform: translate(0, -50%);
    width: 16px;
}

input[type="radio"].input-radio2:checked + label::after {
    background1: #fee74c;
    background1: #36c;
    background: #000;
    /* Chrome ≥ 4.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
    border-radius: 50%;
    /* Firefox ≥ 1.0 */
   -moz-border-radius: 50%;
    border: 6px solid #fee74c;
    content: "";
    right: 10px;
    height: 8px;
    position: absolute;
    top: 50%;
    /* Chrome ≥ 36.0, Opera ≥ 12.10, Firefox ≥ 16.0, Safari ≥ 9.0, Internet Explorer ≥ 10.0 */
    transform: translate(0, -50%);
    /* Chrome ≥ 1.0, Safari ≥ 3.1 */
   -webkit-transform: translate(0, -50%);
    /* Opera ≥ 10.50 */
   -o-transform: translate(0, -50%);
    /* Firefox ≥ 3.5 */
   -moz-transform: translate(0, -50%);
    /* Internet Explorer ≥ 9.0 */
   -ms-transform: translate(0, -50%);
    width: 8px;
}

ul.product-card-summary-options li:first-child + li input[type="radio"].input-radio2:checked + label {
  background: #fff;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
}

ul.product-card-summary-options li:last-child input[type="radio"].input-radio2:checked + label {
  background: #fff;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-top-left-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-top-left-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-topleft: 10px;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-top-right-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-top-right-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-topright: 10px;

  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-bottom-left-radius: 22px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-bottom-left-radius: 22px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-bottomleft: 22px;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-bottom-right-radius: 22px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-bottom-right-radius: 22px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-bottomright: 22px;
}

ul.product-card-summary-options data.item-available {
  color: #4fb041;
  display: inline-block;
  margin: 0 15px 20px;
}

ul.product-card-summary-options data.item-not-available {
  color: #e3971e;
  display: inline-block;
  margin: 0 15px 20px;
}

ul.product-card-summary-options data.item-price-old {
  font-size: 14px;
  font-weight: 600;
  color: #999;
  display: block;
}

ul.product-card-summary-options data.item-price {
  font-size: 20px;
  font-weight: 600;
  display: inline-block;
}

data.item-price-discount {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 12px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 12px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 12px;
  line-height: 24px;
  background: #fee74c;
  font-size: 14px;
  font-weight: 600;
  margin-left: 5px;
  padding: 0 8px;
  display: inline-block;
}

data.item-savings {
  display: inline-block;
  background: #fff;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 12px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
  -webkit-border-radius: 12px;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 12px;
  line-height: 24px;
  font-size: 14px;
  border: 1px solid #fee74c;
  padding: 0 10px;
}

dl.delivery-options { background1: yellow; margin: 30px 0; }
dl.delivery-options dt + dt { margin-top: 20px; }
dl.delivery-options p { margin: 0; display: inline-block; padding-left: 40px; line-height: 18px;}
dl.delivery-options a { color: #36c; display: inline-block;  }

dl.delivery-options a::after {
  content: "\203a";
  margin-left: 5px;
}

section.product-card-summary-form-buttons {

}

section.product-card-summary-form-buttons button[type="submit"].order {
  width: 310px;
  background: #fee74c;  /* url("../img/icon-cart.1png") left 20px center no-repeat */
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  padding: 0;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

section.product-card-summary-form-buttons a.order-added {
  width: 306px;
  background: #fff;  /* url("../img/icon-cart.1png") */
  border: 2px solid #4fb041;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  padding: 0;
  text-align: center;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

section.product-card-summary-form-buttons button[type="submit"].buy-now {
  width: 310px;
  background: #fff;
  border: 2px solid #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 18px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

section.product-card-summary-form-buttons button[type="submit"] + button[type="submit"],
section.product-card-summary-form-buttons a.order-added + button[type="submit"] { margin-top: 10px; }

section.product-listing-content div.load-more-wrapper {
  margin-top: 30px;
  width: 100%;
  text-align: center;
}

button[type="button"].load-more {
  width: 310px;
  background: #fff;
  border: 2px solid #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 18px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

figure.product-card-image {
  float: right;
  background1: #cf0; margin: 0; padding: 0; vertical-align1: middle; font-size: 0;display1: table-cell;
  width: 650px;
  text-align: center;
  margin-top: 50px;
  height: 500px;
  position:relative;
}

figure.product-card-image img { position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}

section.product-params { background1: #f0f0f0; margin-top: 50px; width: 460px; display: block; }

h2.product-params-heading {
  background1: #fc9;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px; clear: none;
}

section.product-params table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%
}

section.product-params table th {
  color: #777f91;
  font-weight: 400;
  text-align: left;
}

section.product-params table td {
  font-weight: 500;
  text-align1: left;
}

section.product-params { float: left1; background: yellow1; }
section.product-params:first-child + section.product-params + section.product-params { float: right; }

section.pos { background1: #f0f0f0; margin-top: 50px; }

section.pos table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%
}

section.pos table td {
  font-weight1: 500;
  text-align1: left;
}

section.pos table td:first-child { width: 80px; }
section.pos table td:first-child + td { width: 180px; }
section.pos table td:first-child + td + td { width: 300px; }
section.pos table td:last-child { width: 180px; }

section.pos data[value="available"] { color: #4fb041; font-weight: 500; }
section.pos data[value="not-available"] { color: #e3971e; font-weight: 500; }

aside.price-info {
  color: #777f91;
  font-size: 14px;
  margin: 50px 0;
  padding-bottom: 50px;
  width: 480px;
}

/**
 * @subsection Корзина
 */
form.cart-form { background1: #eee; padding: 50px 0; }

form.cart-form a { color: #36c; }
form.cart-form small { color: #989da7; font-size: 14px; font-weight: normal; }

h1.cart-form-heading {
  background1: #cf0;
  color: #27467c;
  font: 500 36px / 36px "Sofia Sans Condensed", sans-serif;
  margin: 0;
}

section.cart-content {
  background1: #eee;
  padding-top: 35px;
}

section.cart-content p { margin-left1: 74px; }

dl.property-list {
  background1: #fc0;
  font-size: 0;
}

dl.property-list dt {
  display: inline-block;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  line-height: 30px;
  font-size: 14px;
  font-weight: 600;
  margin: 0 10px 10px 0;
  padding: 0 10px;
  background: #f3f4f7;
}

table.cart-content-table {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%
}

table.cart-content-table td {
  background1: #f9f9f9;
}

table.cart-content-table td:first-child a {
  font-size: 18px;
}

p.sale { font-size: 14px; }
p.sale em { font-style: normal; color: #f33; }

table.cart-content-table data.item-available {
  color: #4fb041;
  display: block;
}

table.cart-content-table data.item-price-old {display: block;background1: #fc0; margin-top: 20px; }
table.cart-content-table data.item-price-old { clear: both; font-size: 14px; font-weight: 500; }

table.cart-content-table data.item-price { display: inline-block; }

table.cart-content-table data.item-amount {
  background: #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  padding1: 0 5px;
  line-height1: 20px;
  outline: 10px solid #fee74c;
  font-weight: 600;
}

table.cart-content-table data.item-price { font-weight: 500; }
table.cart-content-table data.item-price-old s { color: #989da7; }

table.cart-content-table data.item-savings {
  display: inline-block;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 12px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 12px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 12px;
  line-height: 24px;
  font-size: 14px;
  border: 1px solid #fee74c;
  padding: 0 10px;
  margin-left: 10px;
}

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  font-size: 0;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button.minus,
.number-input button.plus {
  outline:none;
  -webkit-appearance1: none;
  background: none;
  border: none;
  width: 36px;
  height: 36px;
  font-size: 22px;
  line-height: 36px;
  align-items1: center;
    justify-content1: center;
  cursor: pointer;
  margin: 0;
  position1: relative;
}{
  outline:none;
  -webkit-appearance1: none;
  background: none;
  border: none;
  width: 36px;
  height: 36px;
  font-size: 22px;
  line-height: 36px;
  align-items1: center;
    justify-content1: center;
  cursor: pointer;
  margin: 0;
  position1: relative;
}

.number-input button1::after {
  background: #fc0;
  display: inline-block;
  position: absolute;
  font-weight: 900;
  content: '\2012';
  transform: translate(-50%, -50%) rotate(180deg);
  width: 36px;
  height: 36px;
  line-height: 36px;
}

.number-input button1.plus::after {
  content: '+';
}

.number-input input[type="number"] {
    background: #f3f4f7;
    border: none;
    /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
    border-radius: 10px;
    /* Chrome ≥ 1.0, Safari ≥ 3.0 */
   -webkit-border-radius: 10px;
    /* Firefox ≥ 1.0 */
   -moz-border-radius: 10px;
    font-size: 16px;
    height: 36px;
    padding: 0 10px 0 10px;
    text-align: center;
}

.number-input input[type="number"]:focus {
  outline: 4px solid #7fe3e9;
  background: #fff;
}

button.cart-remove {
  outline:none;
  -webkit-appearance1: none;
  background: none;
  border: none;
  width: 36px;
  height: 36px;
  font-size: 22px;
  line-height: 36px;
  align-items1: center;
    justify-content1: center;
  cursor: pointer;
  margin: 0;
  position1: relative;
}

table.cart-content-table tr:first-child + tr td:first-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-top-left-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-top-left-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-topleft: 10px;
}

table.cart-content-table tr:first-child + tr td:last-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-top-right-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-top-right-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-topright: 10px;
}

table.cart-content-table tr:last-child td:first-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-bottom-left-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-bottom-left-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-bottomleft: 10px;
}

table.cart-content-table tr:last-child td:last-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-bottom-right-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-bottom-right-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-bottomright: 10px;
}

table.cart-content-table td:last-child { text-align: right; }

section.cart-subtotal { margin-right: 35px; margin-top: 35px; width: 285px; float1: right; margin-left: 675px; }

table.cart-subtotal td.subtotal-name { padding-top: 10px; font-size: 16px; font-weight: 500; }
table.cart-subtotal td.subtotal-value { padding-top: 10px;  font-size: 18px; font-weight: 600; }

form.cart-form button[type="submit"] {  /* Не используется */
  background: #fee74c url("../img/icon-copy.png") left 20px center no-repeat;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 30px;
  padding: 0 20px 0 55px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

form.cart-form button[type="submit"][disabled] {  /* Не используется */
  background-color: #f3f4f7;
  background-image: none;
  color: #989da7;
  opacity1: 0.5;
  position: relative;
}

form.cart-form button[type="submit"][disabled]::after {  /* Не используется */
  content: "";
  background: url("../img/icon-copy.png") left 20px center no-repeat;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index1: -1;
}

form.cart-form a[role="button"] {
  background: #fee74c url("../img/icon-copy.png") left 20px center no-repeat;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 30px;
  padding: 0 20px 0 55px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

/**
 * @subsection Форма оформления заказа
 */
form.order-placing-form { background1: #eee; padding: 50px 0; }

form.order-placing-form p { color: #989da7; margin-top: 4px; }
form.order-placing-form a { color: #36c; }
form.order-placing-form small { color1: #666; font-size: 14px; font-weight: normal; }

h1.order-placing-form-heading {
  background1: #cf0;
  color: #27467c;
  font: 500 36px / 36px "Sofia Sans Condensed", sans-serif;
  margin: 0;
}

fieldset.order-placing-fieldset,
fieldset.delivery-method-fieldset {
  background1: #cf0;
  border: none;
  margin: 50px 0 0;
  padding: 0;
}

fieldset.delivery-method-fieldset { width: 520px; }

fieldset.delivery-method-fieldset fieldset {
  background1: #cf0;
  border: none;
  margin: 10px 0 0;
  padding: 0;
}

legend.order-placing-fieldset-heading,
legend.delivery-method-fieldset-heading {
  background1: #fc9;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

fieldset.order-placing-fieldset > ul,
fieldset.delivery-method-fieldset > ul { margin: 30px 0 0; padding: 0; }

fieldset.order-placing-fieldset > ul > li,
fieldset.delivery-method-fieldset > ul > li { list-style-type: none; }

fieldset.delivery-method-fieldset > ul > li { padding-left: 35px; }

fieldset.order-placing-fieldset > ul > li + li,
fieldset.delivery-method-fieldset > ul > li + li { margin-top: 10px; }

fieldset.order-placing-fieldset > ul > li:last-child { margin-top: 20px; }

fieldset.order-placing-fieldset > ul > li:first-child + li,
fieldset.order-placing-fieldset > ul > li:first-child + li + li {
  padding-left: 35px;
}

fieldset.address-selection-fieldset {
  background1: #cf0;
  border: none;
  margin: 10px 0 0;
  padding: 0;
}

fieldset.address-selection-fieldset ul { margin: 0; padding: 0 35px; }
fieldset.address-selection-fieldset ul li { list-style-type: none; }
fieldset.address-selection-fieldset ul li + li { margin-top: 10px; }

select.option-picker {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  width: 150px;
  padding: 5px 10px;
  font-size: 16px;
  border: none;
  height: 36px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../img/arrow-down.png") 200px center no-repeat #f3f4f7;
  width: 230px;
}

select.option-picker:focus {
  outline: 4px solid #7fe3e9;
}

/* CAUTION: IE hackery ahead */
select.option-picker::-ms-expand {
    display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select.option-picker {
        background:none\9;
        padding: 5px\9;
    }
}

label.icon-customer {
  background1: #fc0;
  font-size: 0;
  float: left;
  height: 36px;
}

label.icon-customer::before {
  background1: yellow;
  content: url("../img/icon-customer.png");
  display: inline-block;
  height: 24px;
  margin-left1: -35px;
  margin-top: 5px;
  width: 35px;
}

form.order-placing-form input[name="first_name"],
form.order-placing-form input[name="last_name"],
form.order-placing-form input[name="middle_name"],
form.order-placing-form input[name="telephone"],
form.order-placing-form input[name="location"],
form.order-placing-form input[name="street"] {
  background: #f3f4f7;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  font-size: 16px;
  height: 36px;
  padding: 0 40px 0 10px;
}

form.order-placing-form input[name="first_name"]:focus,
form.order-placing-form input[name="last_name"]:focus,
form.order-placing-form input[name="middle_name"]:focus,
form.order-placing-form input[name="telephone"]:focus,
form.order-placing-form input[name="location"]:focus,
form.order-placing-form input[name="street"]:focus {
  background: #fff;
  outline: 4px solid #7fe3e9;
  1outline: none;
  1box-shadow: 0 0 0 4px #7fe3e9;
  -1webkit-box-shadow: 0 0 0 4px #7fe3e9;
}

form.order-placing-form input[name="street"] + p { margin-left: 10px; }

input.input-checkbox1 { display: none; }

input.input-checkbox1 + label,
input.input-checkbox1 + label + label {
  background: #f3f4f7;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  display: inline-block;
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  padding: 0 40px 0 10px;
  vertical-align1: middle;
}

input.input-checkbox1 + label + label { display: none; }

input.input-checkbox1:checked + label { display: none; }
input.input-checkbox1:checked + label + label { display: inline-block; }

ul.menu {
  background1: #f3f4f7;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  margin: 0; padding: 0;
  width: 246px;
  position: relative;
}

ul.menu li {
  list-style-type: none;
  line-height: 36px;
}

ul.menu li input.menu-item { display: none; }

ul.menu li input.menu-item + label { position: absolute;
  background: #f3f4f7;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  margin: 0; padding: 0;

  width: 226px;
  backgrond1: #fff;
  cursor1: pointer;
  display: block;
  font-size: 16px;
  height: 36px;
  padding: 0 10px;
  display: none;
  position1: relative;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
}

ul.menu li input.menu-item + label:hover {
  background1: #f8f9fc;
}

ul.menu li:last-child input.menu-item + label {
  border-top1: 1px solid #f3f4f7;
}

ul.menu input.menu-item:checked + label { background1: yellow; display: block; }

ul.menu input.menu-item:checked + label::after {
  content: url("../img/checkmark.png");
  position1: absolute;
  right: 10px;
  float: right;
  height: 24px;
  line-height1: 36px;
  margin-top: 5px;
  background1: #fc0;
  1vertical-align: middle;
}

ul.menu2 {
  background1: #f3f4f7;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  margin: 0; padding: 0;
  width: 246px;
  opacity: 0;

  margin-top: 46px;

  /* Chrome ≥ 10.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.1, Internet Explorer ≥ 9.0 */
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  /* Firefox ≥ 3.5 */
 -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  position: relative;

  -webkit-animation-name: HideList;
          animation-name: HideList;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: step-start;
          animation-timing-function: step-start;
}

ul.menu2 li {
  list-style-type: none; line-height: 36px;
}

ul.menu2 li label {
  cursor1: pointer;
  display: block;
  font-size: 16px;
  height: 36px;
  padding: 0 10px;
  position1: relative;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
}

ul.menu2 li label:hover {
  background: #f8f9fc;
  background1: #fee74c;
}

ul.menu li label { cursor1: help; }
ul.menu:focus li label { cursor1: help; pointer-events: none; }

ul.menu2 li:last-child label {
  border-top1: 1px solid #f3f4f7;
  border-top: 1px solid #E6E7EB;
}

ul.menu:focus li input.menu-item + label { background1: #fff; }
ul.menu:focus label { outline: 4px solid #7fe3e9; }

ul.menu:focus + ul.menu2 { background1: #fc0!important; opacity: 1;
  -webkit-animation-name: none;
          animation-name: none;}

@-webkit-keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

@keyframes HideList {
  from {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  to {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}

form.order-placing-form button[type="submit"] {
  background: #fee74c url("../img/icon-copy.png") left 20px center no-repeat;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 20px 0 55px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

form.order-placing-form button[type="submit"][disabled] {
  background-color: #f3f4f7;
  background-image: none;
  color: #989da7;
  opacity1: 0.5;
  position: relative;
}

form.order-placing-form button[type="submit"][disabled]::after {
  content: "";
  background: url("../img/icon-copy.png") left 20px center no-repeat;
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index1: -1;
}

section.order-content {
  background1: #eee;
  float: right;
  padding-top: 35px;
  width: 480px;
}

section.order-content p { margin-left: 74px; }

h2.order-content-heading {
  background1: #fc9;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

dl.order-summary { background1: #fc0; font-size1: 0; } /* FIXME: отрефакторить */
dl.order-summary dt { padding: 0; display: inline-block; clear: left; }
dl.order-summary figure { background1: #cf0; margin: 0; padding: 0; vertical-align1: middle; font-size: 0;display: table; }
dl.order-summary img { background1: #f1c; padding: 0; float1: left; display1: inline; clear: none;}
dl.order-summary figcaption { font-size: 16px; backgroun1d: #0fc; float1: right; display: inline; padding-left: 10px;  vertical-align: middle;display: table-cell;}
dl.order-summary dd { background1: #fc0; margin: 0;padding: 0; width: 100px; float: right; height: 50px; padding-top: 14px}
dl.order-summary data { display: block; text-align: right; }
dl.order-summary data:first-child { font-weight: 500; font-size: 16px; }
dl.order-summary data:last-child { color: #989da7; font-size: 16px; font-weight: 400; }

dl.order-total { padding-left: 64px;background: #fc0;font-size: 0; }
dl.order-total dt { font-size: 14px;display: inline-block; background: #cf0;float1: left; }
dl.order-total dd + dt { margin-top: 10px;}
dl.order-total dd + dt + dd { margin-top: 10px;}
dl.order-total dd { font-size: 14px; margin: 0;padding: 0; float: right; background: yellow; width: 70px; text-align: right;}

table.order-total { width: 100%; border-collapse: separate; border-spacing: 0 10px; }
table.order-total td { font-size: 14px; padding: 0; }
dl.order-total table.order-total td:first-child { padding-left: 74px; }
table.order-total tr td + td { text-align: right; }

table.order-total tr:first-child td + td { font-size: 16px; font-weight: 500; color: #4fb041;}
table.order-total tr:first-child + tr td + td { font-size: 16px; font-weight: 500; color: #4fb041;}
table.order-total tr:first-child + tr + tr td + td { font-size: 16px; color1: #777f91; }
table.order-total tr:first-child + tr + tr + tr td + td { font-size: 16px; color1: #777f91; }

table.order-total td.total-name { padding-top: 10px; font-size: 16px; font-weight: 500; }
table.order-total td.total-value { padding-top: 10px;  font-size: 18px; font-weight: 600; }

table.order-total td.total-value data {
  background: #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  padding: 0 5px;
  line-height1: 20px;
  width: 70px;
  outline: 10px solid #fee74c;
}

span.asterisk { color: #f33; }

/**
 * Форма отмены заказа
 */
form.order-cancel-form {}

form.order-cancel-form input[name="explanation"] {
  background: #f3f4f7;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  font-size: 16px;
  height: 36px;
  padding: 0 40px 0 10px;
}

form.order-cancel-form input[name="explanation"]:focus {
  background: #fff;
  outline: 4px solid #7fe3e9;
  1outline: none;
  1box-shadow: 0 0 0 4px #7fe3e9;
  -1webkit-box-shadow: 0 0 0 4px #7fe3e9;
}

form.order-cancel-form input[name="explanation"] + p { margin-left: 10px; }

/**
 * @subsection Форма отслеживания заказа
 */
form.order-tracking-form { background1: #eee; padding: 50px 0 0; }

h1.order-tracking-form-heading {
  background1: #cf0;
  color: #27467c;
  font: 500 36px / 36px "Sofia Sans Condensed", sans-serif;
  margin: 0;
}

p.order-tracking-form-note { color: #666; float: right; line-height: 20px; margin-top: 48px; width: 480px; }

form.order-tracking-form ul { margin: 40px 0 20px; padding: 0; }
form.order-tracking-form li { list-style-type: none; }
form.order-tracking-form li + li { margin-top: 10px; }

article.order-status form.order-tracking-form { padding: 0; float: right; background1: #fc0; width: 320px; margin-top: 76px; }
article.order-status form.order-tracking-form p.order-tracking-form-note { float: none; width: auto; margin-top: 0; }

label.icon-telephone, label.icon-barcode {
  background1: #fc0;
  font-size: 0;
  float: left;
  height: 36px;
}

label.icon-telephone::before {
  background1: yellow;
  content: url("../img/icon-telephone-2.png");
  display: inline-block;
  height: 24px;
  margin-left1: -35px;
  margin-top: 5px;
  width: 35px;
}

label.icon-barcode::before {
  background1: yellow;
  content: url("../img/icon-barcode.png");
  display: inline-block!important;
  height: 24px;
  margin-left1: -35px;
  vertical-align1: top;
  margin-top: 5px;
  width: 35px;
}

form.order-tracking-form input[name="telephone"],
form.order-tracking-form input[name="order_user_facing_number"],
form.order-tracking-form input[name="passcode"] {
  background: #f3f4f7;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  font-size: 16px;
  height: 36px;
  padding: 0 40px 0 10px;
}

form.order-tracking-form input[name="telephone"]:focus,
form.order-tracking-form input[name="order_user_facing_number"]:focus,
form.order-tracking-form input[name="passcode"]:focus {
  background: #fff;
  outline: 4px solid #7fe3e9;
  1outline: none;
  1box-shadow: 0 0 0 4px #7fe3e9;
  -1webkit-box-shadow: 0 0 0 4px #7fe3e9;
}

form.order-tracking-form button[type="submit"] {
  background: #fee74c;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  margin: 0px 35px;
  padding: 0 20px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

section.tracking-section {
  background1: #cf0;
  float1: left;
  margin-top: 50px;
  padding-bottom: 50px;
}

h2.tracking-section-heading {
  background1: #fc0;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  font1: 400 24px / 28px "Sofia Sans Condensed", sans-serif;
  text-transform1: uppercase;
  margin: 0;
}

/**
 * @subsection Страница статуса заказа
 */
h2.order-placing-form-subheading {
  background1: #fc9;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

ul.order-status-list { margin: 40px 0 20px; padding: 0; width: 480px; }

ul.order-status-list p > small { color: #989da7; font-size: 14px; }
ul.order-status-list li p { margin: 0; }
ul.order-status-list li p + p { margin-top: 5px; }

ul.order-status-list li {
  display1: inline-block;
  background1: #eee;
  list-style-type: none;
  position: relative;
  padding-left: 35px;
}

ul.order-status-list li:not(:last-child) {
  padding-bottom: 24px;
}

ul.order-status-list li.order-step-current::before {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 8px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
  -webkit-border-radius: 8px;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 8px;

  box-shadow: 0px 0px 0px 2px #ccc;

  border: 2px solid #fff;

  position: absolute;
  background: #22b680;
  content: "";
  left: 3px;
  top: 3px;
  height: 10px;
  display: inline-block;
  width: 10px;
}

ul.order-status-list li.order-step-current:not(:last-child)::after {
  content: "";
  position: absolute;
  display: block;
  top: 19px;
  left: 9px;
  width: 2px;
  height: 102px;
  background: #ccc;
}

ul.order-status-list li.order-step-current b { font-weight: 600; }

ul.order-status-list li.order-step-next::before {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
  -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 10px;
  border: 2px solid #ccc;

  position: absolute;
  background: #fff;
  content: "";
  left: 5px;
  top: 6px;
  line-height: 6px;
  height: 6px;
  font-size: 28px;
  display: inline-block;
  width: 6px;
}

ul.order-status-list li.order-step-next:not(:last-child)::after {
  content: "";
  position: absolute;
  display: block;
  top: 15px;
  left: 9px;
  width: 2px;
  height: 88px;
  background: #ccc;
}

ul.order-status-list li.order-step-next:last-child::after {
  content: "";
  position: absolute;
  display: block;
  top: 15.5px;
  left: 9px;
  width: 2px;
  height: 44px;
  background: #fff;
}

ul.order-status-list li.order-step-completed::before {
  position: absolute;
  background1: #fff;
  color: #22b680;
  content: "\2022";
  line-height: 18px;
  height: 18px;
  font-size: 28px;
  left: 0;
  display: inline-block;
  text-align: center;
  width: 20px;
}

/*ul.order-status-list li.order-step-completed:not(:last-child)::after {
  content: "";
  position: absolute;
  display: block;
  top: 10px;
  left: 9px;
  width: 2px;
  height: 102px;*/
  /* Chrome ≥ 26.0, Firefox ≥ 16.0, Opera ≥ 12.10, Safari ≥ 6.1, Internet Explorer ≥ 10.0 */
  /*background: linear-gradient(to top, #22b680 1px, #ccc 1px) #22b680 left bottom no-repeat;*/
  /* Chrome ≥ 2.0, Safari ≥ 4.0 */
  /*background: -webkit-gradient(linear, left top, left bottom, from(#22b680), to(#ccc)) #22b680 left bottom no-repeat;*/
  /* Firefox ≥ 3.6 */
  /*background: -moz-linear-gradient(bottom, #22b680, #ccc) #22b680 left bottom no-repeat;*/
  /* Opera ≥ 11.10 */
/*  background: -o-linear-gradient(bottom, #22b680, #ccc) #22b680 left bottom no-repeat;
}*/

ul.order-status-list li.order-step-completed:first-child::after {
  background: #22b680;
  content: "";
  position: absolute;
  display: block;
  top: 10px;
  left: 9px;
  width: 2px;
  height: 102px;
}

ul.order-status-list li.order-step-completed + li.order-step-completed::after {
  background: #22b680;
  content: "";
  position: absolute;
  display: block;
  top: 10px;
  left: 9px;
  width: 2px;
  height: 102px;
}

ul.order-status-list p { padding-left: 40px; }

p.icon-cart::before,
p.icon-box::before,
p.icon-box-closed::before,
p.icon-pin::before,
p.icon-truck::before,
p.icon-bag::before,
p.icon-tel2::before,
p.icon-done::before {
  display: inline-block;
  height: 24px;
  margin-left: -35px;
  vertical-align: top;
  width: 35px;
}

ul.order-status-list p.icon-cart::before,
ul.order-status-list p.icon-box::before,
ul.order-status-list p.icon-box-closed::before,
ul.order-status-list p.icon-truck::before,
ul.order-status-list p.icon-done::before {
  margin-left: -40px;
  width: 40px;
}

p.icon-cart::before { content: url("../img/icon-cart.png"); }
p.icon-box::before { content: url("../img/icon-box-open.png"); }
p.icon-box-closed::before { content: url("../img/icon-box.png"); }
p.icon-pin::before { content: url("../img/icon-pin2.png"); }
p.icon-truck::before { content: url("../img/icon-truck.png"); }
p.icon-bag::before { content: url("../img/icon-bag.png"); }
p.icon-tel2::before { content: url("../img/icon-telephone-2.png"); }
p.icon-done::before { content: url("../img/icon-done.png"); }

li.order-step-next p { color: #ccc; }
li.order-step-next p small { color: #ccc; }

li.order-step-next p::before { opacity: 0.3; }

time.tag-disabled {
  background: #ccc;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
  -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 10px;
   line-height: 17px;
   display: inline-block;
   padding: 0 10px;
   color: #fff;
   font-weight: 500;
   height: 20px;
   text-transform: uppercase;
}

time.tag-selected {
  text-transform: uppercase;
  font-weight: 500;
  background: #22b680;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
  -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 10px;
   line-height: 17px;
   height: 20px;
   display: inline-block;
   padding: 0 10px;
   color: #fff;
}

time.tag-alert {  /* TODO: подумать над тем, чтобы как-то минимизировать дублирование стилей time.tag-disabled, time.tag-selected, time.tag-alert */
  text-transform: uppercase;
  font-weight: 500;
  background: #e93041;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
  -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 10px;
   line-height: 17px;
   height: 20px;
   display: inline-block;
   padding: 0 10px;
   color: #fff;
}

time.tag-disabled small,
time.tag-selected small,
time.tag-alert small { font-size: 11px; }

section.order-content1 { margin-top: 50px; }

table.order-content {
  border-collapse: separate;
  border-spacing: 0 10px;
  width: 100%
}

table.order-content td {
  background: #f9f9f9;
}

table.order-content tr:first-child + tr td:first-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-top-left-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-top-left-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-topleft: 10px;
}

table.order-content tr:first-child + tr td:last-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-top-right-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-top-right-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-topright: 10px;
}

table.order-content tr:last-child td:first-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-bottom-left-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-bottom-left-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-bottomleft: 10px;
}

table.order-content tr:last-child td:last-child {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-bottom-right-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-bottom-right-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius-bottomright: 10px;
}

table.order-content th { color: #777f91; font-size: 14px; font-weight: 500; }
table.order-content th:first-child { padding-left: 40px; text-align: left; }

table.order-content th:first-child + th,
table.order-content th:first-child + th + th,
table.order-content th:last-child { text-align: right; }

table.order-content th:last-child,
table.order-content td:last-child { padding-right: 35px; }

table.order-content td:first-child + td,
table.order-content td:first-child + td + td,
table.order-content td:last-child { text-align: right; }

figure.item-figure { background1: yellow; margin: 20px; font-size: 0; }

figure.item-figure img {
  background: #fff;
  padding: 6px;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
  -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 10px;
}

figure.item-figure a { display: inline-block; vertical-align: middle;}
figure.item-figure a + a { color: #36c;margin-left: 20px;font-size: 16px; }

table.order-content data.item-price,
table.order-content data.item-amount { font-weight: 500; }
table.order-content data.item-price-old s { color: #989da7; margin-left: 5px; }

section.order-total { margin-right: 35px; margin-top: 35px; width: 320px; float: right; }

section.order-delivery-method { margin-top: 50px; width: 480px; }

dl.order-delivery-address {
background1: yellow;
margin-top: 30px;
}

dl.order-delivery-address dt { font-weight: 500; background1: #fc0; padding-left: 35px;}
dl.order-delivery-address dt p,
dl.order-delivery-address dd p { margin: 0; }
dl.order-delivery-address dd { margin-top: 5px;}
dl.order-delivery-address dt + dt,
dl.order-delivery-address dd + dt { margin-top: 24px;}

section.order-delivery-cancel { margin-top: 50px; width: 480px; }
section.order-delivery-cancel-control { margin-top: 30px; }

button.button-alert[type="submit"] {
  background: #e93041;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #fff;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 20px 0;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

button.button-alert[type="submit"][disabled] {
  background: #fff;
  border: 2px solid #e5e3e8;
  color: #e5e3e8;
  opacity1: 0.5;
  line-height: 36px;
  padding: 0 18px 0;
  position: relative;
}

section.order-delivery-cancel-submit { background1: #fc0; padding-bottom: 50px;}

/**
 * @subsection Фильтр товаров
 */
form.product-filter-form { background1: #eee; padding: 50px 0; }

/**
 * @subsubsection Заголовок формы
 */
h1.product-filter-form-heading {
  background1: #cf0;
  color: #27467c;
  font: 500 36px / 36px "Sofia Sans Condensed", sans-serif;
  margin: 0;
}

details.product-filter-container {
  margin-top: 48px;
}

summary.product-filter-container-heading {
  background1: #fc0;
  cursor: pointer;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  margin: 0;
  pointer-events: none;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

summary.product-filter-container-heading::marker {
  display: none;
}

summary.product-filter-container-heading::-webkit-details-marker { display: none; }

data.product-filter-selection-counter {
  color: #777f91;
  font-size: 16px;
  font-weight: 400;
}

summary.product-filter-container-heading-brand::after {
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  pointer-events: auto;
  background: #edecf1 url("../img/arrow-down.png") right 10px center no-repeat;
  display: inline-block;
  content: "Показать все";
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 30px;
  margin-left: 20px;
  padding: 0 35px 0 15px;
  vertical-align: top;
}

details.product-filter-container[open] summary.product-filter-container-heading-brand::after {
  background-image: url("../img/arrow-up.png");
  content: "Скрыть все";
}

fieldset.product-filter-fieldset {
  background1: #cf0;
  border: none;
  margin: 0;
  padding: 0;
}

fieldset.product-filter-fieldset fieldset.product-filter-fieldset {
  display: none;
  float: right;
  left: 480px;
  top: 0;
  vertical-align: top;
  width: 480px;
}

legend.product-filter-fieldset-heading {
  background1: #fc9;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.clearfix::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

legend.product-filter-container-index-letter {
  background1: orange;
  font-weight: 500;
  line-height: 18px;
  padding: 0;
  margin-left: 6px;
}

details.product-filter-container ul,
ul.product-filter-container-group {
  background1: #fcf;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

details.product-filter-container ul.product-filter-container-group {
  margin-top: 12px;
}

fieldset.product-filter-fieldset fieldset.product-filter-fieldset ul {
  background1: #fc0; margin-top: 24px;
}

details.product-filter-container summary + fieldset { background1: yellow; margin-top: 24px; }

details.product-filter-container fieldset > ul li,
ul.product-filter-container-group li { font-size: 16px; line-height: 18px; padding-left: 35px; }

details.product-filter-container fieldset > ul li + li,
ul.product-filter-container-group li + li { margin-top: 12px; }

section.product-filter-container-index { clear: left; }

section.product-filter-container-index fieldset.product-filter-fieldset {
  background1: #cf0;
  float: left;
  margin-top: 24px;
  width: 25%;
}

section.product-filter-container-index > fieldset:nth-child(4n+1) {
  background1: lightgreen; clear: left;
}

section.product-filter-container-index li data {
  color: #4fb041;
  font: 400 18px / 17px "Sofia Sans Condensed", sans-serif;
}

label + data { margin-left: 5px; }

/**
 * @subsection Типовой чекбокс и типовая радиокнопка
 *
 * @tested Chrome 4.0 / 10.0
 * @tested Opera 10.50
 * @tested Firefox 4.0 / 3.6
 * @tested Safari 4.0 / 5.1
 * @tested Internet Explorer 9.0
 */
input[type="checkbox"].input-checkbox,
input[type="radio"].input-radio { display: none; }

input[type="checkbox"].input-checkbox + label,
input[type="radio"].input-radio + label {
  background1: yellow;
  cursor: pointer;
  padding-left1: 35px;
  position: relative;
  white-space1: nowrap;
}

input[type="checkbox"].input-checkbox + label::before {
    background1: #fee74c;
    background1: #36c;
    background: #fff;
    /* Chrome ≥ 4.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
    border-radius: 25%;
    /* Firefox ≥ 1.0 */
   -moz-border-radius: 25%;
    border: 2px solid #e5e3e8;
    content: "";
    left: -33px;
    height: 16px;
    position: absolute;
    top: 0%;
    /* Chrome ≥ 36.0, Opera ≥ 12.10, Firefox ≥ 16.0, Safari ≥ 9.0, Internet Explorer ≥ 10.0 */
    transform1: translate(0, -50%);
    /* Chrome ≥ 1.0, Safari ≥ 3.1 */
   -webkit-transform1: translate(0, -50%);
    /* Opera ≥ 10.50 */
   -o-transform1: translate(0, -50%);
    /* Firefox ≥ 3.5 */
   -moz-transform1: translate(0, -50%);
    /* Internet Explorer ≥ 9.0 */
   -ms-transform1: translate(0, -50%);
    width: 16px;
}

input[type="checkbox"].input-checkbox:checked + label::before {
    background1: #fee74c;
    background1: #36c;
    background: #fee74c;
    border-color: #fee74c;
    content: url("../img/checkmark.png");
}

input[type="radio"].input-radio + label::before {
    background1: #fee74c;
    background1: #36c;
    background: #fff;
    /* Chrome ≥ 4.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
    border-radius: 50%;
    /* Firefox ≥ 1.0 */
   -moz-border-radius: 50%;
    border: 2px solid #e5e3e8;
    content: "";
    left: -33px;
    height: 16px;
    position: absolute;
    top: 0%;
    /* Chrome ≥ 36.0, Opera ≥ 12.10, Firefox ≥ 16.0, Safari ≥ 9.0, Internet Explorer ≥ 10.0 */
    transform1: translate(0, -50%);
    /* Chrome ≥ 1.0, Safari ≥ 3.1 */
   -webkit-transform1: translate(0, -50%);
    /* Opera ≥ 10.50 */
   -o-transform1: translate(0, -50%);
    /* Firefox ≥ 3.5 */
   -moz-transform1: translate(0, -50%);
    /* Internet Explorer ≥ 9.0 */
   -ms-transform1: translate(0, -50%);
    width: 16px;
}

input[type="radio"].input-radio[disabled] + label::before { border-color: #f1f0f4; }
input[type="radio"].input-radio[disabled] + label { color: #8b8f9a; cursor: not-allowed; }

input[type="radio"].input-radio:checked + label::before {
    background1: #fee74c;
    background1: #36c;
    background: #000;
    /* Chrome ≥ 4.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
    border-radius: 50%;
    /* Firefox ≥ 1.0 */
   -moz-border-radius: 50%;
    border: 6px solid #fee74c;
    content: "";
    left: -33px;
    height: 8px;
    position: absolute;
    top: 0%;
    /* Chrome ≥ 36.0, Opera ≥ 12.10, Firefox ≥ 16.0, Safari ≥ 9.0, Internet Explorer ≥ 10.0 */
    transform1: translate(0, -50%);
    /* Chrome ≥ 1.0, Safari ≥ 3.1 */
   -webkit-transform1: translate(0, -50%);
    /* Opera ≥ 10.50 */
   -o-transform1: translate(0, -50%);
    /* Firefox ≥ 3.5 */
   -moz-transform1: translate(0, -50%);
    /* Internet Explorer ≥ 9.0 */
   -ms-transform1: translate(0, -50%);
    width: 8px;
}

input[type="radio"].input-radio:checked + label + fieldset.product-filter-subcategory-1 {
  display: block;
  margin-top: -48px;
}

input[type="radio"].input-radio:checked + label + fieldset.product-filter-subcategory-2 {
  display: block;
  margin-top: -78px;
}

input[type="radio"].input-radio:checked + label + fieldset.product-filter-subcategory-3 {
  display: block;
  margin-top: -108px;
}

input[type="radio"].input-radio:checked + label + fieldset.product-filter-subcategory-4 {
  display: block;
  margin-top: -138px;
}

input[type="radio"].input-radio:checked + label + fieldset.product-filter-subcategory-5 {
  display: block;
  margin-top: -168px;
}

/**
 * @css-for Opera ≥ 9.50
 */
noindex:-o-prefocus,
input[type="checkbox"]:checked + label::before { margin-top: 1px; }

/**
 * @css-for Opera ≥ 9.50
 */
noindex:-o-prefocus,
input[type="checkbox"]:checked + label::after { margin-top: 0; }

/**
 * @css-for Internet Explorer ≥ 10.0
 */
_:-ms-lang(x),
input[type="radio"]:checked + label::before {
  transform: scale(1.1) translate(0, -55%);
}

input[type="checkbox"].input-switch { display: none; }

input[type="checkbox"].input-switch + label {
  background1: yellow;
  cursor: pointer;
  padding-left: 45px;
  position: relative;
  white-space1: nowrap;
}

input[type="checkbox"].input-switch + label::before {
  background1: #fee74c;
  background1: #36c;
  background: #e5e3e8;
  /* Chrome ≥ 4.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 15px;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 15px;
  content: "";
  left: 2px;
  height: 20px;
  position: absolute;
  top: 0%;
  /* Chrome ≥ 36.0, Opera ≥ 12.10, Firefox ≥ 16.0, Safari ≥ 9.0, Internet Explorer ≥ 10.0 */
  transform1: translate(0, -50%);
  /* Chrome ≥ 1.0, Safari ≥ 3.1 */
  -webkit-transform1: translate(0, -50%);
  /* Opera ≥ 10.50 */
  -o-transform1: translate(0, -50%);
  /* Firefox ≥ 3.5 */
  -moz-transform1: translate(0, -50%);
  /* Internet Explorer ≥ 9.0 */
  -ms-transform1: translate(0, -50%);
  width: 30px;
}

input[type="checkbox"].input-switch + label::after {
  background: #fff;
  /* Chrome ≥ 4.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 50%;
  /* Firefox ≥ 1.0 */
  -moz-border-radius: 50%;
  content: "";
  left: 4px;
  height: 16px;
  position: absolute;
  top: 2px;
  width: 16px;
}

input[type="checkbox"].input-switch:checked + label::before {
  background: #4fb041;
  /* Chrome ≥ 4.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 15px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 15px;
  content: "";
  left: 2px;
  height: 20px;
  position: absolute;
  top: 0%;
  /* Chrome ≥ 36.0, Opera ≥ 12.10, Firefox ≥ 16.0, Safari ≥ 9.0, Internet Explorer ≥ 10.0 */
  transform1: translate(0, -50%);
  /* Chrome ≥ 1.0, Safari ≥ 3.1 */
 -webkit-transform1: translate(0, -50%);
  /* Opera ≥ 10.50 */
 -o-transform1: translate(0, -50%);
  /* Firefox ≥ 3.5 */
 -moz-transform1: translate(0, -50%);
  /* Internet Explorer ≥ 9.0 */
 -ms-transform1: translate(0, -50%);
  width: 30px;
}

input[type="checkbox"].input-switch:checked + label::after {
    background: #fff;
    /* Chrome ≥ 4.0, Opera ≥ 10.50, Firefox ≥ 4.0, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
    border-radius: 50%;
    /* Firefox ≥ 1.0 */
   -moz-border-radius: 50%;
    content: "";
    left: 14px;
    height: 16px;
    position: absolute;
    top: 2px;
    width: 16px;
}

form.product-filter-form button[type="submit"] {
  background: #fee74c url("../img/icon-filter.png") left 20px center no-repeat;
  border: none;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 20px 0 55px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

button[type="reset"] {
  background: #fff;
  border: 2px solid #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  cursor: pointer;
  float1: left;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 18px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

button[type="submit"] + button[type="reset"] { margin-left: 10px; }

/**
 * @subsection Статья
 */
article.post { padding: 50px 0; }

/**
 * @subsubsection Заголовок
 */
h1.post-heading {
  color: #27467c;
  font: 500 36px / 36px "Sofia Sans Condensed", sans-serif;
  margin: 0;
}

/**
 * @subsubsection Дата публикации и время чтения
 */
dl.post-meta { line-height: 18px; margin: 24px 0 0; }

dl.post-meta dt,
dl.post-meta dd {
  color: #999;
  display: inline-block;
  font-size: 14px;
  margin-left: 0;
  vertical-align: top;
}

dl.post-meta dd + dt::before {
  content: "\00b7";
  display: inline-block;
  font-weight: 700;
  margin: 0 14px 0 10px;
}

dl.post-meta dd + dt + dd::before {
  content: "\2014";
  display: inline-block;
  margin-right: 5px;
}

/**
 * @subsubsection Связанный контент
 */
aside.post-complementary {
  float: right;
  margin: 24px 0 24px 15px;
  padding-left: 35px;
  position: relative;
  width: 310px;
}

aside.post-complementary::before {
  background: #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 3px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 3px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 3px;
  content: "";
  height: 100%;
  position: absolute;
  width: 6px;
}

h2.post-complementary-heading  {
  font: 500 22px / 24px "Sofia Sans Condensed", sans-serif;
  margin: 0 25px;
}

ul.post-complementary-links {
  list-style: none;
  margin: 10px 0 0 25px;
  padding-left: 0;
}

ul.post-complementary-links li { font-size: 14px; line-height: 18px; }
ul.post-complementary-links li + li { margin-top: 12px; }
ul.post-complementary-links a { color: #36c; padding: 1px 0; }

/**
 * @subsubsection Текст статьи
 */
div.post-entry p { font-size: 16px; line-height: 24px; margin: 24px 0 0; }

/**
 * @section Подвал сайта
 */
footer { bottom: 0; position: absolute; width: 100%; }

/**
 * @subsection Контейнеры, содержащие основной контент подвала
 */
div.footer-main { background: #f3f4f7; }
div.footer-main div.container { overflow: hidden; padding: 30px 0 50px; }

/**
 * @subsubsection Секция, содержащая контент подвала
 */
div.footer-main section { float: left; width: 320px; }
div.footer-main section + section + section + section { margin-top: 30px; }

div.footer-main section:first-child + section + section + section {
  clear: left;
}

/**
 * @subsubsubsection Заголовок секции
 */
div.footer-main h3 {
  font: 500 22px / 24px "Sofia Sans Condensed", sans-serif;
  margin: 0 35px;
}

div.footer-main h3.icon-telephone { height: 24px; margin-top: -2px; }

div.footer-main h3::before {
  display: inline-block;
  height: 24px;
  margin-left: -35px;
  vertical-align: top;
  width: 35px;
}

h3.icon-folder::before { content: url("../img/icon-folder.png"); }
h3.icon-question::before { content: url("../img/icon-question.png"); }
h3.icon-box::before { content: url("../img/icon-box.png"); }
h3.icon-recycle::before { content: url("../img/icon-recycle.png"); }

h3.icon-telephone a,
h3.icon-pin a { display: inline-block; margin-left: -35px; }

h3.icon-telephone a {
  color: #009d00;
  font-size: 28px;
  line-height: 24px;
  overflow: hidden;
}

h3.icon-pin a { color: #36c; overflow: hidden; vertical-align: top; }

h3.icon-telephone a::before,
h3.icon-pin a::before {
  display: inline-block;
  height: 24px;
  vertical-align: top;
  width: 35px;
}

h3.icon-telephone a::before { content: url("../img/icon-telephone.png"); }
h3.icon-pin a::before { content: url("../img/icon-pin.png"); }

/**
 * @subsubsubsection Абзац
 */
div.footer-main p { font-size: 14px; line-height: 18px; margin: 0 0 0 35px; }

hgroup.footer-main-heading-telephone p { color: #009d00; font-weight: 500; }  /* TODO: подумать где разместить этот код стилей */
hgroup.footer-main-heading-telephone + p { margin-top: 18px; }
hgroup.footer-main-heading-telephone + p + p { margin-top: 24px; }

h3.icon-recycle + p { margin-top: 10px; }
h3.icon-recycle + p + p { margin-top: 12px; }
h3.icon-recycle + p + p + p { margin-top: 24px; }

/**
 * @subsubsubsection Ссылка-кнопка
 */
div.footer-main a[role="button"] {
  background: #fff;
  border: 2px solid #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px;
  color: #333a4a;
  display: inline-block;
  font-weight: 600;
  line-height: 26px;
  padding: 0 13px;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
  /* Chrome ≥ 16.0, Opera ≥ 15.0 */
 -webkit-tap-highlight-color: transparent;
}

/**
 * @css-for Firefox ≥ 1.0
 */
@-moz-document url-prefix() {
  div.footer-main a[role="button"] { line-height: 25px; padding-bottom: 1px; }
}

/**
 * @subsubsubsection Меню каталога товаров и помощи покупателю
 */
ul.footer-main-menu { list-style: none; margin: 10px 0 0 35px; padding-left: 0; }
ul.footer-main-menu li { font-size: 0; }
ul.footer-main-menu li + li { margin-top: 12px; }

ul.footer-main-menu li a {
  color: #333a4a;
  font-size: 14px;
  line-height: 18px;
  padding: 1px 0;
}

/**
 * @subsubsubsection Форма статуса заказа
 */
form.footer-main-order-status fieldset {
  border: none;
  font-size: 0;
  margin: 10px 0 0 35px;
  position: relative;
}

form.footer-main-order-status label { font-size: 14px; line-height: 18px; }

form.footer-main-order-status input[type="text"],
form.footer-main-order-status input[type="tel"] {
  border: none;
  /* Chrome ≥ 10.0, Firefox ≥ 29.0, Opera ≥ 7.0, Safari ≥ 5.1, Internet Explorer ≥ 8.0 */
  box-sizing: border-box;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-box-sizing: border-box;
  /* Firefox ≥ 1.0 */
 -moz-box-sizing: border-box;
  font: 14px / 18px Inter, sans-serif;
  height: 30px;
  /* Chrome ≥ 1.0, Firefox ≥ 1.5, Opera ≥ 7.0, Safari ≥ 1.2, Internet Explorer ≥ 8.0 */
  outline: none;
  width: 220px;
}

form.footer-main-order-status input[name="order_number"] {
  /* Chrome ≥ 26.0, Firefox ≥ 16.0, Opera ≥ 12.10, Safari ≥ 6.1, Internet Explorer ≥ 10.0 */
  background: linear-gradient(to top, #e7e8ec 1px, #fff 1px) #fff left bottom no-repeat;
  /* Chrome ≥ 2.0, Safari ≥ 4.0 */
  background: -webkit-gradient(linear, left top, left bottom, from(#e7e8ec), to(#fff)) #fff left bottom no-repeat;
  /* Firefox ≥ 3.6 */
  background: -moz-linear-gradient(bottom, #e7e8ec, #fff) #fff left bottom no-repeat;
  /* Opera ≥ 11.10 */
  background: -o-linear-gradient(bottom, #e7e8ec, #fff) #fff left bottom no-repeat;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.0, Safari ≥ 5.0, Internet Explorer ≥ 10.0 */
  background-size: 190px 1px;
  /* Firefox ≥ 3.6 */
 -moz-background-size: 190px 1px;
  /* Safari ≥ 3.1 */
 -webkit-background-size: 190px 1px;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px 10px 0 0;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-bottom-left-radius: 0;
 -webkit-border-bottom-right-radius: 0;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px 10px 0 0;
  /* Opera < 11.0 */
  border-right: 1px solid rgba(0, 0, 0, 0);
  margin-top: 29px;
  padding: 0 10px 0;
}

form.footer-main-order-status input[name="telephone"] {
  background: #fff;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 0 0 10px 10px;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 0;
 -webkit-border-top-right-radius: 0;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 0 0 10px 10px;
  /* Opera < 11.0 */
  border-right: 1px solid rgba(0, 0, 0, 0);
  padding: 0 40px 0 10px;
}

form.footer-main-order-status input[type="image"] {
  background: #fee74c;
  /* Chrome ≥ 4.0, Firefox ≥ 4.0, Opera ≥ 10.50, Safari ≥ 5.0, Internet Explorer ≥ 9.0 */
  border-radius: 10px 0;
  /* Chrome ≥ 1.0, Safari ≥ 3.0 */
 -webkit-border-bottom-left-radius: 0;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 0;
  /* Firefox ≥ 1.0 */
 -moz-border-radius: 10px 0;
  bottom: 0;
  left: 190px;
  position: absolute;
  /* Chrome ≥ 54.0, Firefox ≥ 69.0, Opera ≥ 41.0, Safari ≥ 5.0 */
  user-select: none;
  /* Chrome ≥ 4.0, Opera ≥ 15.0, Safari ≥ 3.1 */
 -webkit-user-select: none;
  /* Firefox ≥ 2.0 */
 -moz-user-select: none;
  /* Internet Explore ≥ 10.0 */
 -ms-user-select: none;
}

/**
 * @subsection Контейнер, содержащий меню правовой информацию
 */
div.footer-subtle { background: #fff; }
div.footer-subtle div.container { font-size: 0; line-height: 40px; }

/**
 * @subsubsection Меню правовой информацию и полезных ссылок
 */
ul.footer-subtle-menu {
  display: inline-block;
  height: 18px;
  line-height: 18px;
  list-style: none;
  padding-left: 0;
  vertical-align: middle;
  white-space: nowrap;
}

ul.footer-subtle-menu li {
  color: #333a4a;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}

ul.footer-subtle-menu li + li::before {
  color: #777f91;
  content: "\00b7";
  display: inline-block;
  font-weight: 700;
  margin: 0 14px;
  vertical-align: top;
}

ul.footer-subtle-menu li a { color: #333a4a; }