/* ============================================================
   Vyčesáno.cz – produktový detail (+ drobnosti výpisů)
   Sidebar kategorií vlastní header.css – tady už není.
   Boxy .vz-px vkládá product.js.
   ============================================================ */

.p-detail .p-info-wrapper{
  background:var(--vz-bg)!important;
  border:1px solid var(--vz-line)!important;
  border-radius:var(--vz-r-lg)!important;
  padding:24px!important;
  box-shadow:var(--vz-shadow-sm)!important;
}

.p-detail .p-final-price-wrapper{
  margin:0 0 8px!important;
}

.p-detail .price-final{
  color:var(--vz-g-900)!important;
  font-family:var(--vz-font)!important;
  font-size:34px!important;
  line-height:1.05!important;
  letter-spacing:-.01em!important;
  font-weight:var(--vz-w-bold)!important;
}

.p-detail .availability-value{
  display:inline-flex!important;
  align-items:center!important;
  background:var(--vz-g-50)!important;
  color:#1e5b39!important;
  border:1px solid #b9dcbf!important;
  border-radius:var(--vz-r-pill)!important;
  padding:8px 13px!important;
  font-size:14px!important;
  font-weight:var(--vz-w-semi)!important;
  margin:6px 0 12px!important;
}

.p-detail .p-short-description{
  background:var(--vz-surface)!important;
  border:1px solid var(--vz-line)!important;
  border-radius:var(--vz-r)!important;
  padding:13px 15px!important;
  margin:10px 0 14px!important;
  color:#3a4b40!important;
  font-size:15px!important;
  line-height:var(--vz-lh-text)!important;
}

.p-detail .add-to-cart{
  display:grid!important;
  grid-template-columns:104px minmax(0,1fr)!important;
  gap:11px!important;
  align-items:center!important;
  margin:13px 0!important;
}

.p-detail .add-to-cart .quantity{
  height:54px!important;
  border-radius:var(--vz-r)!important;
  overflow:hidden!important;
}

.p-detail .add-to-cart-button,
.p-detail .btn-conversion{
  min-height:56px!important;
  border:0!important;
  border-radius:var(--vz-r)!important;
  background:var(--vz-g)!important;
  box-shadow:0 12px 26px rgba(33,91,64,.24)!important;
  color:#fff!important;
  font-family:var(--vz-font)!important;
  font-size:18px!important;
  font-weight:var(--vz-w-bold)!important;
  letter-spacing:0!important;
  transition:background var(--vz-t),transform var(--vz-t)!important;
}

.p-detail .add-to-cart-button:hover,
.p-detail .btn-conversion:hover{
  background:var(--vz-g-700)!important;
  transform:translateY(-1px)!important;
}

/* Starý injektovaný blok (legacy) trvale skrytý */
#vpt,
.vpt{
  display:none!important;
}

/* ------------------------------------------------------------
   Boxy pod tlačítkem (vkládá product.js)
   ------------------------------------------------------------ */
.vz-px{
  margin:12px 0 14px!important;
  display:grid!important;
  gap:10px!important;
  color:var(--vz-ink)!important;
}

.vz-px *{
  box-sizing:border-box;
}

.vz-px__trust{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
}

.vz-px__trust span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:34px;
  padding:8px 11px;
  border:1px solid var(--vz-line);
  border-radius:var(--vz-r-pill);
  background:var(--vz-surface);
  color:#2c4033;
  font-size:12.5px;
  font-weight:var(--vz-w-semi);
  line-height:1;
}

.vz-px__trust svg{
  width:15px;
  height:15px;
  flex:0 0 15px;
  color:var(--vz-g);
}

.vz-px__guide{
  position:relative;
  overflow:hidden;
  border:1px solid var(--vz-line);
  border-radius:var(--vz-r-lg);
  background:var(--vz-bg);
  box-shadow:var(--vz-shadow-sm);
}

.vz-px__guide:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:linear-gradient(180deg,var(--vz-g),var(--vz-gold));
}

.vz-px__top{
  padding:15px 17px 11px 21px;
  border-bottom:1px solid var(--vz-line);
}

.vz-px__top em{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:7px;
  padding:5px 10px;
  border-radius:var(--vz-r-pill);
  background:var(--vz-g-50);
  color:var(--vz-g);
  font-style:normal;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-weight:var(--vz-w-bold);
}

.vz-px__top h3{
  margin:0!important;
  color:var(--vz-g-800)!important;
  font-family:var(--vz-font)!important;
  font-size:18px!important;
  font-weight:var(--vz-w-bold)!important;
  line-height:1.25!important;
  letter-spacing:0!important;
}

.vz-px__top p{
  margin:7px 0 0!important;
  color:var(--vz-muted)!important;
  font-size:13.5px!important;
  line-height:1.45!important;
}

.vz-px__rows{
  display:grid;
  padding:3px 17px 12px 21px;
}

.vz-px__rows div{
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:10px;
  padding:10px 0;
  border-top:1px solid rgba(33,91,64,.08);
  font-size:13.5px;
  line-height:1.45;
}

.vz-px__rows div:first-child{
  border-top:0;
}

.vz-px__rows strong{
  color:var(--vz-g);
  font-weight:var(--vz-w-bold);
}

.vz-px__rows span{
  color:#3a4b40;
}

.vz-px__help{
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  background:var(--vz-g-50);
  border:1px solid #bedbc7;
  border-radius:var(--vz-r);
  padding:12px 14px;
  color:#234633;
  font-size:13.5px;
  line-height:1.4;
}

.vz-px__help b{
  color:var(--vz-g-800);
  font-weight:var(--vz-w-bold);
}

.vz-px__help a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 15px;
  border-radius:var(--vz-r-pill);
  background:var(--vz-g);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:var(--vz-w-bold);
  white-space:nowrap;
  transition:background var(--vz-t);
}

.vz-px__help a:hover{
  background:var(--vz-g-700);
}

.detail-tabs-wrapper,
.shp-tabs-wrapper{
  margin-top:26px!important;
}

/* ------------------------------------------------------------
   Větší náhledy malých Tickless fotek ve výpisech
   ------------------------------------------------------------ */
.products-block .image{
  overflow:hidden!important;
}

.products-block .image img[alt*="tickless" i]:not([alt*="ecopet" i]),
.products-block .image img[src*="tickless" i]:not([alt*="ecopet" i]){
  transform:scale(1.14)!important;
  transform-origin:center center!important;
  transition:transform .18s ease!important;
}

.products-block .product:hover .image img[alt*="tickless" i]:not([alt*="ecopet" i]),
.products-block .product:hover .image img[src*="tickless" i]:not([alt*="ecopet" i]),
.products-block .p:hover .image img[alt*="tickless" i]:not([alt*="ecopet" i]),
.products-block .p:hover .image img[src*="tickless" i]:not([alt*="ecopet" i]){
  transform:scale(1.17)!important;
}

/* ------------------------------------------------------------
   Responzivita
   ------------------------------------------------------------ */
@media(max-width:768px){
  .p-detail .p-info-wrapper{
    padding:16px!important;
    border-radius:var(--vz-r)!important;
  }

  .p-detail .price-final{
    font-size:29px!important;
  }

  .p-detail .add-to-cart{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .p-detail .add-to-cart .quantity{
    width:100%!important;
  }

  .vz-px__trust{gap:6px;}

  .vz-px__trust span{
    min-height:32px;
    padding:7px 9px;
    font-size:12px;
  }

  .vz-px__top{padding:14px 15px 10px 19px;}

  .vz-px__rows{padding:2px 15px 11px 19px;}

  .vz-px__rows div{
    grid-template-columns:1fr;
    gap:3px;
    padding:10px 0;
  }

  .vz-px__help{
    grid-template-columns:1fr;
    gap:8px;
  }

  .vz-px__help a{width:max-content;}

  .products-block .image img[alt*="tickless" i]:not([alt*="ecopet" i]),
  .products-block .image img[src*="tickless" i]:not([alt*="ecopet" i]){
    transform:scale(1.1)!important;
  }
}