/* Общие блоки линейки LCS. Без обводок — только тени, карточки одной высоты. */

/* Линейка продуктов: 4 колонки, все карточки равной высоты */
.lcs-family{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fam-card{display:flex;flex-direction:column;padding:20px;border-radius:16px;
  background:var(--surface,#fff);box-shadow:0 8px 24px rgba(15,23,42,.09);
  border-top:3px solid var(--fc);text-decoration:none;color:inherit;
  transition:transform .18s,box-shadow .18s;min-height:152px}
.fam-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,23,42,.14)}
.fam-cur{background:color-mix(in srgb,var(--fc) 8%,var(--surface,#fff));cursor:default}
.fam-cur:hover{transform:none}
.fam-nm{display:flex;align-items:center;gap:8px;font-weight:800;font-size:14.6px;
  letter-spacing:-.3px;white-space:nowrap}
.fam-arrow{margin-left:auto;color:var(--muted,#5A6472);transition:transform .18s}
.fam-card:hover .fam-arrow{transform:translateX(3px)}
.fam-badge{margin-left:auto;font-size:9.5px;font-weight:700;text-transform:uppercase;
  letter-spacing:.7px;padding:3px 9px;border-radius:999px;white-space:nowrap}
.fam-d{margin-top:9px;font-size:12.8px;line-height:1.55;color:var(--muted,#5A6472);flex:1}
:root[data-theme="dark"] .fam-card{box-shadow:0 10px 28px rgba(0,0,0,.36)}

/* Контакты с иконками */
.lcs-contacts{display:flex;flex-wrap:wrap;gap:10px}
.lcs-contact{display:inline-flex;align-items:center;gap:10px;padding:0;
  font-size:14px;font-weight:500;color:var(--muted,#5A6472);text-decoration:none;
  transition:color .16s;line-height:2.1}
.lcs-contact:hover{color:var(--text,#0D1513)}
.lcs-contact svg{color:var(--accent,#26A17B);flex-shrink:0}

/* Страны: бегущая лента флагов */
.flags-strip{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.flags-track{display:flex;gap:26px;width:max-content;list-style:none;margin:0;padding:0;
  animation:lcs-flags 46s linear infinite}
.flags-strip:hover .flags-track{animation-play-state:paused}
@keyframes lcs-flags{to{transform:translateX(-50%)}}
.flags-track li{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:92px;padding:6px 0}
.flags-track .fl{font-size:38px;line-height:1}
.flags-track .cc{font-size:11.5px;font-weight:700;letter-spacing:.6px;color:var(--muted,#5A6472)}
.flags-note{text-align:center;margin-top:18px;font-size:13px;color:var(--muted,#5A6472)}

/* Мини-заголовок секции с иконкой */
.lcs-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;
  background:color-mix(in srgb,var(--accent,#26A17B) 13%,transparent);
  color:var(--accent,#26A17B);font-size:12px;font-weight:700;letter-spacing:.9px;
  text-transform:uppercase;margin-bottom:20px}
.lcs-eyebrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round}

/* Стикер поверх секции — «наклейка» внахлёст */
.lcs-sticker{position:absolute;top:-14px;left:50%;transform:translateX(-50%) rotate(-1.4deg);
  padding:8px 18px;border-radius:999px;font-size:12.5px;font-weight:700;white-space:nowrap;
  background:var(--accent,#26A17B);color:#fff;box-shadow:0 10px 26px rgba(15,23,42,.2);z-index:3}

/* Подвал: четыре колонки */
.lcs-foot{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}

@media(max-width:1000px){
  .lcs-family{grid-template-columns:repeat(2,1fr)}
  .lcs-foot{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .lcs-family{grid-template-columns:1fr}
  .lcs-foot{grid-template-columns:1fr}
  .lcs-contacts{flex-direction:column;align-items:flex-start}
}