/* =========================
   GLOBAL
   ========================= */
.top-navigation-contacts{display:none!important}

/* =========================
   HOMEPAGE – NOVINKY carousel (products-2)
   ========================= */
.hp-carousel-wrap{position:relative;overflow:visible!important}
#products-2.products{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:16px;padding:6px 6px 14px;margin:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#products-2.products::-webkit-scrollbar{display:none}
#products-2.products>.product{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start;min-width:220px}
@media(max-width:767px){
  #products-2.products{gap:12px;padding:6px 4px 12px}
  #products-2.products>.product{flex-basis:calc((100% - 12px)/2);min-width:160px}
}
#products-2 .product .p{border-radius:16px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 28px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
#products-2 .product:hover .p{transform:translateY(-4px);box-shadow:0 14px 38px rgba(0,0,0,.10);border-color:rgba(0,0,0,.12)}
#products-2 .product a.image{display:block;background:#f6f6f6}
#products-2 .product a.image img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block}
#products-2 .product .p-in{padding:12px 12px 10px}
#products-2 .product .name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:700;line-height:1.25;margin:0 0 6px}
#products-2 .product .availability span{font-weight:600}
#products-2 .product .price-final strong{font-size:18px}
#products-2 .product .p-desc{margin-top:8px;opacity:.85;line-height:1.35}
#products-2 .product .p-tools .btn,
#products-2 .product .p-tools button.btn{border-radius:12px;padding:10px 12px;font-weight:700}
#products-2 .product .p-code{display:none!important}

/* =========================
   BENEFIT banner – clean responsive cards
   ========================= */
.benefitBanner.position--benefitHomepage{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
  width:100%!important;
  max-width:none!important;
  margin:26px 0!important;
  padding:0 14px!important;
}
.benefitBanner.position--benefitHomepage .benefitBanner__item{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px 18px!important;
  border-radius:18px!important;
  background:#fff!important;
  border:1px solid rgba(0,0,0,.08)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.06)!important;
}
.benefitBanner.position--benefitHomepage .benefitBanner__picture{
  flex:0 0 56px!important;
  width:56px!important;
  height:56px!important;
  border-radius:16px!important;
  background:rgba(0,0,0,.03)!important;
  border:1px solid rgba(0,0,0,.06)!important;
  display:grid!important;
  place-items:center!important;
}
.benefitBanner.position--benefitHomepage .benefitBanner__img{
  width:28px!important;
  height:28px!important;
  object-fit:contain!important;
}
.benefitBanner.position--benefitHomepage .benefitBanner__title{
  font-size:16px!important;
  font-weight:800!important;
  margin:0 0 6px!important;
}
.benefitBanner.position--benefitHomepage .benefitBanner__data{
  font-size:13px!important;
  line-height:1.4!important;
  opacity:.8!important;
}
@media(max-width:980px){
  .benefitBanner.position--benefitHomepage{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .benefitBanner.position--benefitHomepage{grid-template-columns:1fr!important}
}