/* Sira Le Seriw — Growth Phase 14.2.4
   Official Social Footer & Website Integration */
.sls-official-socials{
  background:#07372d;
  color:#f8f2e7;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.sls-official-socials__inner{
  width:min(1180px,calc(100% - 32px));
  margin:0 auto;
  padding:20px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
.sls-official-socials__copy{min-width:0}
.sls-official-socials__eyebrow{
  display:block;
  margin:0 0 3px;
  color:#f1bb3f;
  font:800 10px/1.2 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.sls-official-socials__title{
  margin:0;
  color:#fffaf0;
  font:700 17px/1.25 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.sls-official-socials__links{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
}
.sls-official-socials__link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:rgba(255,255,255,.055);
  color:#f8f2e7 !important;
  text-decoration:none !important;
  font:700 12px/1 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease;
}
.sls-official-socials__link:hover,
.sls-official-socials__link:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(241,187,63,.70);
  background:rgba(241,187,63,.13);
  color:#fff !important;
  outline:none;
}
.sls-official-socials__icon{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:rgba(255,255,255,.08);
  color:currentColor;
  font:900 13px/1 Arial,sans-serif;
}
.sls-official-socials__icon svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.sls-official-socials__icon--youtube svg .sls-fill,
.sls-official-socials__icon--telegram svg .sls-fill{fill:currentColor;stroke:none}
.sls-official-socials__external{font-size:11px;opacity:.65}
@media(max-width:760px){
  .sls-official-socials__inner{padding:18px 0;align-items:flex-start;flex-direction:column;gap:12px}
  .sls-official-socials__links{justify-content:flex-start;width:100%;gap:7px}
  .sls-official-socials__link{padding:8px 10px;font-size:11px}
}
@media(max-width:430px){
  .sls-official-socials__inner{width:min(100% - 24px,1180px)}
  .sls-official-socials__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .sls-official-socials__link{justify-content:flex-start;width:100%}
}