/* header-promo.css — промо-полоса под шапкой (include/header-promo.php). Изолирована от стилей сайта, как .kc-shell. */
.kc-promo { all: initial; display: block; }
.kc-promo :where(*:not(svg, svg *)) { all: revert; }

.kc-promo {
  box-sizing: border-box;
  width: 100%;
  overflow-x: hidden;
  background: linear-gradient(90deg, #bf360c 0%, #d84315 55%, #e65100 100%);
  color: #ffffff;
  font-family: "KC Roboto", Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased;
}
.kc-promo *, .kc-promo *::before, .kc-promo *::after { box-sizing: border-box; }
.kc-promo .kc-promo__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px 24px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 10px 48px;
}
.kc-promo .kc-promo__text { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.kc-promo .kc-promo__label {
  display: inline-block;
  margin-right: 10px;
  padding: 2px 8px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.18);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  vertical-align: 1px;
}
.kc-promo .kc-promo__cta {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  border-radius: 999px;
  color: #ffffff;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.18s, color 0.18s;
}
.kc-promo .kc-promo__cta:hover { background: #ffffff; color: #bf360c; }
.kc-promo .kc-promo__cta:focus-visible { outline: 2px solid #ffffff; outline-offset: 2px; }
.kc-promo .kc-promo__cta svg { display: block; transition: transform 0.18s; }
.kc-promo .kc-promo__cta:hover svg { transform: translateX(2px); }

@media (max-width: 1200px) { .kc-promo .kc-promo__inner { padding-inline: 32px; } }
@media (max-width: 760px) {
  .kc-promo { font-size: 13px; }
  .kc-promo .kc-promo__inner { flex-direction: column; align-items: flex-start; gap: 8px; padding: 10px 18px 12px; }
  .kc-promo .kc-promo__cta { padding: 5px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .kc-promo .kc-promo__cta, .kc-promo .kc-promo__cta svg { transition: none; }
}