/* ===== Dlaždice variant produktu v úvodu kategorie (pt-tiles), bez JS: vodorovný posuv s přichytáváním ===== */
.pt-tiles {
  display: flex;
  gap: 10px;
  margin: 10px 0 0;
  padding: 2px 2px 8px;         /* místo pro stín + posuvník */
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: #e9701d #f1f1f1;
}
.pt-tiles::-webkit-scrollbar { height: 6px; }
.pt-tiles::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px; }
.pt-tiles::-webkit-scrollbar-thumb { background: #e9701d; border-radius: 3px; }

.category-perex .pt-tile,
.pt-tile {
  flex: 1 0 150px;              /* min. šířka dlaždice; víc než se vejde = posuv */
  max-width: 220px;
  scroll-snap-align: start;
  display: block;
  padding: 6px 8px 10px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #fff;
  text-align: center;
  color: #333;
  text-decoration: none !important;
  transition: border-color .15s, box-shadow .15s;
}
.pt-tile-ico { display: block; width: 120px; height: 72px; margin: 0 auto; }
.pt-tile strong { display: block; font-size: 14px; color: var(--color-primary, #7b1903); line-height: 1.25; }
.pt-tile span { display: block; font-size: 12px; color: #666; margin-top: 2px; }
.pt-tile-more { background: #fafafa; }

@media (hover: hover) {
  .pt-tile:hover { border-color: #e9701d; box-shadow: 0 3px 10px rgba(233,112,29,.18); }
  .pt-tile:hover strong { color: #e9701d; }
}
@media (max-width: 480px) {
  .pt-tile { flex-basis: 140px; }
  .pt-tile-ico { width: 100px; height: 60px; }
}

/* dlaždice generované z výpisu (pt-tiles.js): foto produktu + štítek výkonu */
.pt-tile-img { position: relative; display: block; width: 100px; height: 72px; margin: 0 auto; }
.pt-tile-img img { width: 100px; height: 72px; object-fit: contain; display: block; }
.pt-tile-power {
  position: absolute; right: -6px; bottom: 2px;
  padding: 1px 7px; border-radius: 10px;
  background: #e9701d; color: #fff;
  font-size: 11px; font-weight: 700; line-height: 1.5;
}
.pt-tile-price { color: #222 !important; font-weight: 600; }