.cgb-homechannels .container { width:min(1440px,100vw);margin:0 auto;padding-inline:50px }
.cgb-homechannels .channel-catalog { min-height:487px;padding:40px 0;background:#f3f3f3 }
.cgb-homechannels .channel-catalog h2 { max-width:1042px;margin:0 auto;font-size:48px;font-weight:400;line-height:1;letter-spacing:-.08em;text-align:center }
.cgb-homechannels .channel-catalog__lead { margin:50px 0 0;color:#131313b3;font-size:24px;font-weight:500;line-height:1.05;letter-spacing:-.08em;text-align:center }
.cgb-homechannels .channel-catalog__layout { display:flex;align-items:flex-start;justify-content:center;gap:20px;margin-top:30px }
.cgb-homechannels .channel-catalog__grid { display:flex;min-width:0;flex:1;flex-wrap:wrap;align-content:flex-start;gap:10px;min-height:244px }
.cgb-homechannels .channel-filter { position:relative;width:210px;flex:0 0 210px;padding:4px;overflow:hidden;border-radius:10px;background:#fff }
.cgb-homechannels .channel-filter__indicator { position:absolute;z-index:0;top:4px;left:4px;width:202px;height:41px;border-radius:10px;background:#0389cb;pointer-events:none;transition:top .32s ease,left .32s ease,width .32s ease,height .32s ease;will-change:top,left,width,height }
.cgb-homechannels .channel-filter__item { position:relative;z-index:1;display:flex;width:100%;min-height:41px;align-items:center;gap:5px;padding:10px;border:0;border-radius:10px;color:#131313;background:transparent;font-size:16px;font-weight:400;line-height:1.3;letter-spacing:-.04em;text-align:left;transition:color .22s ease,transform .45s cubic-bezier(.22,1.35,.36,1) }
.cgb-homechannels .channel-filter__item:active { transform:scale(.97) }
.cgb-homechannels .channel-filter__item:focus-visible { outline:2px solid rgba(3,137,203,.35);outline-offset:-2px }
.cgb-homechannels .channel-filter__item b { display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:5px;color:#131313;background:#f0f0f0;font-size:12px;font-weight:400;line-height:1;letter-spacing:-.05em }
.cgb-homechannels .channel-filter__item--active { color:#fff }
.cgb-homechannels .channel-card { display:flex;width:117px;height:118px;flex:0 0 117px;flex-direction:column;align-items:center;gap:10px;padding:15px 10px;border-radius:16px;color:inherit;text-decoration:none;background:#fff;transition:box-shadow .25s ease }
.cgb-homechannels .channel-card[hidden] { display:none!important }
.cgb-homechannels a.channel-card:hover { box-shadow:0 12px 25px #13131314 }
.cgb-homechannels a.channel-card:focus-visible { outline:2px solid #0389cb;outline-offset:3px }
.cgb-homechannels .channel-card img { display:block;width:56px;height:56px;-o-object-fit:contain;object-fit:contain }
.cgb-homechannels .channel-card span { max-width:100%;font-size:16px;line-height:1.3;letter-spacing:-.04em;text-align:center;white-space:nowrap }
.cgb-homechannels .channel-card em { color:#afafaf;font-style:normal }
.cgb-homechannels .mobile-copy { display:none }

@media (prefers-reduced-motion:reduce) {
  .cgb-homechannels .channel-filter__indicator,
  .cgb-homechannels .channel-filter__item,
  .cgb-homechannels .channel-card { transition:none }
}

@media (max-width:919px) {
  .cgb-homechannels .container { padding-inline:30px }
  .cgb-homechannels .channel-catalog h2 { font-size:40px }
  .cgb-homechannels .channel-catalog__layout { align-items:stretch;flex-direction:column }
  .cgb-homechannels .channel-filter { display:flex;width:100%;flex:none;flex-wrap:wrap }
  .cgb-homechannels .channel-filter__item { width:auto }
  .cgb-homechannels .channel-catalog__grid { justify-content:center }
}

@media (max-width:619px) {
  .cgb-homechannels .container { padding-inline:15px }
  .cgb-homechannels .channel-catalog { padding-block:35px }
  .cgb-homechannels .channel-catalog h2 { font-size:30px }
  .cgb-homechannels .channel-catalog__lead { margin-top:20px;font-size:18px }
  .cgb-homechannels .channel-catalog__layout { margin-top:20px }
  .cgb-homechannels .channel-filter { flex-direction:column }
  .cgb-homechannels .channel-filter__item { width:100% }
  .cgb-homechannels .channel-card { width:calc(50% - 5px);flex-basis:calc(50% - 5px) }
  .cgb-homechannels .desktop-copy { display:none!important }
  .cgb-homechannels .mobile-copy { display:inline }
  .cgb-homechannels .container { padding-inline:20px }
  .cgb-homechannels .channel-catalog { min-height:0;padding:40px 0 }
  .cgb-homechannels .channel-catalog h2 { line-height:1;letter-spacing:-.08em }
  .cgb-homechannels .channel-catalog__lead { display:none }
  .cgb-homechannels .channel-catalog__layout { margin-top:30px;gap:20px }
  .cgb-homechannels .channel-filter { display:flex;width:100%;height:49px;padding:4px;flex-flow:row nowrap;overflow-x:auto;border-radius:10px;scrollbar-width:none }
  .cgb-homechannels .channel-filter::-webkit-scrollbar { display:none }
  .cgb-homechannels .channel-filter__item { width:auto;height:41px;flex:0 0 auto;padding:0 14px;white-space:nowrap }
  .cgb-homechannels .channel-catalog__grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px }
  .cgb-homechannels .channel-card { width:auto;height:117px;min-height:0;padding:15px 8px;flex-basis:auto;gap:10px;border-radius:16px }
  .cgb-homechannels .channel-card img { width:56px;height:56px }
  .cgb-homechannels .channel-card span { font-size:16px;line-height:1 }
}