.plyr__progress__container,
   .plyr__time{
   	display: none;
   }
    :root {
        --bg-color: #f0f2f5;
        --card-bg: rgba(255, 255, 255, 0.9);
        --text-color: #1d1d1f;
        --accent: #007aff;
        --header-bg: rgba(255, 255, 255, 0.8);
        --border: rgba(0, 0, 0, 0.08);
        --shadow: 0 10px 30px rgba(0,0,0,0.05);
    }

    body.dark {
        --bg-color: #08080a;
        --card-bg: rgba(28, 28, 30, 0.9);
        --text-color: #f5f5f7;
        --header-bg: rgba(10, 10, 12, 0.8);
        --border: rgba(255, 255, 255, 0.1);
        --shadow: 0 20px 50px rgba(0,0,0,0.5);
    }

    * { box-sizing: border-box; margin: 0; padding: 0; }

    body {
        font-family: 'Inter', sans-serif;
        background: var(--bg-color);
        color: var(--text-color);
        transition: 0.4s;
        overflow-x: hidden;
    }

    /* --- HEADER --- */
    .header {
        position: fixed;
        top: 0; width: 100%;
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        background: var(--header-bg);
        border-bottom: var(--border);
        z-index: 1000;
    }

    .header-inner {
        max-width: 100%; /* გაიშალა ბოლომდე */
        margin: auto;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .back-btn {
        background: var(--card-bg);
        border: var(--border);
        width: 38px; height: 38px;
        border-radius: 10px; /* ნაკლებად მომრგვალებული */
        cursor: pointer;
        color: var(--text-color);
        display: flex; align-items: center; justify-content: center;
        transition: 0.3s;
        text-decoration: none;
        padding-bottom: 5px;
    }

    .back-btn:hover { background: var(--accent); color: white; }

    .channel-info {
        display: flex;
        align-items: center;
        gap: 12px;
        font-weight: 600;
    }

    .channel-info img {
        width: 30px; height: 30px;
        object-fit: contain;
    }

    /* --- PLAYER AREA (Full Width) --- */
    .main {
        width: 100%; /* მაქსიმალური სიგანე მოიხსნა */
        padding: 60px 0 40px; /* ზედა პედინგი შემცირდა ჰედერის შესაბამისად */
    }

    .player-wrapper {
        position: relative;
        width: 100%;
        background: #000;
        overflow: hidden;
        /* მოვხსენით border-radius პლეერს, რომ ეკრანზე ბოლომდე დაჯდეს */
    }

    .plyr {
        --plyr-color-main: var(--accent);
        width: 100%;
    }

    /* --- SUGGESTED CHANNELS --- */
    .content-container {
        max-width: 1200px; /* მხოლოდ არხების სია მოვაქციოთ კონტეინერში */
        margin: auto;
        padding: 0 20px;
    }

    .section-title {
        margin: 30px 0 15px;
        font-size: 13px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        opacity: 0.7;
    }

    .channel-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 12px;
    }

    .channel-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px;
        background: var(--card-bg);
        border: var(--border);
        border-radius: 8px; /* მომრგვალება შემცირდა უფრო სუფთა იერისთვის */
        text-decoration: none;
        color: inherit;
        transition: 0.2s ease-in-out;
    }

    .channel-item:hover {
        background: var(--accent);
        color: white;
        transform: translateY(-2px);
    }

    .channel-item img {
        width: 32px; height: 32px;
        object-fit: contain;
        background: white;
        padding: 3px;
        border-radius: 4px;
    }

    .channel-item.active {
        border-left: 4px solid var(--accent); /* აქტიურზე ხაზი უკეთესად ჩანს */
        background: rgba(0, 122, 255, 0.05);
    }

    .theme-btn {
        background: none; border: none; font-size: 18px; cursor: pointer;
    }

    @media (max-width: 600px) {
        .channel-grid { grid-template-columns: 1fr 1fr; } /* მობილურზე 2 სვეტი უკეთესია */
        .main { padding-top: 58px; }
    }