/* =========================================================
   HomeSystem – stránka Reklamácie a vrátenie tovaru (hs-reklamacie.css v1 · 8. 11. 2026)
   Nahrať cez FTP do user/documents/, načítať v ZÁHLAVÍ:
   <link rel="stylesheet" href="https://cdn.myshoptet.com/usr/obchod.homesystem.sk/user/documents/hs-reklamacie.css?v=1">
   HTML upravuje hs-reklamacie.js.
   ========================================================= */
.hs-rk { max-width: 1040px; font-family: 'Source Sans 3', Arial, sans-serif; color: var(--hsd-ink, #1f1f1f); }
.hs-rk > header h1 { margin-bottom: 6px !important; }
.hs-rk-perex { margin: 0 0 22px !important; font-size: 18px; line-height: 1.5; color: var(--hsd-text, #4d4d4d); }
.hs-rk .hs-rk-h { margin: 0 0 14px !important; font: 800 22px/1.25 'Exo 2', sans-serif !important; color: var(--hsd-ink, #1f1f1f) !important; }

/* Retino v rámiku */
.hs-rk-portal {
  margin: 0 0 18px; padding: 22px 22px 10px; border-radius: 18px;
  background: var(--hsd-tint, #f3f9fe); border: 1px solid #d6e9f8;
}
.hs-rk-portal #retino-widget-root { margin: 0 -8px; }
.hs-rk-portal [id^="retino-portal-footer"] { padding: 4px 0 6px; font-size: 12px !important; }

/* 3 kroky */
.hs-rk-kroky {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0 0 32px !important; padding: 0 !important; list-style: none;
}
.hs-rk-kroky li {
  display: flex; align-items: flex-start; gap: 12px; margin: 0 !important; padding: 16px !important;
  border: 1px solid var(--hsd-line, #e3eef7); border-radius: 14px; background: #fff;
}
.hs-rk-kroky li:before { display: none !important; }
.hs-rk-c {
  flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: var(--hsd-yellow, #ffc807); font: 800 16px/1 'Exo 2', sans-serif;
}
.hs-rk-kroky strong { display: block; margin-bottom: 3px; font: 700 16px/1.25 'Exo 2', sans-serif; }
.hs-rk-kroky li > span > span { display: block; font-size: 14.5px; line-height: 1.45; color: var(--hsd-text, #4d4d4d); }

/* reklamačný poriadok – zbalené články */
.hs-rk-poriadok { display: flex; flex-direction: column; gap: 8px; margin: 0 0 28px; }
.hs-rk-cl { border-radius: 12px; background: #f6f9fc; overflow: hidden; }
.hs-rk-cl > summary {
  display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px; cursor: pointer; list-style: none;
  font: 700 16px/1.3 'Exo 2', sans-serif; color: var(--hsd-ink, #1f1f1f);
}
.hs-rk-cl > summary::-webkit-details-marker { display: none; }
.hs-rk-cl > summary:after {
  content: "+"; flex: 0 0 28px; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;
  background: #fff; color: var(--hsd-deep, #136fb0); font: 800 18px/1 'Exo 2', sans-serif;
}
.hs-rk-cl[open] > summary:after { content: "−"; }
.hs-rk-cl > summary:hover { color: var(--hsd-deep, #136fb0); }
.hs-rk-telo { padding: 0 18px 14px; font-size: 15.5px; line-height: 1.55; color: var(--hsd-text, #333); }
.hs-rk-telo ul { margin: 0 0 10px !important; padding-left: 20px !important; }
.hs-rk-telo li { margin-bottom: 6px; }
.hs-rk-telo p { margin: 0 0 10px; }

/* kontakt */
.hs-rk-kontakt {
  display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 4px 0 10px; padding: 18px 20px; border-radius: 16px;
  background: #fff8dc; border: 1px solid #ffe38a;
}
.hs-rk-blob {
  flex: 0 0 46px; width: 46px; height: 44px; display: flex; align-items: center; justify-content: center; font-size: 20px;
  border-radius: 58% 42% 55% 45% / 48% 60% 40% 52%; background: var(--hsd-yellow, #ffc807);
}
.hs-rk-kontakt > span:nth-child(2) { flex: 1 1 220px; display: flex; flex-direction: column; gap: 2px; }
.hs-rk-kontakt strong { font: 700 17px/1.25 'Exo 2', sans-serif; }
.hs-rk-kontakt > span:nth-child(2) > span { font-size: 15px; color: var(--hsd-text, #4d4d4d); }
.hs-rk-kontakt a {
  display: inline-flex; align-items: center; height: 44px; padding: 0 18px; border-radius: 10px;
  background: var(--hsd-deep, #136fb0); color: #fff !important; font: 700 15px/1 'Exo 2', sans-serif; text-decoration: none !important;
}

@media (max-width: 767px) {
  .hs-rk-perex { font-size: 16px; }
  .hs-rk-portal { padding: 16px 12px 6px; }
  .hs-rk-kroky { grid-template-columns: minmax(0, 1fr); }
  .hs-rk-cl > summary { padding: 13px 14px; font-size: 15px; }
  .hs-rk-telo { padding: 0 14px 12px; }
  .hs-rk-kontakt a { width: 100%; justify-content: center; }
}