/* 3din.ai – mapa výřezu a volby vzhledu na produktech map (načítá se jen tam). Barvy z proměnných šablony. */
.tdn-mapa-plocha { position: relative; height: 320px; border-radius: 12px; overflow: hidden; background: var(--pozadi2, #f1eee9); border: 1px solid var(--cara, #e5e1dc); touch-action: none; isolation: isolate; }
@media (max-width: 600px) { .tdn-mapa-plocha { height: 280px; } }
.tdn-mapa-plocha .leaflet-container { font: inherit; }
.tdn-mapa-plocha .leaflet-control-attribution { font-size: 10px; }
.tdn-mapa-tip { color: var(--tlumene, #77706a); font-size: 13px; }
.tdn-mapa-pin { position: absolute; z-index: 500; left: 50%; top: 50%; width: 26px; height: 26px; margin: -26px 0 0 -13px; pointer-events: none;
  background: #D4A72C; border: 3px solid #fff; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); transform-origin: 50% 100%; box-shadow: 0 3px 8px rgb(0 0 0 / .35); }
.tdn-mapa-pin::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; background: #fff; }
.tdn-mapa-meritko { display: flex; align-items: center; gap: 10px; }
.tdn-mapa-meritko input[type=range] { flex: 1; min-width: 0; accent-color: var(--akcent, #e2572b); height: 28px; }
.tdn-mapa-meritko output { font-size: 13px; color: var(--tlumene, #77706a); min-width: 9.5em; text-align: right; }
.tdn-mapa-btn { width: 40px; height: 40px; flex: none; border-radius: 50%; border: 1.5px solid var(--cara-silna, #cfc8c0); background: var(--karta, #fff); color: var(--text, #1d1b19);
  font-size: 20px; line-height: 1; cursor: pointer; }
.tdn-mapa-btn:hover { border-color: var(--tlumene, #77706a); }
.tdn-mapa-btn:disabled { opacity: .4; cursor: default; }
@media (max-width: 420px) { .tdn-mapa-meritko output { min-width: 0; flex-basis: 100%; text-align: left; order: 9; } .tdn-mapa-meritko { flex-wrap: wrap; } }
.tdn-volba label { padding: 10px 13px; }
.tdn-vzorky { display: inline-flex; flex: none; }
.tdn-vzorky i { width: 18px; height: 18px; border-radius: 50%; border: 1px solid rgb(0 0 0 / .18); margin-left: -5px; box-shadow: 0 0 0 1.5px var(--karta, #fff); }
.tdn-vzorky i:first-child { margin-left: 0; }
.tdn-volba input[type=radio] { margin: 0; }