/* ===== PP / Vandr Dripy cards rebuild ===== */
/* Target: homepage block #products-4 */

#products-4.products.products-block{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:32px!important;
  margin:0!important;
  padding:10px 0 28px!important;
}

#products-4.products.products-block > .product{
  float:none!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

#products-4.products.products-block .p{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  height:100%!important;
  margin:0!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid #e8dfd2!important;
  border-radius:14px!important;
  box-shadow:0 8px 22px rgba(20,20,20,.045)!important;
  overflow:hidden!important;
  text-align:center!important;
  transform:none!important;
  transition:box-shadow .2s ease,border-color .2s ease!important;
}

#products-4.products.products-block .p:hover{
  transform:none!important;
  translate:none!important;
  top:auto!important;
  box-shadow:0 14px 30px rgba(20,20,20,.08)!important;
  border-color:#ddd3c5!important;
}

/* reset vnitřní struktury */
#products-4.products.products-block .p-in,
#products-4.products.products-block .p-in-in,
#products-4.products.products-block .p-bottom.single-button,
#products-4.products.products-block .p-bottom.single-button > [data-micro="offer"]{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  float:none!important;
  clear:both!important;
  flex:none!important;
}

/* image */
#products-4.products.products-block a.image{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:300px!important;
  margin:0 0 16px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

#products-4.products.products-block a.image:before,
#products-4.products.products-block a.image:after{
  display:none!important;
  content:none!important;
}

#products-4.products.products-block a.image img{
  position:relative!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0 auto!important;
  object-fit:contain!important;
  transform:none!important;
}

#products-4.products.products-block .p:hover a.image img{
  transform:none!important;
}

/* flags */
#products-4.products.products-block .flags{
  position:absolute!important;
  top:10px!important;
  left:10px!important;
  z-index:5!important;
}

#products-4.products.products-block .flag{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:24px!important;
  padding:0 10px!important;
  border-radius:999px!important;
  background:#5b9e2b!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}

/* title */
#products-4.products.products-block a.name{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  color:#2a2a2a!important;
  text-decoration:none!important;
  text-align:center!important;
}

#products-4.products.products-block a.name span{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  max-width:94%!important;
  min-height:2.68em!important;
  margin:0 auto!important;
  font-size:16px!important;
  line-height:1.34!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
  text-align:center!important;
}

/* divider pod názvem */
#products-4.products.products-block a.name:after{
  content:""!important;
  display:block!important;
  width:44px!important;
  height:1px!important;
  margin:14px auto 16px!important;
  background:#e6dfd3!important;
}

/* layout spodní části */
#products-4.products.products-block .p-bottom,
#products-4.products.products-block .p-bottom > div,
#products-4.products.products-block [data-micro="offer"]{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
  text-align:center!important;
}

/* description */
#products-4.products.products-block .p-desc{
  display:block!important;
  order:1!important;
  width:100%!important;
  max-width:92%!important;
  max-height:6.35em!important;
  overflow:hidden!important;
  margin:0 auto 18px!important;
  padding:0!important;
  color:#5d5d5d!important;
  font-size:15px!important;
  line-height:1.58!important;
  text-align:center!important;
  float:none!important;
  clear:both!important;
}

/* price */
#products-4.products.products-block .prices{
  display:block!important;
  order:2!important;
  width:100%!important;
  margin:0 0 18px!important;
  padding:0!important;
  text-align:center!important;
  float:none!important;
  clear:both!important;
}

#products-4.products.products-block .price-final{
  display:inline-block!important;
  margin:0!important;
  color:#1f1f1f!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}

#products-4.products.products-block .price-final strong{
  color:#1f1f1f!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}

#products-4.products.products-block .price-final small{
  font-size:.8em!important;
  font-weight:700!important;
  color:#6f6f6f!important;
  margin-right:4px!important;
}

/* button */
#products-4.products.products-block .p-tools{
  display:block!important;
  order:3!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  float:none!important;
  clear:both!important;
}

#products-4.products.products-block .p-tools > *,
#products-4.products.products-block .p-tools form{
  display:block!important;
  margin:0!important;
  text-align:center!important;
}

#products-4.products.products-block .p-tools .btn,
#products-4.products.products-block .p-tools a,
#products-4.products.products-block .p-tools button,
#products-4.products.products-block .p-bottom.single-button .btn,
#products-4.products.products-block .p-bottom.single-button a.btn,
#products-4.products.products-block a.btn.btn-primary{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:148px!important;
  height:46px!important;
  margin:0 auto!important;
  padding:0 22px!important;
  border:1px solid #1f1f1f!important;
  border-radius:8px!important;
  background:#1f1f1f!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
  transform:none!important;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}

#products-4.products.products-block .p-tools .btn:hover,
#products-4.products.products-block .p-tools a:hover,
#products-4.products.products-block .p-tools button:hover,
#products-4.products.products-block .p-bottom.single-button .btn:hover,
#products-4.products.products-block .p-bottom.single-button a.btn:hover{
  transform:none!important;
  background:#fff!important;
  color:#1f1f1f!important;
  border-color:#1f1f1f!important;
  box-shadow:0 8px 18px rgba(0,0,0,.10)!important;
}

/* schovat balast */
#products-4.products.products-block .ratings-wrapper,
#products-4.products.products-block .availability,
#products-4.products.products-block .compare,
#products-4.products.products-block .stars-wrapper,
#products-4.products.products-block .ratings-average,
#products-4.products.products-block .p-code{
  display:none!important;
}

/* tablet */
@media (max-width:1180px){
  #products-4.products.products-block{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px!important;
  }

  #products-4.products.products-block .p{
    padding:16px!important;
  }

  #products-4.products.products-block a.image{
    height:270px!important;
  }

  #products-4.products.products-block a.name span{
    font-size:15px!important;
  }

  #products-4.products.products-block .p-desc{
    font-size:14px!important;
  }
}

/* mobile */
@media (max-width:767px){
  #products-4.products.products-block{
    grid-template-columns:1fr!important;
    gap:20px!important;
    padding-bottom:12px!important;
  }

  #products-4.products.products-block .p{
    padding:14px!important;
    border-radius:12px!important;
  }

  #products-4.products.products-block a.image{
    height:250px!important;
    margin-bottom:12px!important;
  }

  #products-4.products.products-block a.name span{
    font-size:15px!important;
    line-height:1.34!important;
  }

  #products-4.products.products-block a.name:after{
    margin:10px auto 14px!important;
  }

  #products-4.products.products-block .p-desc{
    max-width:100%!important;
    margin:0 auto 16px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }

  #products-4.products.products-block .prices{
    margin:0 0 14px!important;
  }

  #products-4.products.products-block .price-final,
  #products-4.products.products-block .price-final strong{
    font-size:19px!important;
  }

  #products-4.products.products-block .p-tools .btn,
  #products-4.products.products-block .p-tools a,
  #products-4.products.products-block .p-tools button,
  #products-4.products.products-block .p-bottom.single-button .btn,
  #products-4.products.products-block .p-bottom.single-button a.btn{
    width:auto!important;
    min-width:172px!important;
    height:48px!important;
  }
}