/*!
 * Camisetas South · Rediseño 2026 · "Nueva temporada" y "Buscar por liga" (26/27)
 * Depende de sx-core.css (variables, botones, vidrio), sx-shop.css (tarjetas de producto)
 * y home-redesign.css (secciones, carrusel y franja de confianza de la portada).
 */

/* Página a todo el ancho (sin márgenes del contenedor de Astra) */
body.sx-full-page #content,
body.sx-full-page .site-content { margin: 0 !important; padding: 0 !important; }
.sx-lgmain { display: block; padding-bottom: 8px; }
[data-sx-lg-item][hidden],
[data-sx-lg-group][hidden] { display: none !important; }

/* ===================================================================== *
 * Portada de la página (banda oscura)
 * ===================================================================== */
.sx-lghero-wrap { padding-top: 20px; }
.sx-lghero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 48px;
  min-height: 460px;
  padding: 64px;
  overflow: hidden;
  border-radius: 32px;
  isolation: isolate;
  background:
    radial-gradient(110% 130% at 100% 0%, rgba(106,33,191,.95) 0%, rgba(106,33,191,0) 58%),
    radial-gradient(80% 110% at 0% 100%, rgba(234,147,80,.32) 0%, rgba(234,147,80,0) 55%),
    linear-gradient(160deg, #2A1446 0%, #1A0B2E 58%, #120720 100%);
  color: #fff;
  box-sizing: border-box;
}
/* Textura de rayas, como el tejido de una camiseta */
.sx-lghero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: repeating-linear-gradient(115deg, rgba(255,255,255,.045) 0 2px, rgba(255,255,255,0) 2px 26px);
  -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0) 20%, #000 75%);
  mask-image: linear-gradient(90deg, rgba(0,0,0,0) 20%, #000 75%);
  pointer-events: none;
}
.sx-lghero__body { position: relative; min-width: 0; }
.sx-lghero__kicker { margin: 0 0 14px !important; color: var(--sx-orange-soft); font: 800 15px/1.2 var(--sx-font); letter-spacing: .02em; }
body.sx .sx-lghero__title {
  margin: 0;
  color: #fff;
  font-size: clamp(60px, 8.2vw, 124px);
  text-shadow: 0 4px 40px rgba(0,0,0,.25);
}
body.sx .sx-lghero__title span:not(.sx-fit-w) { color: var(--sx-orange-soft); }
.sx-lghero__text {
  max-width: 540px;
  margin: 22px 0 0 !important;
  color: rgba(255,255,255,.86);
  font: 600 18px/1.5 var(--sx-font);
}
.sx-lghero__ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.sx-lghero__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 30px;
  margin: 34px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  color: rgba(255,255,255,.72);
  font: 700 14.5px/1.2 var(--sx-font);
}
.sx-lghero__facts li { margin: 0; }
.sx-lghero__facts b { margin-right: 3px; color: #fff; font: 900 28px/1 var(--sx-display); }

/* Escudos flotando (Nueva temporada) */
.sx-lghero__crests {
  display: grid;
  grid-template-columns: repeat(4, 96px);
  gap: 18px;
  margin: 0 !important;
  padding: 0 0 36px !important;
  list-style: none !important;
}
.sx-lghero__crests li {
  display: grid;
  place-items: center;
  width: 96px;
  height: 96px;
  margin: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 40px -14px rgba(0,0,0,.55), inset 0 -2px 0 rgba(26,11,46,.06);
  animation: sx-lg-float 6s ease-in-out infinite;
  animation-delay: calc(var(--i, 0) * -.75s);
}
.sx-lghero__crests li:nth-child(even) { margin-top: 36px; }
.sx-lghero__crests img { width: 60% !important; height: 60% !important; object-fit: contain; }
@keyframes sx-lg-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }

/* Logos de las 5 grandes (Buscar por liga) */
.sx-lghero__logos {
  display: grid;
  grid-template-columns: repeat(3, 104px);
  gap: 16px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.sx-lghero__logos li { margin: 0; animation: sx-lg-float 7s ease-in-out infinite; animation-delay: calc(var(--i, 0) * -.9s); }
.sx-lghero__logos li:nth-child(4) { grid-column: 1 / span 1; margin-left: 60px; }
.sx-lghero__logos li:nth-child(5) { margin-left: 60px; }
body.sx .sx-lghero__logos a {
  display: grid;
  place-items: center;
  width: 104px;
  height: 104px;
  border-radius: 30px;
  background: rgba(255,255,255,.96);
  box-shadow: 0 18px 40px -14px rgba(0,0,0,.55), inset 0 -2px 0 rgba(26,11,46,.06);
  transition: transform .25s var(--sx-ease), box-shadow .2s;
}
body.sx .sx-lghero__logos a:hover { transform: translateY(-3px) scale(1.04); box-shadow: 0 0 0 3px var(--sx-orange-soft), 0 18px 40px -14px rgba(0,0,0,.55); }
.sx-lghero__logos img { width: 58% !important; height: 58% !important; object-fit: contain; }

/* Buscador */
.sx-lgsearch {
  display: flex;
  align-items: center;
  gap: 4px;
  max-width: 580px;
  height: 64px;
  margin: 30px 0 0 !important;
  padding: 0 10px 0 22px;
  border-radius: 999px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 18px 40px -16px rgba(0,0,0,.55);
  color: var(--sx-night);
  box-sizing: border-box;
  transition: box-shadow .2s;
}
.sx-lgsearch:focus-within { box-shadow: 0 0 0 4px rgba(247,185,137,.5), 0 18px 40px -16px rgba(0,0,0,.55); }
.sx-lgsearch > .sx-ico { color: var(--sx-violet); }
body.sx .sx-lgsearch input[type="search"] {
  flex: 1;
  min-width: 0;
  height: 100%;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--sx-night) !important;
  font: 700 17px/1.2 var(--sx-font) !important;
  outline: 0 !important;
  -webkit-appearance: none;
  appearance: none;
}
body.sx .sx-lgsearch input[type="search"]::placeholder { color: #8A839A; opacity: 1; font-weight: 600; }
body.sx .sx-lgsearch input[type="search"]::-webkit-search-cancel-button { display: none; }
body.sx .sx-lgsearch__clear {
  display: grid;
  place-items: center;
  flex: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--sx-soft);
  color: var(--sx-night);
}
body.sx .sx-lgsearch__clear:hover { background: var(--sx-lilac-2); }

/* Atajos a los grupos */
.sx-lgjump { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.sx .sx-lgjump .sx-chip { height: 38px; padding: 0 16px; background: rgba(255,255,255,.12); color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); }
.sx .sx-lgjump .sx-chip:hover,
.sx .sx-lgjump .sx-chip:focus { background: rgba(255,255,255,.22); color: #fff; }
.sx-lgjump .sx-chip span { margin-left: 2px; opacity: .6; }

@media (max-width: 1199px) {
  .sx-lghero { gap: 32px; padding: 52px 44px; }
  .sx-lghero__crests { grid-template-columns: repeat(4, 76px); gap: 14px; }
  .sx-lghero__crests li { width: 76px; height: 76px; }
  .sx-lghero__logos { grid-template-columns: repeat(3, 84px); gap: 12px; }
  .sx-lghero__logos li:nth-child(4),
  .sx-lghero__logos li:nth-child(5) { margin-left: 48px; }
  body.sx .sx-lghero__logos a { width: 84px; height: 84px; border-radius: 24px; }
}
@media (max-width: 999px) {
  .sx-lghero { grid-template-columns: minmax(0, 1fr); }
  .sx-lghero__logos { display: none !important; }
  .sx-lghero__crests {
    grid-row: 1;
    display: flex;
    padding: 0 !important;
  }
  .sx-lghero__crests li,
  .sx-lghero__crests li:nth-child(even) { width: 56px; height: 56px; margin: 0 0 0 -10px; animation: none; box-shadow: 0 0 0 3px #2A1446, 0 10px 20px -10px rgba(0,0,0,.6); }
  .sx-lghero__crests li:first-child { margin-left: 0; }
}
@media (max-width: 899px) {
  .sx-lghero-wrap { padding-top: 10px; }
  .sx-lghero { gap: 22px; min-height: 0; padding: 30px 22px 28px; border-radius: 26px; }
  body.sx .sx-lghero__title { font-size: clamp(54px, 15vw, 72px); }
  .sx-lghero__text { margin-top: 14px !important; font-size: 16px; }
  .sx-lghero__ctas { margin-top: 22px; }
  .sx-lghero__ctas .sx-btn { flex: 1 1 auto; height: 50px; padding: 0 20px; }
  .sx-lghero__facts { gap: 8px 20px; margin-top: 22px !important; font-size: 13px; }
  .sx-lghero__facts b { font-size: 22px; }
  .sx-lghero__crests li,
  .sx-lghero__crests li:nth-child(even) { width: 46px; height: 46px; margin-left: -8px; }
  .sx-lgsearch { height: 56px; margin-top: 22px !important; padding-left: 16px; }
  body.sx .sx-lgsearch input[type="search"] { font-size: 16px !important; }
  .sx-lgjump { flex-wrap: nowrap; margin: 14px -22px 0; padding: 0 22px 2px; overflow-x: auto; scrollbar-width: none; }
  .sx-lgjump::-webkit-scrollbar { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .sx-lghero__crests li,
  .sx-lghero__logos li { animation: none; }
}

/* ===================================================================== *
 * Secciones
 * ===================================================================== */
.sx-lghero-wrap + .sx-hsec { padding-top: 76px; }
.sx-lgsec--nav { padding-top: 56px !important; }
@media (max-width: 899px) {
  .sx-lghero-wrap + .sx-hsec { padding-top: 40px; }
  .sx-lgsec--nav { padding-top: 36px !important; }
}

/* Equipos principales */
body.sx .sx-crestgrid--ns {
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 30px 12px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body.sx .sx-crestgrid--ns li { margin: 0; }
body.sx .sx-crestgrid--ns .sx-crest { gap: 12px; font-size: 14px; }
body.sx .sx-crestgrid--ns .sx-crest__c { max-width: 116px; background: var(--sx-soft); }
body.sx .sx-crestgrid--ns .sx-crest:hover .sx-crest__c { background: var(--sx-lilac-2); }
@media (max-width: 1199px) { body.sx .sx-crestgrid--ns { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 899px) {
  body.sx .sx-crestgrid--ns { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 6px; }
  body.sx .sx-crestgrid--ns .sx-crest { gap: 8px; font-size: 12.5px; }
  body.sx .sx-crestgrid--ns .sx-crest__c { max-width: 76px; }
}

/* ===================================================================== *
 * Navegador de ligas
 * ===================================================================== */
.sx-lg__group + .sx-lg__group { margin-top: 64px; }
.sx-lg__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 20px;
  margin-bottom: 22px;
}
body.sx .sx-lg__title { margin: 0; color: var(--sx-night); font-size: 46px; }
body.sx .sx-lgpage--nueva-temporada .sx-lg__title { font-size: 36px; }
.sx-lg__text { margin: 0 !important; color: var(--sx-muted); font: 600 15.5px/1.4 var(--sx-font); }
@media (max-width: 899px) {
  .sx-lg__group + .sx-lg__group { margin-top: 44px; }
  .sx-lg__head { margin-bottom: 16px; }
  body.sx .sx-lg__title,
  body.sx .sx-lgpage--nueva-temporada .sx-lg__title { font-size: 34px; }
  .sx-lg__text { font-size: 14px; }
}

/* --- Las 5 grandes: tarjetas con foto del trofeo --- */
.sx-lgc-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
.sx-lgc {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 392px;
  padding: 18px;
  overflow: hidden;
  border-radius: 26px;
  background: var(--lg, var(--sx-night));
  color: #fff;
  isolation: isolate;
  box-shadow: 0 22px 44px -26px rgba(26,11,46,.6);
  transition: transform .35s var(--sx-ease), box-shadow .35s var(--sx-ease);
  box-sizing: border-box;
}
.sx-lgc:hover { transform: translateY(-4px); box-shadow: 0 30px 56px -26px rgba(26,11,46,.65); }
.sx-lgc__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  object-position: 50% 28%;
  transition: transform .9s var(--sx-ease);
}
.sx-lgc:hover .sx-lgc__bg { transform: scale(1.06); }
.sx-lgc__shade {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(18,7,32,.28) 0%, rgba(18,7,32,0) 26%, rgba(18,7,32,.5) 54%, rgba(18,7,32,.95) 100%);
  background:
    linear-gradient(180deg, rgba(18,7,32,.28) 0%, rgba(18,7,32,0) 26%, rgba(18,7,32,.5) 54%, rgba(18,7,32,.95) 100%),
    linear-gradient(0deg, color-mix(in srgb, var(--lg, #1A0B2E) 55%, transparent) 0%, rgba(0,0,0,0) 62%);
  pointer-events: none;
}
.sx-lgc__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.sx-lgc__logo {
  display: grid;
  place-items: center;
  flex: none;
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 24px -12px rgba(0,0,0,.6);
}
.sx-lgc__logo img { width: 66% !important; height: 66% !important; object-fit: contain; }
.sx-lgc__count {
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font: 800 12.5px/1 var(--sx-font);
  white-space: nowrap;
}
.sx-lgc__body { display: flex; flex-direction: column; align-items: flex-start; }
.sx-lgc__country { margin: 0 0 6px !important; color: var(--sx-orange-soft); font: 800 12.5px/1.2 var(--sx-font); letter-spacing: .08em; text-transform: uppercase; }
body.sx .sx-lgc__name { margin: 0; color: #fff; font-size: clamp(34px, 2.9vw, 44px); line-height: .9; overflow-wrap: anywhere; }
body.sx .sx-lgc__link,
body.sx .sx-lgc__link:hover,
body.sx .sx-lgc__link:focus { color: #fff; text-decoration: none; outline: 0; }
.sx-lgc__link::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.sx-lgc:has(.sx-lgc__link:focus-visible) { outline: 3px solid var(--sx-orange-soft); outline-offset: 3px; }
.sx-lgc__teams {
  position: relative;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.sx-lgc__teams li { margin: 0; }
body.sx .sx-lgc__teams a {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  box-shadow: 0 6px 14px -8px rgba(0,0,0,.6);
  transition: transform .2s var(--sx-ease), box-shadow .2s;
}
body.sx .sx-lgc__teams a:hover,
body.sx .sx-lgc__teams a:focus-visible { transform: translateY(-3px); box-shadow: 0 0 0 2px var(--sx-orange-soft), 0 10px 18px -8px rgba(0,0,0,.6); }
.sx-lgc__teams img { width: 66% !important; height: 66% !important; object-fit: contain; }
@media (min-width: 900px) and (max-width: 1199px) {
  body.sx .sx-lgc__teams a { width: 38px; height: 38px; }
}
.sx-lgc__go {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 16px;
  color: rgba(255,255,255,.92);
  font: 800 14px/1 var(--sx-font);
}
.sx-lgc__go .sx-ico { transition: transform .25s var(--sx-ease); }
.sx-lgc:hover .sx-lgc__go .sx-ico { transform: translateX(4px); }

@media (max-width: 1199px) {
  .sx-lgc-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .sx-lgc { grid-column: span 2; min-height: 340px; }
  .sx-lgc:nth-child(-n+2) { grid-column: span 3; }
  body.sx .sx-lgc__name { font-size: 40px; }
}
@media (max-width: 899px) {
  .sx-lgc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .sx-lgc,
  .sx-lgc:nth-child(-n+2) { grid-column: auto; min-height: 250px; padding: 14px; border-radius: 22px; }
  .sx-lgc--first { grid-column: 1 / -1 !important; min-height: 270px; }
  .sx-lgc__logo { width: 46px; height: 46px; border-radius: 14px; }
  .sx-lgc__count { height: 26px; padding: 0 10px; font-size: 11.5px; }
  .sx-lgc:not(.sx-lgc--first) .sx-lgc__count { display: none; }
  body.sx .sx-lgc__name { font-size: 30px; }
  body.sx .sx-lgc--first .sx-lgc__name { font-size: 40px; }
  .sx-lgc__country { font-size: 11px; }
  .sx-lgc__teams { gap: 5px; margin-top: 12px !important; }
  body.sx .sx-lgc__teams a { width: 32px; height: 32px; }
  .sx-lgc:not(.sx-lgc--first) .sx-lgc__teams li:nth-child(n+5) { display: none; }
  .sx-lgc__go { margin-top: 12px; font-size: 13px; }
}

/* --- Más ligas y ascenso: fichas --- */
.sx-lgt-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr));
  gap: 12px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.sx-lgt-grid > li { margin: 0; padding: 0; list-style: none; }
.sx .sx-lgt {
  --tile: var(--sx-soft-2);
  display: flex;
  align-items: center;
  gap: 14px;
  height: 100%;
  padding: 14px 14px 14px 14px;
  border-radius: 22px;
  background: var(--tile);
  box-shadow: inset 0 0 0 1px rgba(26,11,46,.06);
  color: var(--sx-night);
  text-decoration: none;
  transition: background-color .2s, box-shadow .2s, transform .25s var(--sx-ease);
  box-sizing: border-box;
}
.sx .sx-lgt:hover,
.sx .sx-lgt:focus-visible {
  --tile: #fff;
  box-shadow: inset 0 0 0 1.5px var(--lg, var(--sx-violet)), 0 16px 32px -20px rgba(26,11,46,.5);
  color: var(--sx-night);
  text-decoration: none;
  transform: translateY(-2px);
}
.sx-lgt__mark {
  position: relative;
  display: grid;
  place-items: center;
  flex: none;
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.2) 0 50%, rgba(255,255,255,0) 50%), var(--lg, var(--sx-night));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 8px 18px -12px rgba(26,11,46,.7);
  color: #fff;
}
.sx-lgt__mark--logo { background: #fff; box-shadow: inset 0 0 0 1px rgba(26,11,46,.08), 0 8px 18px -14px rgba(26,11,46,.6); }
.sx-lgt__mark img { width: 64% !important; height: 64% !important; object-fit: contain; }
.sx-lgt__abbr { font: 900 23px/1 var(--sx-display); letter-spacing: .02em; }
.sx-lgt__tier {
  position: absolute;
  right: -6px;
  bottom: -6px;
  display: grid;
  place-items: center;
  min-width: 24px;
  height: 24px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--sx-night);
  box-shadow: 0 0 0 3px var(--tile, #fff);
  color: #fff;
  font: 900 12.5px/1 var(--sx-font);
  box-sizing: border-box;
  transition: box-shadow .2s;
}
.sx-lgt__txt { display: flex; flex: 1; flex-direction: column; gap: 3px; min-width: 0; }
.sx-lgt__txt b { color: var(--sx-night); font: 900 17px/1.15 var(--sx-font); }
.sx-lgt__txt > span { color: var(--sx-muted); font: 600 13.5px/1.3 var(--sx-font); }
.sx-lgt__count {
  flex: none;
  min-width: 34px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(26,11,46,.08);
  color: var(--sx-night);
  font: 800 12.5px/1 var(--sx-font);
  text-align: center;
  box-sizing: border-box;
}
.sx .sx-lgt:hover .sx-lgt__count { background: var(--sx-soft); }
.sx-lgt__go {
  display: grid;
  place-items: center;
  flex: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: var(--sx-night);
  color: #fff;
  transition: background-color .2s, transform .25s var(--sx-ease);
}
.sx .sx-lgt:hover .sx-lgt__go { background: var(--lg, var(--sx-violet)); transform: translateX(2px); }
@media (max-width: 899px) {
  .sx-lgt-grid { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .sx .sx-lgt { gap: 12px; padding: 10px 12px 10px 10px; border-radius: 20px; }
  .sx-lgt__mark { width: 50px; height: 50px; border-radius: 16px; }
  .sx-lgt__abbr { font-size: 20px; }
  .sx-lgt__txt b { font-size: 16px; }
  .sx-lgt__txt > span { font-size: 13px; }
  .sx-lgt__go { width: 32px; height: 32px; }
}

/* Sin resultados */
.sx-lg__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding: 44px 24px;
  border-radius: 26px;
  background: var(--sx-soft-2);
  text-align: center;
}
.sx-lg__empty p { margin: 0 !important; color: var(--sx-muted); font: 600 15.5px/1.45 var(--sx-font); }
.sx-lg__empty .sx-lg__empty-title { color: var(--sx-night); font: 900 20px/1.3 var(--sx-font); }
.sx-lg__empty .sx-btn { margin-top: 10px; max-width: 100%; }
.sx-lg__empty .sx-btn span { overflow: hidden; text-overflow: ellipsis; }

/* ===================================================================== *
 * Ayuda (Buscar por liga)
 * ===================================================================== */
.sx-lghelp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px 40px;
  padding: 44px 48px;
  border-radius: 28px;
  background: var(--sx-lilac);
}
body.sx .sx-lghelp__title { margin: 0; color: var(--sx-night); font-size: 48px; }
.sx-lghelp__text { max-width: 520px; margin: 12px 0 0 !important; color: var(--sx-muted); font: 600 16.5px/1.5 var(--sx-font); }
.sx-lghelp__ctas { display: flex; flex-wrap: wrap; gap: 10px; flex: none; }
@media (max-width: 899px) {
  .sx-lghelp { flex-direction: column; align-items: flex-start; padding: 28px 22px; border-radius: 24px; }
  body.sx .sx-lghelp__title { font-size: 34px; }
  .sx-lghelp__text { font-size: 15px; }
  .sx-lghelp__ctas { width: 100%; }
  .sx-lghelp__ctas .sx-btn { flex: 1 1 100%; }
}