/* === LOVELLA – chytrá doporučení na detailu produktu (návrh 31. 10. 2026) ===
   Nahrát na FTP: /user/documents/css/doporuceni.css
   Záhlaví: <link href="/user/documents/css/doporuceni.css?v=1" rel="stylesheet" />
   Patří k doporuceni.js. Pravidla platí jen pro prvky, které vytvoří ten skript (lv-dop, lv-sada).
*/
.lv-sada {
  display: flex; align-items: center; gap: 12px; margin: 14px 0 4px; padding: 10px 12px; border-radius: 14px;
  background: #fff4e5; border: 1.5px solid #f0c48a; color: #1a1919 !important; text-decoration: none !important;
  transition: box-shadow .2s, transform .2s;
}
.lv-sada:hover { box-shadow: 0 8px 20px #3a2f2822; transform: translateY(-1px); }
.lv-sada__foto { flex-shrink: 0; width: 64px; height: 64px; border-radius: 10px; overflow: hidden; background: #fff; }
.lv-sada__foto img { width: 100%; height: 100%; object-fit: contain; }
.lv-sada__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.lv-sada__stitek { align-self: flex-start; padding: 2px 8px; border-radius: 999px; background: #e92424; color: #fff;
  font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .03em; }
.lv-sada__text b { font-size: 14px; line-height: 1.25; }
.lv-sada__cena { font-size: 13px; font-weight: 800; color: #5a4a40; }
.lv-sada__sip { flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center;
  background: #3a2f28; color: #fff; font-size: 16px; }

.lv-dop { margin: 30px 0 10px; }
.lv-dop__nadpis { margin: 0 0 14px !important; font-size: 22px !important; font-weight: 900 !important; text-align: left !important; }
.lv-dop__rada { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 3 * 14px) / 4); gap: 14px;
  overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 4px; }
.lv-dop__rada::-webkit-scrollbar { display: none; }
.lv-dop__karta { scroll-snap-align: start; display: flex; flex-direction: column; gap: 4px; color: #1a1919 !important;
  text-decoration: none !important; }
.lv-dop__foto { display: block; aspect-ratio: 1; border-radius: 14px; overflow: hidden; background: #faf5f0; margin-bottom: 6px; }
.lv-dop__foto img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.lv-dop__karta:hover .lv-dop__foto img { transform: scale(1.04); }
.lv-dop__typ { align-self: flex-start; padding: 1px 8px; border-radius: 999px; background: #faf5f0; font-size: 11px; font-weight: 800; color: #5a4a40; }
.lv-dop__typ:empty { display: none; }
.lv-dop__nazev { font-size: 14px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lv-dop__cena { font-size: 15px; font-weight: 900; }
@media (max-width: 767px) {
  .lv-dop { margin-top: 22px; }
  .lv-dop__nadpis { font-size: 19px !important; }
  .lv-dop__rada { grid-auto-columns: 44%; gap: 10px; }
  .lv-dop__nazev { font-size: 13px; }
  .lv-sada__foto { width: 54px; height: 54px; }
}

/* v2: záložky Stejný motiv / Pro dědu / Motiv … / Podobné */
.lv-dop__hlidac { height: 1px; }
.lv-dop__zalozky { display: flex; gap: 8px; margin: 0 0 14px; overflow-x: auto; scrollbar-width: none; }
.lv-dop__zalozky::-webkit-scrollbar { display: none; }
.lv-dop__zalozka { flex-shrink: 0; font: inherit; font-size: 14px; font-weight: 800; padding: 8px 16px; border-radius: 999px; cursor: pointer;
  border: 1.5px solid #ead9c8; background: #fff; color: #3a2f28; transition: background .15s; }
.lv-dop__zalozka:hover { background: #faf5f0; }
.lv-dop__zalozka.on { background: #3a2f28; border-color: #3a2f28; color: #fff; }
@media (max-width: 767px) { .lv-dop__zalozka { font-size: 13px; padding: 7px 13px; } }