/* Franke product description — e-spotrebice.sk
   Scoped under .frk-description; mirrors the hsn-/gor- content styles. */

.frk-description { font-family: inherit; color: #2b2b2b; line-height: 1.55; }
.frk-description * { box-sizing: border-box; }

.frk-intro {
  font-size: 15px; color: #444; margin: 0 0 22px;
}

/* ---- Top vlastnosti ---- */
.frk-top { margin: 0 0 28px; }
.frk-top-title,
.frk-specs-title {
  font-size: 20px; font-weight: 700; color: #1a1a1a;
  margin: 0 0 14px; padding-bottom: 8px; border-bottom: 2px solid #e6e6e6;
}
.frk-top-list {
  list-style: none; margin: 0; padding: 0;
  display: grid; grid-template-columns: 1fr 1fr; gap: 10px 26px;
}
.frk-top-item {
  display: flex; align-items: baseline; gap: 8px;
  padding: 9px 0; border-bottom: 1px solid #f0f0f0; position: relative;
  padding-left: 26px;
}
.frk-top-item::before {
  content: ""; position: absolute; left: 0; top: 11px;
  width: 16px; height: 16px; flex: 0 0 16px;
  background: no-repeat center/contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c8102e' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>");
}
.frk-top-name { color: #555; }
.frk-top-val  { font-weight: 700; color: #1a1a1a; margin-left: auto; text-align: right; }

/* ---- Feature blocks (Franke teasers) ---- */
.frk-features { margin: 0 0 30px; display: flex; flex-direction: column; gap: 22px; }
.frk-feature {
  display: flex; gap: 22px; align-items: center;
  background: #fafafa; border: 1px solid #ececec; border-radius: 10px; overflow: hidden;
}
.frk-feature:nth-child(even) { flex-direction: row-reverse; }
.frk-feature-img { flex: 0 0 42%; max-width: 42%; }
.frk-feature-img img { display: block; width: 100%; height: auto; }
.frk-feature-body { flex: 1; padding: 8px 22px; }
.frk-feature-title { font-size: 18px; font-weight: 700; color: #1a1a1a; margin: 0 0 8px; }
.frk-feature-text  { font-size: 14px; color: #555; margin: 0; }

/* ---- Technical specs ---- */
.frk-specs { margin: 0; }
.frk-specs-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.frk-specs-group { margin: 0 0 18px; }
.frk-specs-group-title {
  font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  color: #c8102e; margin: 0 0 4px; padding: 6px 0;
}
.frk-specs-table { width: 100%; border-collapse: collapse; }
.frk-specs-table td {
  font-size: 13.5px; padding: 7px 4px; border-bottom: 1px solid #eee; vertical-align: top;
}
.frk-specs-table td:first-child { color: #666; width: 55%; }
.frk-specs-table td:last-child  { color: #1a1a1a; font-weight: 600; }

/* ---- Mobile ---- */
@media (max-width: 768px) {
  .frk-top-list,
  .frk-specs-columns { grid-template-columns: 1fr; }
  .frk-feature,
  .frk-feature:nth-child(even) { flex-direction: column; }
  .frk-feature-img,
  .frk-feature-img { flex-basis: auto; max-width: 100%; }
  .frk-top-val { margin-left: auto; }
}