/********************************************************************************************/
/* H5APP_ProductRangeX   */
/********************************************************************************************/

.H5APP_ProductRangeX
{ overflow-x:hidden;

}

.H5APP_ProductRangeX .range_panel
{ overflow:auto;
  overflow-x:hidden;
}

.H5APP_ProductRangeX .item-wrapper
{ margin-bottom:50px;
  gap:10px;
}


.H5APP_ProductRangeX .range_panel .section-model-name
{ border-bottom:5px solid #f0efe8;
padding-bottom:0;
    padding-bottom:20px;
  margin-bottom:10px;
 
 
}


.H5APP_ProductRangeX .range_panel .section-model-name h1
{  font-size:2.8em;
  line-height:1.0em;
  color:#f0efe8;
 font-family: futura-extrabold, Verdana, Arial, Helvetica, sans-serif;
  line-height:1.0em;
  color:#f0efe8;
 
  margin:0;

}


.H5APP_ProductRangeX  .ous
{  display:none;
   position:absolute;
  right:10px;
  bottom:10px;
  
  color:rgba(255,255,255,0.1);
}

body.bdh-debug .H5APP_ProductRangeX .quantity-1 .ous
{ 
}
 
body.bdh-debug  .H5APP_ProductRangeX .quantity-0 .ous
{ display:block;
 
 
}

.range_image
{ width:100px;
  height:100px;
  background-size:100px 100px;
  background-position:center;
  background-repeat:no-repeat;
  float:right;
  border:0px solid red;
  font-size:90px;
}


.H5APP_ProductRangeX .out-of-stock
{ position:absolute;
  width:40px; 
  height:40px;
  z-index:10;
  right:5px;
  bottom:5px;
  opacity:0.4;

}

.filter-wrapper
{ overflow:auto;
  margin-bottom:10px;
  border:0px solid #f0efe8;
  width:100%;
  margin-bottom:20px;
  display:block;

}





.component-in-view .filter-wrapper
{ position:fixed;
  width:100%;
  padding:0 24px;
  width:100%;
  top:100px;
  left:0px;
  z-index:12;  
  margin: 0 auto;
  background:#000;
}

.admin-bar .component-in-view .filter-wrapper
{ 
  top:132px;
 
}

@media (max-width:1080px)
{ 
  .admin-bar .component-in-view .filter-wrapper
  { 
    top:152px;

  }
}



.H5APP_ProductRangeX .filter-wrapper 
{ margin:0 0 50px 0;
  padding:0 0;
}

.filter-wrapper .filter
{
}

.filter-wrapper .filter-content 
{ padding:0;
}

.filter-wrapper .filter-content .filter
{ float:left;
  text-align: center;
  padding:16px;
  border:1px solid #b5b4af;
  border-right:0px solid #b5b4af;
}

.filter-wrapper .filter.selected
{ background:#f0efe8;
  color:#000000;
  border:1px solid #f0efe8;

  border-right:0px solid black;
}

.filter-wrapper .filter.selected>a
{ color:#000000;

}

.filter-wrapper .filter>a
{ color:#b5b4af;
  text-transform:uppercase;
}
.filter-wrapper .filter:last-child
{
  border-right:1px solid #b5b4af;
}


.filter-wrapper .filter
{ float:left;
  text-align: center;
  padding:16px;
  border:1px solid #b5b4af;
  border-right:0px solid #b5b4af;
}
.filter-wrapper .filter.selected
{ background:#f0efe8;
  color:#000000;
  border:1px solid #f0efe8;

  border-right:0px solid black;
}

.filter-wrapper .filter.selected>a
{ color:#000000;

}

.filter-wrapper .filter>a
{ color:#b5b4af;
  text-transform:uppercase;
}
.filter-wrapper .filter:last-child
{
  border-right:1px solid #b5b4af;
}


@media (max-width:1024px)
{ .H5APP_ProductRangeX .item-wrapper .product-panel>.info
  { 
    opacity:1;

  }
  .filter-wrapper .filter-content .filter
  { 
    border-right:1px solid #b5b4af;
  }

}




@media (max-width:1024px)
{ .filter-wrapper .filter
  { width:100% !important;
    border-right:1px solid #b5b4af;
    border-top:0px solid #b5b4af;
  }


  .filter-wrapper .filter:first-child
  { 
    border-top:1px solid #b5b4af;
  }
}





.H5APP_ProductGridX .special-offer
{ position:absolute;
  width:40px;
  height:80px;
  background:#ca161d;
  color:#fff;
  text-align:center;
  box-sizing:border-box;
  padding-top:20px;
  z-index:10;
  right:0px;
  top:0px;
  -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
  clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
}



.H5APP_ProductRangeX div.logo-item
{ aspect-ratio:1 / 1;
  width:100%;
  max-width:2vw;
  min-width:100px;
  min-height:100px;
   overflow:hidden;
  border: 0px solid red;
  border-radius:50%;
  padding:10px;
  background:transparent;
  position:relative;
  top:5px;

}
.H5APP_ProductRangeX div.logo-item>img
{ width:100%;
  height:auto;


}

.H5APP_ProductRangeX .special-offer
{ position:absolute;
  width:40px;
  height:80px;
  background:#ca161d;
  color:#fff;
  text-align:center;
  box-sizing:border-box;
  padding-top:20px;
  z-index:10;
  right:0px;
  top:0px;
  -webkit-clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
  clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 54%);
}


.H5APP_ProductRangeX .item-wrapper .product-panel
{ aspect-ratio:1 / 1;
  width:100%;
  /*max-width:calc(16.6666% - 8px);
  margin-right:8px;
  margin-bottom:8px;*/
  float:left;
  background:#222222;

  overflow:hidden;
  -webkit-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out, background-size 0.25s ease-in-out;

}

.eggshell .H5APP_ProductRangeX .item-wrapper .product-panel
{ 

  background-color:#B5B4AE;
  color:#333333;

}
.H5APP_ProductRangeX.filtering .item-wrapper .product-panel.filter_result
{ display:block;

}

.H5APP_ProductRangeX .item-wrapper .product-panel
{ width:100%;
  height:100%;
  min-height:100%; 
  min-width:100%; 
}

.H5APP_ProductRangeX .item-wrapper .product-panel .dom-image-bg{
   transition:all 0.2s;
    background-size: 80% 80%;
}

.H5APP_ProductRangeX .item-wrapper .product-panel:hover .dom-image-bg{
    background-size: 60% 60%;
  transition:all 0.2s;
}


.H5APP_ProductRangeX .item-wrapper .product-panel>.info
{ position:absolute;
  bottom:0;
  left:0px;
  z-index:10;
 
  opacity:0;


  box-sizing: border-box;
  padding:10px;
  margin:0px;
}

.H5APP_ProductRangeX .item-wrapper .product-panel .info h1
{ 

  border-bottom:0px;
  font-size:1.2vw;
  line-height: 1.3vw;
  margin:0px;
  padding:0px;
  margin-bottom:3px;


}
.H5APP_ProductRangeX .item-wrapper .product-panel .info .name
{ 
  font-family:trade-gothic-lt;
  font-weight:normal;
  text-transform:none;
  margin-bottom:8px;

}
.H5APP_ProductRangeX .item-wrapper .product-panel .info .price
{ font-size:0.9vw;
  font-family:trade-gothic-lt;
  font-weight:bold;
  text-transform:none;
  margin-bottom:0px;

}


.H5APP_ProductRangeX .item-wrapper .product-panel .info .price>span
{ 
  text-decoration: line-through;
  color:#807f7a;
  font-size:0.7vw;
}




.H5APP_ProductRangeX .item-wrapper .product-panel:hover>.info
{ opacity:1;
 -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}


@media (max-width: 1024px) {

  .H5APP_ProductRangeX .item-wrapper .product-panel>.info
  { 

    box-sizing: border-box;
    padding:20px;
    margin:0px;
  }

  .H5APP_ProductRangeX .item-wrapper .product-panel .info h1
  { 

    border-bottom:0px;
    font-size:3.2vw;
    line-height:3.4vw;
    margin-bottom:10px;

  }
  .H5APP_ProductRangeX .item-wrapper .product-panel .info .name
  { 

    margin-bottom:8px;

  }
  .H5APP_ProductRangeX .item-wrapper .product-panel .info .price
  {  font-size:2.7vw; 



  }


  .H5APP_ProductRangeX .item-wrapper .product-panel .info .price>span
  { 

    font-size:1.7vw;
  }



  .H5APP_ProductRangeX .item-wrapper .product-panel:hover>.info
  { opacity:1;

  }

}



@media (max-width: 768px) {

  .H5APP_ProductRangeX .item-wrapper .product-panel>.info
  { 

    box-sizing: border-box;
    padding:30px;
    margin:0px;
  }

  .H5APP_ProductRangeX .item-wrapper .product-panel .info h1
  { 

    border-bottom:0px;
    font-size:7.2vw;
    line-height:7.4vw;
    margin-bottom:10px;

  }
  .H5APP_ProductRangeX .item-wrapper .product-panel .info .name
  { 

    margin-bottom:8px;

  }
  .H5APP_ProductRangeX .item-wrapper .product-panel .info .price
  {  font-size:4.7vw; 



  }


  .H5APP_ProductRangeX .item-wrapper .product-panel .info .price>span
  { 

    font-size:3.7vw;
  }



  .H5APP_ProductRangeX .item-wrapper .product-panel:hover>.info
  { opacity:1;

  }

}



.H5APP_ProductRangeX .item-wrapper .product-panel>.blend
{  position:absolute;
  width:100%;
  height:100%;
  background: url(/bd_xml_series/47/blend.png);
  opacity:0.8;
  background-size : 100% 100%;
  left:0px;
  top:0px;
  z-index:20;
  opacity: 0.6;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  display:none;
}



.H5APP_ProductRangeX .item-wrapper .product-panel:hover .blend
{
  opacity: 0.05;
  z-index:20;

}


.H5APP_ProductRangeX .item-wrapper .product-panel:hover
{
  background-size:60% 60%;


}