/* AirKicks – Variant boxes + drobné úpravy UI */
#simple-variants-select { display: none !important; }

.variant-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0;
}

.variant-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 8px;
  min-height: 56px;
  border: 1px solid #d0d0d0;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  transition: transform .12s, box-shadow .12s, border-color .12s, background .12s;
  user-select: none;
  text-align: center;
  line-height: 1.2;
  outline: none;
  flex: 0 0 88px;
  max-width: 88px;
  min-width: 88px;
}

.variant-box:hover {
  background: #f7f7f7;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

.variant-box.active {
  border: 2px solid #111;
  background: #eee;
  box-shadow: 0 4px 14px rgba(0,0,0,.08);
}

.variant-box .variant-size {
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .2px;
  white-space: nowrap;
}

.variant-box .variant-price {
  margin-top: 2px;
  font-size: 12px;
  color: #555;
  white-space: nowrap;
}

.variant-box.disabled { opacity: .45; cursor: not-allowed; filter: grayscale(.2); }

.variant-box:focus-visible {
  box-shadow: 0 0 0 3px rgba(0,0,0,.12), 0 4px 14px rgba(0,0,0,.08);
  border-color: #111;
}

/* Mobil */
@media (max-width: 480px) {
  .variant-box {
    flex: 0 0 70px;
    max-width: 70px;
    min-width: 70px;
    min-height: 50px;
    border-radius: 8px;
    padding: 6px 4px;
  }
  .variant-box .variant-size { font-size: 12px; }
  .variant-box .variant-price { font-size: 11px; }
  .variant-boxes { gap: 6px; }
}

/* Drobnosti */
.btn-conversion.add-to-cart-button { border-radius: 8px !important; }
tr.variant-list.variant-not-chosen-anchor th:first-child { display: none !important; }
.type-page .content-inner article ol>li,
.type-page .content-inner article ul>li { color: #888 !important; }

/* CTA tlačidlá v kategóriách */
.ctgr_btn, .ctgr_btn2 {
  display: inline-block; padding: 12px 24px; font-size: 18px; color: #fff; border-radius: 8px;
  text-decoration: none; font-weight: 700; transition: background .3s, transform .3s, box-shadow .3s;
  text-align: center; width: 200px; margin: 5px;
}
.ctgr_btn { background: #000; }
.ctgr_btn2 { background: #1c2833; }
.ctgr_btn:hover, .ctgr_btn2:hover { background: #444; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,.3); }

@media (max-width: 480px) {
  .ctgr_btn, .ctgr_btn2 { width: auto; display: inline-block; font-size: 12px; padding: 8px 16px; }
}

/* Skrytie bootstrap/šablónových indikátorov karuselu, ak rušia vizuál */
.carousel-indicators { display: none; }