/* CSS for view-grid-plenka Style */

/*

MAIN
ADAPTIVE

*/

/* MAIN */
#categories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  justify-content: flex-start;
}

#categories > .category {
  width: auto;
}

#categories > .category:nth-child(1) {
  grid-column: 3;
  grid-row: 1;
}

.switch-viewer.switch-plenka  {
  display: flex!important;
}

.plenka__table-content {
  display: grid !important;
  grid-template-columns: auto 2fr 185px;
  grid-template-rows: 1fr auto auto auto auto auto auto;
  column-gap: 2em;
  row-gap: 5px;
  border: none;
  padding: 20px;
  margin: 20px;
  box-shadow: 4px 3px 5px 0 #0000003d;
  background-color: #fff !important;
}

.block-plenka .view-grid-view-show b {
  grid-row: 1;
  grid-column: 2;
  border-bottom: 1px dotted #000 !important;
  width: 100%;
  height: 100%;
  display: block;
}

.block-plenka .view-grid-view-show .lp-construction-debris__table-title {
  grid-row: 1;
  grid-column: 2;
}

.block-plenka .view-grid-view-show .lp-construction-debris__table-image {
  min-width: auto;
}

.block-plenka .view-grid-view-show .block-plenka__table-sort {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto auto;
  width: 100% !important;
  border-bottom: 1px dotted #000;
  margin-top: auto;
}

.block-plenka .view-grid-view-show .block-plenka__table-sort span:nth-child(1),
.block-plenka .view-grid-view-show .block-plenka__table-sort span:nth-child(3) {
  color: gray;
  border-bottom: 1px solid #fff !important;
  margin-bottom: -1px;
}

.block-plenka .view-grid-view-show .block-plenka__table-weight {
  grid-column: 2;
  grid-row: 3;
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto auto;
  width: 100% !important;
  border-bottom: 1px dotted #000;
}

.block-plenka .view-grid-view-show .block-plenka__table-weight span:nth-child(1),
.block-plenka .view-grid-view-show .block-plenka__table-weight span:nth-child(3) {
  color: gray;
  border-bottom: 1px solid #fff !important;
  margin-bottom: -1px;
}




.block-plenka .view-grid-view-show .block-plenka__table-price {
  grid-column: 3;
  grid-row: 1;
  border: 1px solid #D81E1E !important;
  font-weight: 700;
  height: 35px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #000;
  margin-top: 0;
}

.block-plenka .view-grid-view-show .block-plenka__table-price span {
  display: block!important;
}

.block-plenka .view-grid-view-show .block-plenka__table-button {
  /* grid-column: 3 !important; */
  grid-row: 2;
}

.block-plenka .view-grid-view-show .lp-construction-debris__table-delivery b {
  border: none!important;
}

.block-plenka .row_price__title {
  width: 100%;
  justify-content: center;
}




/* PLENKA CUT */
.plenka-cut__table-content {
  display: grid !important;
  grid-template-columns: auto 2fr 185px;
  grid-template-rows: 1fr auto auto auto auto auto auto;
  column-gap: 2em;
  row-gap: 5px;
  border: none;
  padding: 20px;
  margin: 20px;
  box-shadow: 4px 3px 5px 0 #0000003d;
  background-color: #fff !important;
}

.block-plenka-cut .view-grid-view-show b {
  grid-row: 1;
  grid-column: 2;
  border-bottom: 1px dotted #000 !important;
  width: 100%;
  height: 100%;
  display: block;
}

.block-plenka-cut .view-grid-view-show .lp-construction-debris__table-title {
  grid-row: 1;
  grid-column: 2;
}

.block-plenka-cut .view-grid-view-show .lp-construction-debris__table-image {
  min-width: auto;
}

.block-plenka-cut .view-grid-view-show .block-plenka__table-sort {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto auto;
  width: 100% !important;
  border-bottom: 1px dotted #000;
  margin-top: auto;
}

.block-plenka-cut .view-grid-view-show .block-plenka__table-sort span:nth-child(1),
.block-plenka-cut .view-grid-view-show .block-plenka__table-sort span:nth-child(3) {
  color: gray;
  border-bottom: 1px solid #fff !important;
  margin-bottom: -1px;
}

.block-plenka-cut .view-grid-view-show .block-plenka__table-weight {
  grid-column: 2;
  grid-row: 3;
  display: grid;
  justify-content: space-between;
  grid-template-columns: auto auto auto;
  width: 100% !important;
  border-bottom: 1px dotted #000;
}

.block-plenka-cut .view-grid-view-show .block-plenka__table-weight span:nth-child(1),
.block-plenka-cut .view-grid-view-show .block-plenka__table-weight span:nth-child(3) {
  color: gray;
  border-bottom: 1px solid #fff !important;
  margin-bottom: -1px;
}




.block-plenka-cut .view-grid-view-show .block-plenka__table-price {
  grid-column: 3;
  grid-row: 1;
  border: 1px solid #D81E1E !important;
  font-weight: 700;
  height: 35px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #000;
}

.block-plenka-cut .view-grid-view-show .block-plenka__table-price span {
  display: block!important;
}

.block-plenka-cut .view-grid-view-show .block-plenka__table-button {
  /* grid-column: 3 !important; */
  grid-row: 2;
}

.block-plenka-cut .view-grid-view-show .lp-construction-debris__table-delivery b {
  border: none!important;
}

.block-plenka-cut .row_price__title {
  width: 100%;
  justify-content: center;
}














/* ADAPTIVE */
@media (min-width: 1920px) {

}

@media (max-width: 1920px) {

}

@media (max-width: 1919px) {

}

@media (max-width: 1700px) {

}

@media (max-width: 1600px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1366px) {

}

@media (max-width: 1280px) {
    
}

@media (max-width: 1150px) {
  #categories > .category:nth-child(1) {
    grid-column: 1;
    grid-row: 2;
  }
}

@media (max-width: 1024px) {
   
}

@media (max-width: 991px) {
  .plenka__table-content,
  .plenka-cut__table-content {
    /* display: flex !important; */
    /* flex-direction: column; */
    row-gap: 10px;
  }
  .lp-construction-debris__table-title {
    grid-column: 1/4!important;
    grid-row: 1!important;
  }
  .lp-construction-debris__table-image {
    grid-column: 1/4!important;
    grid-row: 2!important;
  }
  .block-plenka__table-sort {
    grid-column: 1/4!important;
    grid-row: 3!important;
  }
  .block-plenka__table-weight {
    grid-column: 1/4!important;
    grid-row: 4!important;
  }
  .block-plenka__table-price {
    grid-column: 1/4!important;
    grid-row: 5!important;
  }
  .block-plenka-cut .view-grid-view-show .block-plenka__table-button  {
    grid-column: 1/4!important;
    grid-row: 6!important;
  }
  .lp-construction-debris__table-delivery {
    grid-column: 1/4!important;
    grid-row: 7!important;
  }
}

@media (max-width: 870px) {
  #categories > .category:nth-child(1) {
    grid-column: 1;
    grid-row: 3;
  }
}

@media (max-width: 768px) {
  .plenka__table-content {
    grid-template-columns: auto 2fr;
  }
  .view-grid-view-show .lp-construction-debris__table-delivery {
    grid-column: 2;
    grid-row: 9;
  }
  .block-plenka .view-grid-view-show .block-plenka__table-price {
    grid-column: 2;
    grid-row: 7;
  }
  .block-plenka .view-grid-view-show .block-plenka__table-button {
    /* grid-column: 2 !important; */
    grid-row: 8;
  }
}

@media (max-width: 650px) {
  .plenka__table-content {
    /* display: flex; */
    /* flex-direction: column; */
    column-gap: 0;
  }
}

@media (max-width: 480px) {
    
}

@media (max-width: 450px) {
    
}

@media (max-width: 380px) {

}