/* ----- VARIANT TILES (Objem) ----- */
.variant-tiles { margin: 14px 0 10px; }
.variant-tiles__label { font-weight: 600; margin-bottom: 8px; }
.variant-tiles__wrap { display: flex; flex-wrap: wrap; gap: 10px; }

.variant-tile {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  min-width: 92px;
  padding: 8px 12px;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  background: #fff;
  text-align: center;
  line-height: 1.1;
  cursor: pointer;
  transition: border-color .2s, box-shadow .2s, transform .05s, background .2s;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
}
.variant-tile__size { font-size: 14px; font-weight: 700; }
.variant-tile__price { font-size: 12px; opacity: .85; margin-top: 4px; }

.variant-tile:hover { border-color: #9CA3AF; box-shadow: 0 2px 6px rgba(0,0,0,.06); }
.variant-tile:active { transform: translateY(1px); }
.variant-tile.is-active { border-color: #111827; box-shadow: 0 0 0 3px rgba(17,24,39,.08); }
.variant-tile.is-disabled { opacity: .5; cursor: not-allowed; }

/* vzorka – jemne odlíšené */
.variant-tile.is-sample { background: #F9FAFB; border-style: dashed; }

/* schovaj pôvodný select + label (ostávajú v DOM kvôli Shoptetu a čítačkám) */
.js-variant-select-hidden {
  position: absolute !important; left: -9999px !important;
  width: 1px !important; height: 1px !important; overflow: hidden !important;
}