.hpm-group {
  margin: 0;
}

.products-single .hpm-cat-box > .hpm-group:first-child {
  margin-top: 4rem;
}

#hpmodel .hpm-type-images {
  margin: 0 -0.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#hpmodel .hpm-type-images .hpm-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  margin: 0 0.2rem;
  padding: 0.2rem;
  border: 1px solid var(--gray-300);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

#hpmodel .hpm-type-images .hpm-item::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(100% - 0.4rem);
  height: calc(100% - 0.4rem);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  border-radius: 50rem !important;
  margin: 0.2rem;
}

#hpmodel .hpm-type-images .hpm-item.hpm-item-small {
  margin: 0.15rem;
  padding: 0.2rem;
  border: 1px solid var(--gray-300);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

#hpmodel .hpm-type-images .hpm-item.hpm-item-small::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(100% - 0.4rem);
  height: calc(100% - 0.4rem);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  border-radius: 50rem !important;
  margin: 0.2rem;
}

#hpmodel .hpm-type-images .hpm-item:hover {
  border: 1px solid var(--gray-500);
}

#hpmodel .hpm-type-images .hpm-item.active {
  border: 1px solid var(--gray-900);
}

#hpmodel .hpm-type-images .hcol-image img {
  width: 100%;
  display: block;
  width: 2.25rem;
  height: auto;
  border-radius: 50%;
}

#hpmodel .hpm-type-images .hpm-item.hpm-item-small .hcol-image img {
  width: 1.375rem;
}

#hpmodel .hpm-type-images .hpm-item.disabled, .hpm-type-html-select .hpm-item.disabled {
  display: none;
}

#hpmodel .hpm-type-links {
  margin: 0 -0.2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#hpmodel .hpm-type-links .hpm-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  margin: 0.2rem;
  padding: 0.25rem 0.5rem;
  border: 1px solid var(--gray-400);
  border-radius: 0.3125rem;
  overflow: hidden;
  position: relative;
}

#hpmodel .hpm-type-links .hpm-item.active {
  background: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}

#hpmodel .hpm-type-links .hcol-image img {
  width: 100%;
  display: block;
  width: 2.5rem;
  height: auto;
  border-radius: 50%;
}

#hpmodel .hpm-type-links .hpm-item.hpm-item-small .hcol-image img {
  width: 1.375rem;
}

#hpmodel .hpm-type-links .hpm-item.disabled, .hpm-type-html-select .hpm-item.disabled {
}

.hpmodel-type-select .hpm-item.disabled {
  color: #ccc;
}

.hpm-type-html-select .hpm-select-item img  {
  border-radius: 0;
  padding: 0;
  margin: 2px;
}

.hpm-select {
  cursor: pointer;
  position: relative;
  width: 100%;
}

.hpm-select .selected {
  background: url(select.png) right center no-repeat;
  display: block;
  border: 1px solid #cecece;
  background-color: #F6F6F6;
  padding: 3px 25px 3px 3px;
  color: #444;
  overflow: auto;
}

.hpm-select.open .selected {}

.hpm-select .hpm-select-item {
  overflow: auto; padding: 3px;
}

.hpm-select .hcol-image {
  float: left; margin-right: 10px; padding: 2px; background: #fff; border: 1px solid #ddd;
}

.hpm-select .drop-down {
  margin: -1px 0 0 0;
  padding: 0;
  width: 100%;
  border: 1px solid #cecece;
  position: absolute;
  background: #fff;
  max-height: 300px;
  overflow-y: auto;
  background: #fff;
  z-index: 100;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
}

.hpm-select .drop-down > div {
  padding: 2px 5px;
  border-bottom: 1px solid #cecece;
}

.hpm-select .drop-down > div:last-child {
  border-bottom: none;
}

.hpm-select .drop-down > div.active {
  background: #F6F6F6;
}

.hpm-select .drop-down > div:hover {
  background-color: #e8e8e8;
  color: #222;
}


/** Вывод в категориях **/
.hpm-cat-box {
  margin-bottom: 5px;
}

.hpm-cat-box .hpm-colors.hpm-colors-active {
  position: absolute;
  left: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-top: -0.125rem;
}

.hpm-cat-box .hpm-colors .hpm-title {
  font-weight: 600;
  width: 100%;
}

.hpm-cat-box .hpm-colors.hpm-colors-active .hpm-title {
  order: 2;
  font-size: 0.9rem;
  font-weight: normal;
  margin-top: 0.25rem;
  color: var(--gray-600);
}

.hpm-cat-box .hpm-colors .hpm-type-images {
  margin: 0 -3px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.hpm-cat-box .hpm-colors-active .hpm-type-images {
  order: 1;
  justify-content: center;
}

.hpm-cat-box .hpm-colors .hpm-type-images .hpm-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  margin: 0.2rem;
  padding: 0.2rem;
  border: 1px solid var(--gray-300);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.hpm-cat-box .hpm-colors .hpm-type-images .hpm-item::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(100% - 0.4rem);
  height: calc(100% - 0.4rem);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  border-radius: 50rem !important;
  margin: 0.2rem;
}

.hpm-cat-box .hpm-colors .hpm-type-images .hpm-item.hpm-item-small {
  margin: 0.15rem;
  padding: 0.2rem;
  border: 1px solid var(--gray-300);
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}

.hpm-cat-box .hpm-colors .hpm-type-images .hpm-item.hpm-item-small::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(100% - 0.4rem);
  height: calc(100% - 0.4rem);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  border-radius: 50rem !important;
  margin: 0.2rem;
}

.hpm-cat-box .hpm-colors .hpm-type-images .hpm-item:hover {
  border: 1px solid var(--gray-500);
}

.hpm-cat-box .hpm-colors .hpm-type-images .hpm-item.active {
  border: 1px solid var(--gray-900);
}

.hpm-cat-box .hpm-colors .hpm-type-images .hcol-image img {
  width: 100%;
  display: block;
  width: 1.625rem;
  height: auto;
  border-radius: 50%;
}

.hpm-cat-box .hpm-colors .hpm-type-images .hpm-item.hpm-item-small .hcol-image img {
  width: 1.375rem;
}

.hpm-cat-box .hpm-colors .hpm-type-images .hpm-item.disabled, .hpm-type-html-select .hpm-item.disabled {
  opacity: .3;
  display: none;
}

.hpm-cat-box .hpm-options {
  margin-top: 0.5rem;
  margin-bottom: 1.375rem;
}

.hpm-cat-box .hpm-options .hpm-title {
  font-weight: 400;
  color: var(--gray-700);
  font-weight: normal;
  margin-top: 0.25rem;
}

.hpm-cat-box .hpm-options .hpm-type-images {
  margin: 0 -0.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.hpm-cat-box .hpm-options .hpm-type-images .hpm-item {
  display: flex;
  align-items: flex-start;
  text-align: center;
  vertical-align: top;
  cursor: pointer;
  margin: 0.25rem;
  padding: 0.2rem 0.5rem 0.15rem;
  border: 1px solid var(--gray-500);
  border-radius: 0.375rem;
  overflow: hidden;
  position: relative;
  font-weight: 500;
  font-size: 0.9125rem;
}

.hpm-cat-box .hpm-options .hpm-type-images .hpm-item.active {
  color: var(--white);
  border-color: var(--primary);
  background: var(--primary);
}

.hpm-cat-box .hpm-options .hpm-type-images .hpm-item.wi_fi___cellular::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 24'%3E%3Cpath d='M3.9,10.85c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,3.46-3.46,9.1-3.46,12.56,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.82-4.46-4.47-11.73-4.47-16.2,0h0Zm3.47,3.47c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,1.55-1.55,4.07-1.55,5.61,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.81-2.55-2.56-6.7-2.56-9.25,0Zm4.63,2.91c.95,0,1.71,.77,1.71,1.71s-.77,1.71-1.71,1.71-1.71-.77-1.71-1.71,.77-1.71,1.71-1.71ZM23.62,7.32C17.21,.91,6.79,.91,.38,7.32c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,5.41-5.41,14.2-5.41,19.61,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.82h0Z' style='fill:%23252525;'/%3E%3Cpath d='M31.11,15.54h-1.57v-3.18h-3.17v-1.55h3.17v-3.18h1.57v3.18h3.18v1.55h-3.18v3.18Z' style='fill:%23252525;'/%3E%3Cpath d='M54,19.58V8.13c0-.53-.21-1.04-.59-1.41l-4.55-4.55c-.37-.38-.88-.59-1.41-.59h-6.11c-1.1,0-2,.9-2,2v16c0,1.1,.9,2,2,2h10.67c1.1,0,2-.9,2-2Zm-13.33,0V3.58c0-.37,.3-.67,.67-.67h6.11c.18,0,.35,.07,.47,.2l4.55,4.55c.12,.13,.19,.29,.2,.47v11.45c0,.37-.3,.67-.67,.67h-10.67c-.37,0-.67-.3-.67-.67Zm8.67-8.67h-5.33c-.74,0-1.33,.6-1.33,1.33v5.33c0,.74,.6,1.33,1.33,1.33h5.33c.74,0,1.33-.6,1.33-1.33v-5.33c0-.74-.6-1.33-1.33-1.33Zm0,3.33h-2v-2h2v2Zm-5.33-2h2v5.33h-2v-5.33Zm3.33,5.33v-2h2v2h-2Z' style='fill:%23252525;'/%3E%3C/svg%3E");
  display: block;
  margin-right: 0.425rem;
  width: 2.8125rem;
  height: 1.25rem;
}

.hpm-cat-box .hpm-options .hpm-type-images .hpm-item.wi_fi___cellular.active::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 54 24'%3E%3Cpath d='M3.9,10.85c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,3.46-3.46,9.1-3.46,12.56,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.82-4.46-4.47-11.73-4.47-16.2,0h0Zm3.47,3.47c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,1.55-1.55,4.07-1.55,5.61,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.81-2.55-2.56-6.7-2.56-9.25,0Zm4.63,2.91c.95,0,1.71,.77,1.71,1.71s-.77,1.71-1.71,1.71-1.71-.77-1.71-1.71,.77-1.71,1.71-1.71ZM23.62,7.32C17.21,.91,6.79,.91,.38,7.32c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,5.41-5.41,14.2-5.41,19.61,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.82h0Z' style='fill:%23ffffff;'/%3E%3Cpath d='M31.11,15.54h-1.57v-3.18h-3.17v-1.55h3.17v-3.18h1.57v3.18h3.18v1.55h-3.18v3.18Z' style='fill:%23ffffff;'/%3E%3Cpath d='M54,19.58V8.13c0-.53-.21-1.04-.59-1.41l-4.55-4.55c-.37-.38-.88-.59-1.41-.59h-6.11c-1.1,0-2,.9-2,2v16c0,1.1,.9,2,2,2h10.67c1.1,0,2-.9,2-2Zm-13.33,0V3.58c0-.37,.3-.67,.67-.67h6.11c.18,0,.35,.07,.47,.2l4.55,4.55c.12,.13,.19,.29,.2,.47v11.45c0,.37-.3,.67-.67,.67h-10.67c-.37,0-.67-.3-.67-.67Zm8.67-8.67h-5.33c-.74,0-1.33,.6-1.33,1.33v5.33c0,.74,.6,1.33,1.33,1.33h5.33c.74,0,1.33-.6,1.33-1.33v-5.33c0-.74-.6-1.33-1.33-1.33Zm0,3.33h-2v-2h2v2Zm-5.33-2h2v5.33h-2v-5.33Zm3.33,5.33v-2h2v2h-2Z' style='fill:%23ffffff;'/%3E%3C/svg%3E");
}

.hpm-cat-box .hpm-options .hpm-type-images .hpm-item.wi_fi::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.9,11.27c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,3.46-3.46,9.1-3.46,12.56,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.82-4.46-4.47-11.73-4.47-16.2,0h0Zm3.47,3.47c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,1.55-1.55,4.07-1.55,5.61,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.81-2.55-2.56-6.7-2.56-9.25,0Zm4.63,2.91c.95,0,1.71,.77,1.71,1.71s-.77,1.71-1.71,1.71-1.71-.77-1.71-1.71,.77-1.71,1.71-1.71ZM23.62,7.73C17.21,1.33,6.79,1.33,.38,7.73c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,5.41-5.41,14.2-5.41,19.61,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.82h0Z' style='fill:%23252525;'/%3E%3C/svg%3E");
  display: block;
  margin-right: 0.425rem;
  width: 1.25rem;
  height: 1.25rem;
}

.hpm-cat-box .hpm-options .hpm-type-images .hpm-item.wi_fi.active::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3.9,11.27c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,3.46-3.46,9.1-3.46,12.56,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.82-4.46-4.47-11.73-4.47-16.2,0h0Zm3.47,3.47c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,1.55-1.55,4.07-1.55,5.61,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.81-2.55-2.56-6.7-2.56-9.25,0Zm4.63,2.91c.95,0,1.71,.77,1.71,1.71s-.77,1.71-1.71,1.71-1.71-.77-1.71-1.71,.77-1.71,1.71-1.71ZM23.62,7.73C17.21,1.33,6.79,1.33,.38,7.73c-.5,.5-.5,1.31,0,1.82,.5,.5,1.31,.5,1.82,0,5.41-5.41,14.2-5.41,19.61,0,.25,.25,.58,.38,.91,.38s.66-.13,.91-.38c.5-.5,.5-1.31,0-1.82h0Z' style='fill:%23ffffff;'/%3E%3C/svg%3E");
}

.option-popover::after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: calc(100% - 0.5rem);
  height: calc(100% - 0.5rem);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  border-radius: 50rem !important;
  margin: 0.25rem;
}

.hpm-cat-box select {
  width: 100%;
}

.hpm-cat-box .hpm-type-html-select .hpm-cat-item {
  padding: 0.075rem 0.5rem;
  margin: 0.175rem calc(-0.5rem - 3px);
  border-left: 3px solid transparent;
  cursor: pointer;
}

.hpm-cat-box .hpm-type-html-select .hpm-cat-item.active {
  border-color: var(--danger);
  cursor: default;
}

.hpm-cat-box .hpm-type-html-select .hpm-cat-item.hpm-item-single.active {
  border-color: transparent;
}

.hpm-cat-box .hpm-cat-item.hpm-item-single .hcol-price .hprice {
  margin-top: -0.25rem;
  font-size: 1.25rem;
  font-weight: 400 !important;
}

.hpm-cat-box .hcol-price {
  margin-top: -0.25rem;
  font-size: 1.125rem;
}

.hcol-mpn + .hcol-price {
  margin-top: 0rem;
}

.hpm-cat-box .hprice, #hpmodel .hprice,
.hpm-cat-box .hinstprice, #hpmodel .hinstprice,
.hpm-cat-box .hcashlessprice, #hpmodel .hcashlessprice {
  font-weight: 600;
}

.hpm-cat-box .hprice-new, #hpmodel .hprice-new {
  font-weight: 600;
}

.hpm-cat-box .hprice-old, #hpmodel .hprice-old {
  color: #E12C31;
  text-decoration: line-through;
}

.hpm-cat-content.hpm-type-html-select .hpm-select .selected {
  padding: 0;
}

.hpm-cat-content.hpm-type-html-select .hpm-select .selected .hpm-col-none {
  padding: 2px 5px;
}

.hpm-type-html-select .hpm-select .hpm-select-item img  {
  border-radius: 0;
  padding: 0;
  margin: 2px;
}

.hpm-cat-content.hpm-type-html-select .hpm-cat-item{
  border-radius: 0;
  padding: 2px 5px !important;
}

/** Responsive: less than 576px **/
@media (max-width: 575px) {
	.hpm-cat-box .hpm-colors .hpm-type-images .hcol-image img {
		width: 1.325rem;
	}
}