@layer theme.components {

/* Полоса стран экспорта: живёт сразу под шапкой и отбрасывает такую же тень. */
.tt-origins {
  position: relative;
  z-index: 5;
  background: var(--color-bg-section-alt);
  box-shadow: 0 10px 26px rgba(15, 26, 43, 0.08), 0 1px 2px rgba(15, 26, 43, 0.05);
}
.tt-origins__inner {
  max-width: var(--width-container);
  margin: 0 auto;
  padding: 0 var(--space-gutter);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
}
.tt-origins__inner::-webkit-scrollbar { display: none; }
.tt-origins ul { display: flex; width: max-content; flex-wrap: nowrap; gap: 2px; margin: 0; padding: 0; list-style: none; }
.tt-origins a,
.tt-origins__disabled {
  display: flex; align-items: center; gap: 6px;
  padding: 10px 12px;
  font-size: var(--font-size-nav); font-weight: 600; white-space: nowrap; text-decoration: none;
  color: var(--color-text-muted);
}
.tt-origins a:hover { color: var(--color-text); box-shadow: inset 0 -3px 0 var(--color-icon-muted); }
.tt-origins a.is-current { color: var(--color-text); box-shadow: inset 0 -3px 0 var(--color-text); }
.tt-origins__flag { font-size: 14px; line-height: 1; }
.tt-origins__disabled { color: var(--color-text-disabled); cursor: default; }
.tt-origins__disabled .tt-origins__flag { opacity: 0.45; }
.tt-origins__label { display: block; font-size: var(--font-size-nav); font-weight: 600; line-height: 1.2; }
.tt-origins__mark {
  display: block; margin-top: 2px;
  font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase;
}

@media (max-width: 480px) {
  .tt-origins__inner { padding-inline: 8px; }
  .tt-origins a,
  .tt-origins__disabled { padding: 9px 10px; }
}

}