/********* datasheet (list view, table view) ***********/
/*********************** grid gaps ***********************/
.wsNumRows {
  text-align: right;
  font-weight: bold;
  font-size: 0.9em;
}
/********** basic layout, table *************/
.tableLayout .wsProductData {
  padding: 8px ;
  margin-bottom: 36px;
}
.tableLayout .wsProductData .wsName {
  font-size: 22px;
  font-weight: bold;
}
.wsProductTable.tableLayout .wsProductData {
  display: grid;
  gap: 36px;
  grid-template-columns: 1fr 2fr 1fr;
  grid-template-areas: "wsProductIdxImgContainer textContainer priceContainer";
}
.wsProductTable.tableLayout .wsProductData .wsProductIdxImgContainer {
  grid-area: wsProductIdxImgContainer;
  align-self: center;
}
.wsProductTable.tableLayout .wsProductData img {
  display: block;
  max-width: 100%;
  width: auto;
  margin: auto;
  max-height: 250px;
}
.wsProductTable.tableLayout .wsProductData .textContainer {
  grid-area: textContainer;
}
.wsProductTable.tableLayout .wsProductData .priceContainer {
  grid-area: priceContainer;
}
.wsProductTable.tableLayout .wsProductData .priceInner {
  min-height: 100%;
  display: grid;
  row-gap: 8px;
  grid-template-columns: 1fr;
  justify-items: right;
}
.wsProductTable.tableLayout .wsProductData .priceInner .detailsContainer {
  align-self: end;
}
.wsProductTable.tableLayout .wsProductData .clear {
  display: none;
}
/********** basic layout, grid *************/
.favsContainer {
  grid-area: favsContainer;
}
.gridLayout {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 36px;
  /*.lpPagination{
  		grid-column-start: 1;
  		grid-column-end: -1;
  	}*/
}
.gridLayout .productNotFound {
  grid-area: 1/1/2/4;
}
.gridLayout .wsProductData {
  padding: 8px;
  text-align: center;
  overflow: hidden;
  display: grid;
  gap: 8px 4px;
  grid-template-columns: minmax(0, auto) 1fr minmax(0, auto);
  grid-template-areas: "favsContainer productTitle  productTitle" "wsProductIdxImgContainer wsProductIdxImgContainer  wsProductIdxImgContainer" "propertyBlock  propertyBlock propertyBlock" "productVariant productVariant productVariant " "priceContainer priceContainer priceContainer" "buttonRow buttonRow buttonRow ";
  /** datasheet, can be table or div view **/
}
.gridLayout .wsProductData .productTitle {
  grid-area: productTitle;
}
.gridLayout .wsProductData .productLifeCycle {
  grid-area: 2/2/3/4;
  align-self: start;
  justify-self: right;
  z-index: 2;
}
.gridLayout .wsProductData .wsProductIdxImgContainer {
  grid-area: wsProductIdxImgContainer;
}
.gridLayout .wsProductData .productVariant {
  grid-area: productVariant;
}
.gridLayout .wsProductData .propertyBlock {
  grid-area: propertyBlock;
  line-height: 0;
}
.gridLayout .wsProductData .priceContainer {
  grid-area: priceContainer;
}
.gridLayout .wsProductData .buttonRow {
  grid-area: buttonRow;
  align-self: end;
}
.gridLayout .wsProductData .wsName {
  position: relative;
  height: 50px;
  line-height: 1.2;
  font-weight: bold;
  overflow: hidden;
}
.gridLayout .wsProductData .plcCenter {
  padding: 0 6px;
  line-height: 38px;
  font-size: 0.9em;
}
.gridLayout .wsProductData .wsName::after {
  content: " ";
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
  display: block;
  width: 100%;
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.gridLayout .wsProductData .wsProductIdxImgContainer a {
  display: block;
  width: 100%;
  height: 220px;
}
.gridLayout .wsProductData .wsProductIdxImgContainer img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.gridLayout .wsProductData .productVariant .sysPanel {
  margin: 2px;
}
.gridLayout .wsProductData .propertyRow {
  line-height: 1.3;
  font-size: 0.8em;
  text-align: left;
  display: grid;
  grid-gap: 8px;
  margin: 0 8px;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "propertyName propertyValue";
}
.gridLayout .wsProductData .propertyRow .propertyName {
  grid-area: propertyName;
}
.gridLayout .wsProductData .propertyRow .propertyValue {
  grid-area: propertyValue;
}
.gridLayout .wsProductData .priceInstead {
  min-height: 20px;
}
.gridLayout .wsProductData .discount {
  line-height: 2;
}
.gridLayout .wsProductData .buttonRow {
  display: grid;
  justify-items: center;
  grid-gap: 8px;
  grid-template-columns: 1fr auto;
  grid-template-areas: "cart details" "productCompare productCompare";
}
.gridLayout .wsProductData .buttonRow .cart {
  grid-area: cart;
  align-self: center;
}
.gridLayout .wsProductData .buttonRow .details {
  grid-area: details;
}
.gridLayout .wsProductData .buttonRow .productCompare {
  grid-area: productCompare;
}
@media (max-width: 1600px) {
  .gridLayout {
    gap: 24px;
  }
}
@media (max-width: 1024px) {
  .gridLayout {
    gap: 16px;
  }
}
@media (max-width: 576px) {
  .gridLayout {
    gap: 12px;
  }
}
/**********   both layouts   ****************/
.wsProductData.inactive {
  /*background:#ffaaaa;*/
  border: 1px solid #dd2020;
}
.wsProductTable .soldOut {
  float: left;
  text-align: left;
  font-weight: bold;
  margin-right: 16px;
  line-height: 1.5;
}
/****** text ******/
.wsProductData .ws_brand,
.wsProductData .ws_name,
.wsProductData .price {
  font-weight: bold;
}
.wsProductData .price {
  font-size: 20px;
  text-align: right;
}
.priceInstead {
  text-decoration: line-through;
}
.wsProductData .priceContainer {
  font-size: 14px;
}
.wsProductData .priceContainer .discount,
.wsProductData .priceContainer .stockText,
.wsProductData .priceContainer .deliveryText {
  font-size: 12px;
  color: #606060;
}
.variantNr {
  padding-right: 4px;
}
.wsProductTable .priceContainer .stockInfo {
  line-height: 0;
  display: inline-block;
  width: auto;
  margin: 6px 0;
}
.wsProductTable .priceContainer .stockInfo .stockText {
  line-height: 16px;
  margin-left: 4px;
}
.wsProductTable .priceContainer .deliveryText {
  clear: both;
  display: block;
  float: none;
  line-height: 22px;
}
.wsProductData .detailsContainer {
  display: inline-block;
}
.wsProductData .details {
  float: right;
}
.wsProductData .details.customerNotification {
  float: left;
  padding-right: 5px;
}
.wsProductData .details a {
  display: inline-block;
  padding: 6px;
  border-radius: 3px;
  font-weight: bold;
}
.extraPriceText {
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #dd2020;
  line-height: 22px;
  font-weight: bold;
  padding: 6px 0;
}
/*****  sales points ******/
.salesPoint {
  margin-top: 8px;
  float: left;
  display: inline-block;
}
.salesPoint .deliveryTime,
.salesPoint .spName {
  font-size: 0.8em;
  float: left;
  text-align: left;
}
.salesPoint .glyphicon {
  float: left;
  margin-right: 20px;
}
.salesPoint .spName {
  min-width: 80px;
}
@media (max-width: 1024px) {
  .gridLayout {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 760px) {
  .wsProductData .wsProductIdxImgContainer,
  .wsProductData .textContainer,
  .wsProductData .priceContainer {
    width: 100%;
    margin-bottom: 16px;
  }
}
@media (max-width: 640px) {
  /*.gridLayout .wsProductData {
    width: 100%;
  }*/
  .gridLayout .productLifeCycle,
  .gridLayout .wsName,
  .gridLayout .priceInstead,
  .gridLayout .discount {
    min-height: 0;
  }
  .gridLayout .wsProductData .textContainer,
  .gridLayout .wsProductData .wsProductIdxImgContainer,
  .gridLayout .wsProductData .priceContainer {
    margin-bottom: 8px;
  }
  .gridLayout .wsProductData .wsProductIdxImgContainer a {
    height: auto;
  }
  .tableLayout .wsProductData .wsProductIdxImgContainer {
    text-align: center;
    width: 100%;
  }
  .tableLayout .wsProductData .priceContainer {
    width: auto;
  }
  .tableLayout .wsProductData .textContainer {
    text-align: center;
    width: auto;
  }
}
.subCategories {
  padding-bottom: 75px;
}
.subcategoryGrid4 {
  display: grid;
  margin: auto;
  padding: 0px 75px;
  grid-column-gap: 75px;
  grid-row-gap: 30px;
  max-width: 1600px;
  grid-template-columns: repeat(2, 1fr);
}
.subcategoryGrid4 .contentText {
  padding: 16px;
}
.subcategoryGrid4 .introTitle {
  font-size: 16px;
}
.subcategoryGrid4 .linkBtn {
  margin: 6px;
}
.subcategoryGrid4 .content {
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.subcategoryGrid4 .content .linkBtn {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  z-index: 1;
}
.subcategoryGrid4 .content .contentText {
  text-align: left;
  line-height: 0;
  padding-bottom: 70px;
}
.subcategoryGrid4 .content .contentText .introTitle {
  line-height: 1.1;
  font-weight: bold;
  font-size: 16px;
}
.subcategoryGrid4 .content .contentText .introText {
  line-height: 1;
  font-weight: bold;
  font-size: 14px;
}
.subcategoryGrid4 .imageContainer img {
  width: 100%;
}
.subcategoryGrid4 h2 {
  grid-column: 1 / span 2;
  grid-row: 1;
  text-align: center;
}
.subcategoryGrid4 .subcategory1 {
  grid-column: 1 / span 1;
  grid-row: 2;
}
.subcategoryGrid4 .subcategory2 {
  grid-column: 2 / span 1;
  grid-row: 2;
}
.subcategoryGrid4 .subcategory3 {
  grid-column: 1 / span 1;
  grid-row: 3;
}
.subcategoryGrid4 .subcategory4 {
  grid-column: 2 / span 1;
  grid-row: 3;
}
.moreProducts {
  text-align: center;
}
.moreProducts .sysPanel {
  margin: 36px 0 0 0;
}
@media all and (max-width: 1280px) {
  .subcategoryGrid4 .linkBtn {
    margin: 5px;
  }
  .subcategoryGrid4 .introTitle {
    font-size: 26px;
  }
  .subcategoryGrid4 .content .contentText {
    padding-bottom: 55px;
  }
}
@media all and (max-width: 1024px) {
  .tableLayout .wsProductData {
    margin-bottom: 24px;
  }
  .wsProductTable.tableLayout .wsProductData {
    gap: 24px;
    grid-template-columns: 1fr 3fr;
    grid-template-areas: " wsProductIdxImgContainer  textContainer" ". priceContainer";
  }
  .subcategoryGrid4 .content .contentText {
    padding-bottom: 40px;
  }
}
@media all and (max-width: 900px) {
  .subcategoryGrid4 {
    display: block;
  }
  .subcategoryGrid4 .linkBtn {
    margin: 16px;
  }
  .subcategoryGrid4 .introTitle {
    font-size: 28px;
  }
  .subcategoryGrid4 .content .contentText {
    padding-bottom: 70px;
  }
}
@media all and (max-width: 576px) {
  .gridLayout {
    grid-template-columns: 1fr;
  }
  .wsProductTable.tableLayout .wsProductData {
    gap: 16px;
    grid-template-columns: 1fr;
    grid-template-areas: " wsProductIdxImgContainer" "textContainer" "priceContainer";
  }
}