.hpm-group {
  margin: 0;
}
.hpm-clearfix {
  clear: both;
}
.hpm-title {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  margin-bottom: 7px;
}
.hpm-type-images {
  width: 100%;
}
.hpm-type-images .hpm-item {
  cursor: pointer;
}
.hpm-type-images .hcol-image img {
  width: 100%;
}

.hpm-type-images .hpm-item.active {
  border-color: var(--add-to-cart-btn-bg-incart);
}
.hpm-type-images .hpm-item:hover {
  border-color: var(--add-to-cart-btn-bg-incart);
}
.hpm-type-images .hpm-item.active .hcol-attribute {
  background-color: var(--add-to-cart-btn-bg-incart);
  color: #fff;
}
/*.hpm-type-images .hpm-item.disabled, .hpm-type-html-select .hpm-item.disabled {*/
/*  opacity: .3;*/
/*}*/
.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;
  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-type-images {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.hpm-cat-box .hpm-type-images .hpm-cat-item {
  cursor: pointer;
}
.hcol-image {
  border: 1px solid #eee;
  border-radius: 2px;
  transition: border-color 0.3s;
}
.hpm-group:not(:last-child){
  margin-bottom: 10px;
}
.hcol-image {
  width: 30px;
  height: 30px;
}
.hcol-attribute {
  font-size: 12px;
  line-height: 16px;
  padding: 5px;
  border-radius: 5px;
  background: #EEE;
  transition: background 0.3s, color 0.3s;
}
.product-thumb__more .active .hcol-attribute {
  background: var(--add-to-cart-btn-bg-incart);
  color: var(--add-to-cart-btn-c-incart);
}
.product-thumb__more .hpm-wrap .hpm-cat-box .hpm-group .hpm-type-images {
  height: 30px;
  overflow: hidden;
}

.product-thumb:hover > .product-thumb__caption > .product-thumb__more > .hpm-wrap > .hpm-cat-box > .hpm-group > .hpm-type-images {
  height: max-content !important;
  border-color: #328408;
  background: #ffffff !important;
}
.hcol-attribute:hover {
  background: var(--add-to-cart-btn-bg-incart);
  color: var(--add-to-cart-btn-c-incart);
}
.hcol-image img {
  width: 100%;
  height: 100%;
  border-radius: 2px;
}
.active .hcol-image {
  border-color: var(--add-to-cart-btn-bg-incart);
}
.hpm-cat-box select {
  width: 100%;
}
.hpm-cat-box .hprice, #hpmodel .hprice {
  font-weight: bold;
}
.hpm-cat-box .hprice-new, #hpmodel .hprice-new {
  font-weight: bold;
}
.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;
}