.favorite-channels-container{padding:1.5rem 1rem;width:100%}.favorites-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:0 .5rem}.favorites-header h2{margin:0;font-size:clamp(1.4rem,3vw,1.8rem);font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.favorites-header-icon{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#fbbf24;filter:drop-shadow(0 4px 12px rgba(251,191,36,.3))}.favorites-header-icon svg{width:100%;height:100%}.favorite-groups-list{display:flex;flex-direction:column;gap:2.5rem}.favorite-country-group{display:flex;flex-direction:column;gap:1rem}.favorite-country-header{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:8px;transition:background-color .2s ease}.favorite-country-header.clickable{cursor:pointer}.favorite-country-header.clickable:hover{background-color:rgba(255,255,255,.05)}.favorite-country-header .country-flag{font-size:1.5rem}.favorite-country-header h3{margin:0;font-size:1.2rem;color:#f8fafc;font-weight:600}.favorite-country-header .channel-count{font-size:.85rem;color:#94a3b8;background:rgba(255,255,255,.1);padding:.2rem .6rem;border-radius:12px;margin-left:.5rem}.favorite-channels-row{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:min(85vw,320px);overflow-x:auto;grid-gap:.75rem 1rem;gap:.75rem 1rem;padding:.5rem 1rem 1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.favorite-channels-row::-webkit-scrollbar{display:none}.favorite-card-wrapper{width:100%}@media (min-width:768px){.favorite-channels-row{grid-template-rows:auto;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-x:visible;padding-bottom:0;gap:1.5rem}}.discovery-section{margin-top:4.5rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.discovery-section.empty-view{margin-top:1rem;padding-top:1.5rem}.discovery-header{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:700;color:#f8fafc;margin:0 0 1.25rem;display:flex;align-items:center;gap:.6rem;letter-spacing:-.01em;text-align:left}.discovery-header-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:#818cf8;flex-shrink:0}.discovery-header-icon svg{width:22px;height:22px}.popular-countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.75rem;gap:.75rem;max-width:980px}.popular-country-btn{display:flex;align-items:center;gap:.7rem;padding:.6rem .8rem;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:14px;color:#f8fafc;cursor:pointer;transition:transform .2s cubic-bezier(.25,.8,.25,1),border-color .2s ease,background .2s ease,box-shadow .2s ease;text-align:left}.popular-country-btn:hover{background:rgba(99,102,241,.1);border-color:rgba(99,102,241,.5);transform:translateY(-2px);box-shadow:0 6px 18px rgba(99,102,241,.15)}.popular-country-btn:active{transform:translateY(-1px)}.popular-country-btn:focus-visible{outline:none;border-color:rgba(129,140,248,.9);box-shadow:0 0 0 3px rgba(99,102,241,.35)}.popular-country-btn .country-flag{font-size:1.3rem;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.05);flex-shrink:0}.popular-country-meta{display:flex;flex-direction:column;gap:.1rem;min-width:0}.popular-country-btn .country-name{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popular-country-count{font-size:.72rem;font-weight:500;color:#94a3b8;line-height:1.3;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.popular-country-btn{transition:none}.popular-country-btn:active,.popular-country-btn:hover{transform:none}}@media (max-width:767px){.popular-countries-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem}.popular-country-btn{padding:.5rem .6rem;gap:.55rem}.popular-country-btn .country-flag{width:34px;height:34px;border-radius:9px;font-size:1.1rem}.popular-country-btn .country-name{font-size:.82rem}.discovery-header{font-size:1.05rem;margin:0 0 1rem}}