@charset "UTF-8";
@keyframes rt-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes rt-shimmer {
  to {
    background-position: -200% 0;
  }
}
/* [hidden] musí vyhrať aj nad .nb-notice / .rt-* s display:flex */
.returns [hidden] {
  display: none !important;
}

.rt {
  box-sizing: border-box;
  max-width: 600px;
  margin: 0 auto;
  padding: var(--space-6) var(--space-5) 150px;
}
.rt a {
  color: var(--nb-black);
}
.rt a:hover {
  color: var(--nb-antracit);
}
.rt--wide {
  max-width: 600px;
}
@media (min-width: 769px) {
  .rt {
    padding-top: var(--space-7);
  }
}
@media (min-width: 1025px) {
  .rt--wide {
    max-width: 1064px;
  }
}

.rt-progress {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: var(--space-6);
}
.rt-progress__meta {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
}
.rt-progress__step {
  font-size: 10px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.rt-progress__count {
  font-size: 10px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-muted);
}
.rt-progress__track {
  position: relative;
  height: 2px;
  overflow: hidden;
  background: var(--border);
}
.rt-progress__fill {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background: var(--nb-black);
  transition: width 420ms var(--ease);
}

.rt-step {
  display: none;
}
.rt-step.is-on {
  display: block;
  animation: rt-in 300ms var(--ease);
}
@media (prefers-reduced-motion: reduce) {
  .rt-step.is-on {
    animation: none;
  }
}

.rt-back {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: var(--space-5);
  padding: 4px 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: var(--font);
  font-size: 12px;
  letter-spacing: 0.02em;
  color: var(--fg-secondary);
}
.rt-back:hover {
  color: var(--nb-black);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rt-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: var(--space-6);
}
.rt-head__title {
  margin: 0;
  font-family: var(--font);
  font-weight: var(--w-heavy);
  font-size: 24px;
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
.rt-head__lead {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.01em;
  color: var(--fg-secondary);
}
@media (min-width: 769px) {
  .rt-head__title {
    font-size: 28px;
  }
}

/* spodný pás s akciou — len pri položkách a doprave */
.rt-bar {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 60;
  display: none;
  padding: 12px var(--space-5) calc(12px + env(safe-area-inset-bottom));
  border-top: 1px solid var(--border);
  background: var(--nb-white);
}
.rt-bar.is-on {
  display: block;
}
.rt-bar__in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  max-width: 600px;
  margin: 0 auto;
}
.rt-bar__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.rt-bar__k {
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--fg-muted);
}
.rt-bar__v {
  overflow: hidden;
  font-size: 14px;
  font-weight: var(--w-bold);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.rt-bar .nb-btn {
  flex: 0 0 auto;
}

/* pruh prihláseného zákazníka */
.rt-acct {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: var(--space-5);
  padding: 12px 16px;
  border: 1px solid var(--border);
  background: var(--nb-off-white);
  font-size: 12px;
  line-height: 1.4;
  color: var(--fg-secondary);
}
.rt-acct i {
  flex: 0 0 auto;
  font-size: 14px;
  color: var(--fg-muted);
}
.rt-acct strong {
  font-weight: var(--w-bold);
  color: var(--nb-black);
}
.rt-acct a {
  margin-left: auto;
  font-size: 11px;
  white-space: nowrap;
  color: var(--fg-muted);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rt-acct a:hover {
  color: var(--nb-black);
}

/* kostra pri načítaní objednávky */
.rt-skel {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.rt-skel__card {
  height: 112px;
  background: linear-gradient(90deg, var(--nb-grey-web) 25%, #f8f8f7 45%, var(--nb-grey-web) 65%);
  background-size: 200% 100%;
  animation: rt-shimmer 1.1s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .rt-skel__card {
    animation: none;
  }
}

/* prázdne / uplynulé stavy */
.rt-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-8) var(--space-5);
  border: 1px dashed var(--border);
  text-align: center;
}
.rt-empty__ic {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: var(--nb-off-white);
  font-size: 18px;
  color: var(--fg-muted);
}
.rt-empty__title {
  margin: 0;
  font-size: 15px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.rt-empty__text {
  max-width: 40ch;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--fg-muted);
}

/* odkaz na podporu pod zoznamom */
.rt-support {
  margin: var(--space-6) 0 0;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.01em;
  color: var(--fg-muted);
}
.rt-support a {
  color: var(--fg-secondary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rt-support a:hover {
  color: var(--nb-black);
}

.rt-lookup {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.rt-lookup__form {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.rt-lookup__form .nb-btn {
  margin-top: var(--space-2);
}
.rt-lookup__login {
  margin: 0;
  text-align: center;
  font-size: 13px;
  color: var(--fg-muted);
}
.rt-lookup__login a {
  color: var(--nb-black);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.rt-assure {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: var(--space-5);
  list-style: none;
  background: var(--nb-off-white);
}
.rt-assure li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--fg-secondary);
}
.rt-assure i {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  margin-top: -2px;
  border: 1px solid var(--border);
  border-radius: 50%;
  background: var(--nb-white);
  font-size: 11px;
  color: var(--nb-black);
}

.rt-items {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.rt-item {
  position: relative;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 22px 64px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--space-4);
  width: 100%;
  padding: var(--space-4);
  border: 1px solid var(--border);
  background: var(--nb-white);
  cursor: pointer;
  text-align: left;
  font-family: var(--font);
  transition: border-color var(--dur-fast) ease, background var(--dur-fast) ease;
}
.rt-item:hover {
  border-color: var(--nb-black);
}
.rt-item:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--state-focus-ring);
}
.rt-item__check {
  box-sizing: border-box;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--nb-grey-50);
  border-radius: 3px;
  background: var(--nb-white);
  font-size: 10px;
  color: transparent;
  transition: background var(--dur-fast) ease, border-color var(--dur-fast) ease, color var(--dur-fast) ease;
}
.rt-item:hover .rt-item__check {
  border-color: var(--nb-black);
}
.rt-item__thumb {
  overflow: hidden;
  aspect-ratio: 2/3;
  background: var(--bg-product);
}
.rt-item__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rt-item__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.rt-item__name {
  margin: 0;
  font-size: 13.5px;
  font-weight: var(--w-medium);
  line-height: 1.35;
  color: var(--nb-black);
}
.rt-item__variant {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--fg-muted);
}
.rt-item__dot {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  border: 1px solid rgba(14, 15, 17, 0.18);
  border-radius: 50%;
}
.rt-item__price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 13px;
  font-weight: var(--w-bold);
  color: var(--nb-black);
}
.rt-item__price del {
  font-size: 12px;
  font-weight: var(--w-regular);
  color: var(--fg-muted);
}
.rt-item__price ins {
  text-decoration: none;
  color: var(--nb-red);
}
.rt-item__end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}
.rt-item__go {
  font-size: 13px;
  color: var(--fg-muted);
  transition: transform var(--dur-fast) var(--ease), color var(--dur-fast) ease;
}
.rt-item:hover .rt-item__go {
  color: var(--nb-black);
  transform: translateX(3px);
}
.rt-item__action {
  display: none;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  font-size: 11px;
  font-weight: var(--w-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--nb-black);
}
.rt-item__action i {
  font-size: 11px;
}
.rt-item__action--exchange {
  color: var(--state-success);
}
.rt-item__action--claim {
  color: var(--state-info);
}
.rt-item__locktag {
  padding: 5px 8px 4px;
  border: 1px solid var(--border);
  background: var(--nb-white);
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--fg-muted);
}
.rt-item.is-set {
  border-color: var(--nb-black);
  background: var(--nb-off-white);
  box-shadow: inset 0 0 0 0.5px var(--nb-black);
}
.rt-item.is-set .rt-item__check {
  border-color: var(--nb-black);
  background: var(--nb-black);
  color: var(--nb-white);
}
.rt-item.is-set .rt-item__action {
  display: inline-flex;
}
.rt-item.is-locked {
  pointer-events: none;
  background: var(--nb-off-white);
}
.rt-item.is-locked .rt-item__check {
  visibility: hidden;
}
.rt-item.is-locked .rt-item__thumb img {
  filter: grayscale(1);
  opacity: 0.55;
}
.rt-item.is-locked .rt-item__name, .rt-item.is-locked .rt-item__price {
  color: var(--fg-muted);
}

@keyframes rt-modal-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body.rt-modal-open {
  overflow: hidden;
}

.rt-modal {
  position: fixed;
  inset: 0;
  z-index: 80;
}
.rt-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(14, 15, 17, 0.55);
}
.rt-modal__dialog {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background: var(--nb-white);
  animation: rt-modal-in 260ms var(--ease);
}
.rt-modal__topbar {
  position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  background: var(--nb-white);
}
.rt-modal__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: var(--radius-pill);
  background: none;
  cursor: pointer;
  font-size: 16px;
  color: var(--nb-black);
  transition: background var(--dur-fast) ease;
}
.rt-modal__nav:hover {
  background: rgba(0, 0, 0, 0.06);
}
.rt-modal__x {
  margin-left: auto;
}
.rt-modal__media {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  min-height: 0;
  padding: 0 var(--space-5) var(--space-4);
  border-bottom: 1px solid var(--border);
}
.rt-modal__imgwrap {
  flex: 0 0 auto;
  overflow: hidden;
  width: 64px;
  aspect-ratio: 2/3;
  background: var(--bg-product);
}
.rt-modal__imgwrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rt-modal__name {
  margin: 0 0 2px;
  font-size: 13.5px;
  font-weight: var(--w-bold);
  line-height: 1.3;
}
.rt-modal__line {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: var(--fg-muted);
}
.rt-modal__price {
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: var(--w-bold);
}
.rt-modal__flow {
  flex: 1 1 auto;
  min-height: 0;
  padding: var(--space-5);
}
.rt-modal__q {
  margin: 0 0 var(--space-5);
  font-family: var(--font);
  font-size: 18px;
  font-weight: var(--w-heavy);
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.rt-modal .rt-xc {
  margin-top: 0;
  padding: 0;
  border: 0;
}
.rt-modal .rt-claim {
  margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
  .rt-modal__dialog {
    animation: none;
  }
}
@media (min-width: 769px) {
  .rt-modal__dialog {
    display: grid;
    grid-template-columns: 42% 1fr;
    inset: 0;
    width: min(880px, 100vw - 48px);
    height: min(680px, 100vh - 48px);
    margin: auto;
    overflow: hidden;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.3);
  }
  .rt-modal__topbar {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 14px;
    background: none;
    pointer-events: none;
  }
  .rt-modal__nav {
    border: 1px solid var(--border);
    background: var(--nb-white);
    pointer-events: auto;
  }
  .rt-modal__media {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    overflow: auto;
    padding: 0;
    border-right: 1px solid var(--border);
    border-bottom: 0;
    background: var(--bg-product);
  }
  .rt-modal__imgwrap {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
    aspect-ratio: auto;
  }
  .rt-modal__meta {
    flex: 0 0 auto;
    padding: var(--space-4) var(--space-5) var(--space-5);
    border-top: 1px solid var(--border);
    background: var(--nb-white);
  }
  .rt-modal__flow {
    overflow: auto;
    padding: 68px var(--space-6) var(--space-6);
  }
}

/* riadky dôvodov */
.rt-rows {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rt-row {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 16px;
  border: 1px solid var(--border);
  background: var(--nb-white);
  cursor: pointer;
  text-align: left;
  font-family: var(--font);
  font-size: 13.5px;
  font-weight: var(--w-medium);
  color: var(--nb-black);
  transition: border-color var(--dur-fast) ease, background var(--dur-fast) ease;
}
.rt-row:hover {
  border-color: var(--nb-black);
}
.rt-row:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--state-focus-ring);
}
.rt-row.is-picked {
  border-color: var(--nb-black);
  box-shadow: inset 0 0 0 0.5px var(--nb-black);
}
.rt-row i {
  flex: 0 0 auto;
  font-size: 12px;
  color: var(--fg-muted);
}

/* počet kusov — len pri riadku s 2+ kusmi */
.rt-qty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: var(--space-5);
  padding: 14px 16px;
  border: 1px solid var(--border);
}
.rt-qty__label {
  font-size: 13px;
  font-weight: var(--w-medium);
}
.rt-qty__label small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  font-weight: var(--w-regular);
  color: var(--fg-muted);
}
.rt-qty__ctrl {
  display: flex;
  align-items: center;
  gap: 14px;
}
.rt-qty__btn {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--border);
  background: var(--nb-white);
  cursor: pointer;
  font-size: 14px;
  color: var(--nb-black);
  transition: border-color var(--dur-fast) ease;
}
.rt-qty__btn:hover:not(:disabled) {
  border-color: var(--nb-black);
}
.rt-qty__btn:disabled {
  cursor: not-allowed;
  color: var(--nb-grey-15);
}
.rt-qty__n {
  min-width: 20px;
  text-align: center;
  font-size: 15px;
  font-weight: var(--w-heavy);
  font-variant-numeric: tabular-nums;
}

.rt-view {
  animation: rt-in 240ms var(--ease);
}
@media (prefers-reduced-motion: reduce) {
  .rt-view {
    animation: none;
  }
}

/* riešenie — výmena (výrazne) vs. vrátenie */
.rt-res {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.rt-res__opt {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  padding: 16px;
  border: 1px solid var(--border);
  background: var(--nb-white);
  cursor: pointer;
  text-align: left;
  font-family: var(--font);
  transition: border-color var(--dur-fast) ease;
}
.rt-res__opt:hover {
  border-color: var(--nb-black);
}
.rt-res__opt:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--state-focus-ring);
}
.rt-res__opt > i {
  flex: 0 0 auto;
  font-size: 12px;
  color: var(--fg-muted);
}
.rt-res__opt--xc {
  padding: 18px 16px;
  border: 1.5px solid var(--nb-black);
}
.rt-res__opt.is-oos {
  border: 1px solid var(--border);
  background: var(--nb-off-white);
  cursor: default;
}
.rt-res__opt.is-oos:hover {
  border-color: var(--border);
}
.rt-res__opt.is-oos > i {
  visibility: hidden;
}
.rt-res__thumb {
  flex: 0 0 auto;
  overflow: hidden;
  width: 48px;
  aspect-ratio: 2/3;
  background: var(--bg-product);
}
.rt-res__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rt-res__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.rt-res__name {
  font-size: 13.5px;
  font-weight: var(--w-bold);
  color: var(--nb-black);
}
.rt-res__stock {
  font-size: 12px;
  line-height: 1.4;
  color: var(--fg-secondary);
}
.rt-res__free {
  font-size: 11px;
  font-weight: var(--w-bold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--state-success);
}
.rt-res__sub {
  font-size: 12px;
  line-height: 1.5;
  color: var(--fg-muted);
}
.rt-res__promo {
  font-size: 12px;
  line-height: 1.55;
  color: var(--fg-secondary);
}
.rt-res__opt.is-oos .rt-res__stock {
  color: var(--fg-muted);
}
.rt-res__opt.is-oos .rt-res__thumb img {
  filter: grayscale(1);
  opacity: 0.6;
}

.rt-focus {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  margin-bottom: var(--space-6);
  padding: var(--space-4);
  background: var(--nb-off-white);
}
.rt-focus__thumb {
  flex: 0 0 auto;
  overflow: hidden;
  width: 48px;
  aspect-ratio: 2/3;
  background: var(--bg-product);
}
.rt-focus__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rt-focus__name {
  margin: 0 0 2px;
  font-size: 13.5px;
  font-weight: var(--w-medium);
  line-height: 1.35;
}
.rt-focus__variant {
  margin: 0;
  font-size: 12px;
  color: var(--fg-muted);
}

.rt-detail__cta {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  margin-top: var(--space-6);
}

/* výmena veľkosti */
.rt-xc {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin-top: var(--space-5);
  padding: var(--space-5);
  border: 1.5px solid var(--nb-black);
}
.rt-xc__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.rt-xc__title {
  margin: 0;
  font-size: 13px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.rt-xc__free {
  display: inline-grid;
  place-items: center;
  height: 24px;
  padding: 0 10px;
  background: var(--state-success);
  font-size: 10px;
  font-weight: var(--w-bold);
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--nb-white);
}
.rt-xc__sub {
  margin: -14px 0 0;
  font-size: 12px;
  line-height: 1.55;
  color: var(--fg-muted);
}
.rt-xc__grp {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.rt-xc__lbl {
  font-size: 10px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.rt-xc__colors {
  display: flex;
  gap: 12px;
}
.rt-xc__swatch {
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(14, 15, 17, 0.18);
  border-radius: 50%;
  background: none;
  cursor: pointer;
  transition: transform var(--dur-fast) ease;
}
.rt-xc__swatch:hover {
  transform: scale(1.1);
}
.rt-xc__swatch.is-on {
  box-shadow: 0 0 0 2px var(--nb-white), 0 0 0 3.5px var(--nb-black);
}
.rt-xc__swatch:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--nb-white), 0 0 0 3.5px var(--state-focus-ring);
}
.rt-xc__hint {
  margin: 0;
  font-size: 11px;
  color: var(--fg-muted);
}
.rt-xc__alt {
  align-self: center;
  padding: 4px 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: var(--font);
  font-size: 12px;
  color: var(--fg-muted);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rt-xc__alt:hover {
  color: var(--nb-black);
}

/* reklamácia — popis a fotky sú povinné, bez poplatkov */
.rt-claim {
  display: flex;
  flex-direction: column;
  gap: var(--space-5);
  margin-top: var(--space-5);
}
.rt-claim__err {
  display: none;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  color: var(--state-error);
}
.rt-claim__err--file:not([hidden]) {
  display: flex;
}
.rt-claim__hint {
  font-size: 11px;
  line-height: 1.5;
  color: var(--fg-muted);
}
.rt-claim__info {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: var(--fg-secondary);
}
.rt-claim__info i {
  flex: 0 0 auto;
  margin-top: 3px;
  color: var(--fg-muted);
}
.rt-claim.is-error .rt-photos__add {
  border-color: var(--state-error);
}
.rt-claim.is-error .rt-claim__err {
  display: flex;
}

.rt-photos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.rt-photos__add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  aspect-ratio: 1;
  padding: 6px;
  border: 1.5px dashed var(--nb-grey-50);
  background: none;
  cursor: pointer;
  text-align: center;
  font-family: var(--font);
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--fg-secondary);
  transition: border-color var(--dur-fast) ease;
}
.rt-photos__add i {
  font-size: 16px;
}
.rt-photos__add:hover {
  border-color: var(--nb-black);
}
.rt-photos__ph {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
  background: var(--nb-grey-web);
}
.rt-photos__ph img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rt-photos__rm {
  position: absolute;
  top: 4px;
  right: 4px;
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 50%;
  background: rgba(14, 15, 17, 0.72);
  cursor: pointer;
  font-size: 10px;
  color: var(--nb-white);
}
.rt-photos__rm:hover {
  background: var(--nb-black);
}
.rt-photos.is-drag .rt-photos__add {
  border-color: var(--nb-black);
  background: var(--nb-off-white);
}

.rt-ship {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.rt-ship__note {
  margin: var(--space-4) 0 0;
  font-size: 11px;
  line-height: 1.6;
  color: var(--fg-muted);
}

.rt-logo-ic {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 32px;
  border: 1px solid var(--border);
  background: var(--nb-white);
  font-size: 15px;
  color: var(--nb-black);
}

.rt-address {
  margin-top: var(--space-5);
  padding: var(--space-4) var(--space-5);
  background: var(--nb-off-white);
}

.rt-review {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.rt-review__main {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 0;
}
@media (min-width: 1025px) {
  .rt-review {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 380px;
    align-items: start;
    gap: var(--space-6);
  }
}

/* ľavý stĺpec — tiché sekcie ako pokladňa */
.rt-rvcard {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}
.rt-rvcard + .rt-rvcard {
  margin-top: var(--space-2);
}
.rt-rvcard__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 14px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.rt-rvcard__title i {
  font-size: 14px;
}
.rt-rvcard--iban {
  padding: var(--space-4);
  background: var(--nb-off-white);
}
.rt-rvcard--howto .rt-steps {
  box-sizing: border-box;
  padding: 4px var(--space-4);
  background: var(--nb-off-white);
}

.rt-you {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-4);
}
.rt-you__k {
  margin: 0 0 4px;
  font-size: 10px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-muted);
}
.rt-you__v {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-secondary);
}
@media (max-width: 480px) {
  .rt-you {
    grid-template-columns: 1fr;
  }
}

.rt-iban__why {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: var(--fg-secondary);
}

.rt-legal {
  margin: 0;
  font-size: 11px;
  line-height: 1.7;
  color: var(--fg-muted);
}
.rt-legal a {
  color: var(--fg-secondary);
}

/* skupiny položiek vľavo */
.rt-group {
  display: flex;
  flex-direction: column;
}
.rt-group + .rt-group {
  margin-top: var(--space-4);
}
.rt-group__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 var(--space-2);
  font-size: 10px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--fg-muted);
}
.rt-group__badge {
  display: inline-grid;
  place-items: center;
  height: 20px;
  padding: 0 8px;
  border: 1px solid var(--border);
  background: var(--nb-off-white);
  font-size: 9px;
  font-weight: var(--w-bold);
  line-height: 1;
  letter-spacing: 0.12em;
  color: var(--fg-secondary);
}

.rt-line {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--border);
}
.rt-line:last-child {
  border-bottom: 0;
}
.rt-line__thumb {
  overflow: hidden;
  aspect-ratio: 2/3;
  background: var(--bg-product);
}
.rt-line__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rt-line__name {
  margin: 0;
  font-size: 13px;
  font-weight: var(--w-medium);
  line-height: 1.3;
}
.rt-line__meta {
  margin: 0;
  font-size: 11.5px;
  color: var(--fg-muted);
}
.rt-line__val {
  font-size: 13px;
  font-weight: var(--w-bold);
  white-space: nowrap;
}
.rt-line__val--free {
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--state-success);
}

/* pravý panel súhrnu */
.rt-sum {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border);
  background: var(--nb-white);
}
.rt-sum__head {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 14px var(--space-5);
  border-bottom: 1px solid var(--border);
  font-family: var(--font);
  text-align: left;
}
.rt-sum__head-title {
  font-size: 10px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--nb-black);
}
.rt-sum__head-total {
  margin-left: auto;
  font-size: 14px;
  font-weight: var(--w-heavy);
  white-space: nowrap;
}
.rt-sum__body {
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
}
.rt-sum__rows {
  display: flex;
  flex-direction: column;
}
.rt-sum__row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  font-size: 13px;
  color: var(--fg-secondary);
}
.rt-sum__row span:last-child {
  font-weight: var(--w-medium);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--nb-black);
}
.rt-sum__row--muted span:last-child {
  font-weight: var(--w-regular);
  color: var(--fg-muted);
}
.rt-sum__rowmeta {
  display: block;
  margin-top: 1px;
  font-size: 11px;
  font-weight: var(--w-regular);
  color: var(--fg-muted);
}
.rt-sum__plus {
  color: var(--state-success) !important;
}
.rt-sum__q {
  margin: var(--space-2) 0 0;
  font-size: 12px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.rt-sum__opts {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.rt-sum__total {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: var(--space-3);
  border-top: 1px solid var(--border);
  font-size: 14px;
  font-weight: var(--w-heavy);
}
.rt-sum__total span:last-child {
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.rt-sum__total.is-empty span:last-child {
  font-size: 13px;
  font-weight: var(--w-regular);
  color: var(--fg-muted);
}
.rt-sum__consent {
  align-items: flex-start;
  font-size: 11.5px;
  line-height: 1.5;
  color: var(--fg-secondary);
}
.rt-sum__consent .nb-check__box {
  margin-top: 1px;
}
.rt-sum__consent span:not(.nb-check__box) {
  line-height: 1.5;
}
.rt-sum__foot {
  padding: 12px var(--space-5) var(--space-4);
  border-top: 1px solid var(--border);
}
@media (min-width: 1025px) {
  .rt-sum {
    position: sticky;
    top: calc(var(--header-h) + 20px);
  }
}

.rt-summary__err {
  margin-bottom: var(--space-5);
}

/* voľba kompenzácie — riadky s radiom vľavo a sumou vpravo; kredit výraznejší */
.rt-sopt {
  position: relative;
  display: block;
  cursor: pointer;
}
.rt-sopt__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.rt-sopt__card {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 12px;
  padding: 14px;
  border: 1px solid var(--border);
  background: var(--nb-white);
  transition: border-color var(--dur-fast) ease, box-shadow var(--dur-fast) ease;
}
.rt-sopt__card::before {
  content: "";
  box-sizing: border-box;
  grid-row: 1/span 2;
  width: 20px;
  height: 20px;
  border: 1.5px solid var(--nb-grey-50);
  border-radius: 50%;
  background: var(--nb-white);
  transition: border var(--dur-fast) ease;
}
.rt-sopt:hover .rt-sopt__card {
  border-color: var(--nb-black);
}
.rt-sopt__input:checked + .rt-sopt__card {
  border-color: var(--nb-black);
  box-shadow: 0 0 0 1.5px var(--nb-black);
}
.rt-sopt__input:checked + .rt-sopt__card::before {
  border: 6px solid var(--nb-black);
}
.rt-sopt__input:focus-visible + .rt-sopt__card {
  box-shadow: 0 0 0 3px var(--state-focus-ring);
}
.rt-sopt__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column: 2;
  gap: 8px;
}
.rt-sopt__name {
  font-size: 12px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.rt-sopt__badge {
  display: inline-grid;
  place-items: center;
  height: 20px;
  padding: 0 8px;
  background: var(--nb-white);
  font-size: 9px;
  font-weight: var(--w-bold);
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--nb-black);
}
.rt-sopt__amount {
  grid-column: 3;
  grid-row: 1/span 2;
  align-self: center;
  font-size: 19px;
  font-weight: var(--w-black);
  line-height: 1;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.rt-sopt__meta {
  grid-column: 2;
  font-size: 11px;
  line-height: 1.5;
  color: var(--fg-muted);
}
.rt-sopt--credit .rt-sopt__card {
  padding: 13px 14px;
  border: 1.5px solid var(--nb-black);
  background: var(--nb-off-white);
}
.rt-sopt--credit .rt-sopt__badge {
  background: var(--nb-black);
  color: var(--nb-white);
}
.rt-sopt--stack .rt-sopt__amount {
  grid-column: 2/-1;
  grid-row: auto;
  margin-top: 6px;
  font-size: 16px;
  line-height: 1.25;
  white-space: normal;
}

.rt-done {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  padding-top: var(--space-4);
  text-align: left;
}
.rt-done__mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--state-success);
  font-size: 17px;
  color: var(--nb-white);
}
.rt-done__kicker {
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-muted);
}
.rt-done__kicker strong {
  font-weight: var(--w-bold);
  color: var(--nb-black);
}
.rt-done__title {
  margin: -14px 0 0;
  font-size: 26px;
  font-weight: var(--w-heavy);
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
.rt-done__lead {
  margin: -8px 0 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--fg-secondary);
}
.rt-done__how {
  width: 100%;
}
.rt-done__h2 {
  margin: 0 0 var(--space-2);
  font-size: 12px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.rt-done__support {
  margin: 0;
  font-size: 12px;
  color: var(--fg-muted);
}
.rt-done__support a {
  color: var(--fg-secondary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.rt-done__support a:hover {
  color: var(--nb-black);
}
.rt-done__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: var(--space-5);
  width: 100%;
}

/* karta „Kam poslať balík" — na mieste štítku z návrhu */
.rt-label {
  box-sizing: border-box;
  width: 100%;
  padding: var(--space-5);
  border: 1px solid var(--border);
  background: var(--nb-white);
}
.rt-label__ready {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  animation: rt-in 300ms var(--ease);
}
.rt-label__t {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.rt-label__addr {
  margin: 0;
  font-size: 14px;
  font-weight: var(--w-medium);
  line-height: 1.6;
  color: var(--nb-black);
}
.rt-label__meta {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--fg-secondary);
}
.rt-label__meta a {
  color: var(--nb-black);
  text-decoration: underline;
}

/* postup 1–5 */
.rt-steps {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.rt-steps li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 0;
  border-bottom: 1px solid var(--border);
  font-size: 13px;
  line-height: 1.55;
  color: var(--fg-secondary);
}
.rt-steps li:last-child {
  border-bottom: 0;
}
.rt-steps__n {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 26px;
  height: 26px;
  border: 1px solid var(--nb-black);
  border-radius: 50%;
  font-size: 11px;
  font-weight: var(--w-bold);
  color: var(--nb-black);
}
.rt-steps {
  /* „Nevieš nájsť štítok?…" pod postupom (predplatený štítok, USA) */
}
.rt-steps__help {
  margin: var(--space-2) 0 0;
  font-size: 12.5px;
  line-height: 1.6;
  color: var(--fg-secondary);
}
.rt-steps__help a {
  color: var(--nb-black);
  text-decoration: underline;
}
.rt-steps strong {
  font-weight: var(--w-bold);
  color: var(--nb-black);
}

/* dotazník */
.rt-survey {
  box-sizing: border-box;
  width: 100%;
  padding: var(--space-5);
  background: var(--nb-off-white);
}
.rt-survey__form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-4);
}
.rt-survey__grp {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.rt-survey__q {
  margin: 0;
  font-size: 13px;
  font-weight: var(--w-bold);
}
.rt-survey__done {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 13px;
  color: var(--state-success);
}
.rt-survey .nb-textarea {
  background: var(--nb-white);
}

.rt-scale {
  display: flex;
  gap: 8px;
}
.rt-scale button {
  width: 44px;
  height: 44px;
  border: 1px solid var(--border);
  background: var(--nb-white);
  cursor: pointer;
  font-family: var(--font);
  font-size: 13px;
  font-weight: var(--w-medium);
  color: var(--nb-black);
  transition: border-color var(--dur-fast) ease, background var(--dur-fast) ease, color var(--dur-fast) ease;
}
.rt-scale button:hover {
  border-color: var(--nb-black);
}
.rt-scale button.is-on {
  border-color: var(--nb-black);
  background: var(--nb-black);
  color: var(--nb-white);
}
.rt-scale button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--state-focus-ring);
}
.rt-scale__ends {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 252px;
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--fg-muted);
}

[data-claim-page] .rt-item {
  grid-template-columns: 64px minmax(0, 1fr) auto;
}
[data-claim-page] .rt-claim [data-iban-field] {
  margin: 0;
}

.st {
  box-sizing: border-box;
  max-width: 760px;
  margin: 0 auto;
  padding: var(--space-6) var(--space-5) var(--space-8);
}

.st-head {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: var(--space-6);
}
.st-head__kicker {
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--fg-muted);
}
.st-head__kicker strong {
  font-weight: var(--w-bold);
  color: var(--nb-black);
}
.st-head__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}
.st-head__title {
  margin: 0;
  font-size: 26px;
  font-weight: var(--w-heavy);
  line-height: 1.1;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.st-pill {
  display: inline-grid;
  place-items: center;
  height: 26px;
  padding: 0 12px;
  background: var(--nb-black);
  font-size: 10px;
  font-weight: var(--w-bold);
  line-height: 1;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--nb-white);
}
.st-pill.is-rejected {
  background: var(--state-error);
}

.st-card {
  margin-bottom: var(--space-5);
  padding: var(--space-5);
  border: 1px solid var(--border);
  background: var(--nb-white);
}
.st-card__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 var(--space-4);
  font-size: 10px;
  font-weight: var(--w-heavy);
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

/* časová os */
.st-tl {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.st-tl__step {
  position: relative;
  display: flex;
  gap: 14px;
  padding-bottom: 24px;
}
.st-tl__step::before {
  content: "";
  position: absolute;
  top: 26px;
  bottom: 2px;
  left: 11px;
  width: 2px;
  background: var(--border);
}
.st-tl__step:last-child {
  padding-bottom: 0;
}
.st-tl__step:last-child::before {
  display: none;
}
.st-tl__step.is-done::before {
  background: var(--nb-black);
}
.st-tl__dot {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 24px;
  height: 24px;
  border: 2px solid var(--nb-grey-15);
  border-radius: 50%;
  background: var(--nb-white);
  font-size: 10px;
  color: transparent;
}
.st-tl__body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  padding-top: 2px;
}
.st-tl__name {
  font-size: 13px;
  font-weight: var(--w-medium);
  line-height: 1.3;
  color: var(--fg-muted);
}
.st-tl__date {
  font-size: 11px;
  color: var(--fg-muted);
}
.st-tl__step.is-done .st-tl__dot {
  border-color: var(--nb-black);
  background: var(--nb-black);
  color: var(--nb-white);
}
.st-tl__step.is-current .st-tl__dot {
  border: 7px solid var(--nb-black);
}
.st-tl__step.is-rejected .st-tl__dot {
  border-color: var(--state-error);
  background: var(--state-error);
  color: var(--nb-white);
}
.st-tl__step.is-done .st-tl__name, .st-tl__step.is-current .st-tl__name {
  color: var(--nb-black);
}
.st-tl__step.is-current .st-tl__name {
  font-weight: var(--w-heavy);
}
.st-tl__step.is-rejected .st-tl__name {
  font-weight: var(--w-heavy);
  color: var(--state-error);
}
@media (min-width: 769px) {
  .st-tl {
    flex-direction: row;
    align-items: flex-start;
  }
  .st-tl__step {
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-bottom: 0;
    text-align: center;
  }
  .st-tl__step::before {
    top: 11px;
    right: calc(-50% + 18px);
    bottom: auto;
    left: calc(50% + 18px);
    width: auto;
    height: 2px;
  }
  .st-tl__body {
    align-items: center;
    padding-top: 0;
  }
  .st-tl__name {
    font-size: 12px;
  }
}

.st-reject {
  margin-top: var(--space-4);
}

/* zhrnutie */
.st-sumrows {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid var(--border);
}

.st-sumrow {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 13px;
  color: var(--fg-secondary);
}
.st-sumrow span:last-child {
  font-weight: var(--w-medium);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--nb-black);
}
.st-sumrow--total {
  padding-top: 8px;
  border-top: 1px solid var(--border);
  font-size: 14px;
  font-weight: var(--w-heavy);
  color: var(--nb-black);
}

/* adresa + akcie */
.st-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
}
.st-label__meta {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: var(--fg-muted);
}

.st-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.st-actions .nb-btn:disabled {
  cursor: not-allowed;
}
.st-actions__hint {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: var(--space-3) 0 0;
  font-size: 11.5px;
  line-height: 1.6;
  color: var(--fg-muted);
}
.st-actions__hint i {
  margin-top: 2px;
}

/* správa k reklamácii */
.st-thread {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: var(--space-4);
}

.st-msg {
  max-width: 85%;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.55;
}
.st-msg__meta {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--fg-muted);
}
.st-msg--support {
  align-self: flex-start;
  border: 1px solid var(--border);
  background: var(--nb-off-white);
}
.st-msg--user {
  align-self: flex-end;
  background: var(--nb-black);
  color: var(--nb-white);
}
.st-msg--user .st-msg__meta {
  color: rgba(255, 255, 255, 0.6);
}

.st-support {
  margin: var(--space-6) 0 0;
  text-align: center;
  font-size: 12px;
  color: var(--fg-muted);
}
.st-support a {
  color: var(--fg-secondary);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.st-support a:hover {
  color: var(--nb-black);
}