.zba-section{background-color:#faf7f2;padding:48px 0}
.zba-wrapper{max-width:1200px;margin:0 auto;padding:0 24px}
.zba-heading{text-align:center;font-size:36px;font-weight:900;line-height:1.35;margin:0 0 32px 0;color:#1a1a1a}
.zba-heading-dark{color:#1a1a1a}
.zba-heading-orange{color:#e84b1c}
.zba-content-row{display:flex;gap:24px;align-items:flex-start}
.zba-info-card{display:none;border-radius:12px;min-width:270px;max-width:400px;margin-left:150px;flex-shrink:0;text-align:left;padding:20px;border:2px solid #eae0d7;background:#fff}
.zba-watch-label{font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 10px 0;line-height:1.2}
.zba-channel-count-picture{display:block;margin:0 0 12px 0;width:100%}
.zba-channel-count-img{width:100%;height:auto;display:block}
.zba-card-subtext{font-size:16px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3}
.zba-accordion-list{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;margin-right:150px}
.zba-accordion-item{background:#fff;border:1px solid #d8d2cc;border-radius:8px;overflow:hidden}
.zba-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;cursor:pointer;user-select:none;-webkit-user-select:none}
.zba-accordion-title{font-size:15px;font-weight:400;color:#333;line-height:1.4}
.zba-chevron{display:flex;align-items:center;flex-shrink:0;margin-left:12px;transition:transform .3s ease}
.zba-accordion-item.active .zba-chevron{transform:rotate(180deg)}
.zba-accordion-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.zba-accordion-item.active .zba-accordion-panel{max-height:800px}
.zba-channel-grid{display:flex;flex-wrap:wrap;gap:12px;padding:4px 20px 20px;border-top:1px solid #eeebe7;max-height:400px;overflow-y:auto;overflow-x:hidden}
.zba-channel-card{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:12px 10px;text-align:center;width:96px;flex-shrink:0;box-shadow:0 1px 4px rgba(0,0,0,0.06)}
.zba-channel-logo{width:60px;height:60px;object-fit:contain;display:block;margin:0 auto 8px}
.zba-channel-name{font-size:11px;color:#555;margin:0;text-align:center;line-height:1.3;word-break:break-word}
@keyframes zba-shimmer{0{background-position:-600px 0}
100%{background-position:600px 0}
}
.zba-skeleton-item{height:56px;border-radius:8px;background:linear-gradient(90deg,#ece8e3 25%,#f5f2ef 50%,#ece8e3 75%);background-size:600px 100%;animation:zba-shimmer 1.4s infinite linear}
.zba-error-msg{font-size:14px;color:#888;text-align:center;padding:24px 0;margin:0}
.zba-channel-logo-fallback{width:60px;height:60px;border-radius:50%;background:#f0ede9;color:#555;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;flex-shrink:0}
.zba-view-more-wrap{text-align:center;padding-top:4px}
.zba-desktop-view-more,.zba-desktop-view-less{font-size:14px;font-weight:500;color:#e84b1c;text-decoration:underline;cursor:pointer;display:inline-block}
@media(min-width:769px){.zba-accordion-item.zba-hidden-desktop{display:none}
}
@media(max-width:768px){.zba-view-more-wrap{display:none}
}
.zba-view-details-link,.zba-view-less-link{display:none;text-align:center;font-size:14px;font-weight:500;color:#e84b1c;text-decoration:underline;cursor:pointer;padding:12px 0 4px;background:0;border:0;width:100%}
@media(max-width:768px){.zba-section{padding:32px 0}
.zba-heading{font-size:24px;margin-bottom:24px}
.zba-content-row{flex-direction:column}
.zba-info-card{display:block;min-width:unset;max-width:100%;width:100%;margin:0 !important;box-sizing:border-box}
.zba-channel-count-img{max-width:300px}
.zba-accordion-list{width:100%;display:none}
.zba-section.zba-details-open .zba-accordion-list{display:flex}
.zba-view-details-link{display:block}
.zba-section.zba-details-open .zba-view-details-link{display:none}
.zba-section.zba-details-open .zba-view-less-link{display:block;margin-top:8px}
.zba-channel-grid{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:8px}
.zba-channel-grid::-webkit-scrollbar{display:none}
}
@media(max-width:480px){.zba-wrapper{padding:0 16px}
.zba-channel-card{width:80px;padding:10px 8px}
.zba-channel-logo{width:48px;height:48px}
}
.temp-subtext{margin-top:16px;color:#6b7280;font-size:14px;line-height:20px;text-align:center}
@media(min-width:768px){.temp-subtext{font-size:18px;line-height:28px}
}
.zba-accordion-list{max-width:640px;margin:32px auto 0}