/* 1. # */
    * { box-sizing: border-box; }
    body { margin: 0; background: #f4f7f9; font-family: sans-serif; overflow-x: hidden; }

    /* 2. Header & H1 Optimization */
    header { 
        display: flex; align-items: center; justify-content: space-between; 
        padding: 10px 15px; border-bottom: 2px solid #005baa; 
        background: #fff; position: sticky; top: 0; z-index: 1000; 
    }
    .main-title { 
        font-size: 15px; color: #005baa; text-align: center; 
        flex: 1; font-weight: bold; margin: 0 10px; line-height: 1.2; 
    }
    @media (min-width: 768px) { .main-title { font-size: 26px; } }

    /* 3. Business Card & Verified Badge */
    .m-card { 
        background: #fff; border-radius: 10px; padding: 15px; 
        margin-bottom: 15px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); 
        border-left: 5px solid #005baa; width: 100%;
    }
    .paid-card { border-left: 5px solid #2ecc71; background: #f9fff9; }

    /* 4. Buttons: Horizontal & Responsive பிக்ஸ் */
    .btn-box { 
        display: flex; gap: 8px; margin-top: 12px; 
        flex-wrap: wrap; justify-content: flex-start; 
    }
    .a2v-btn-sm { 
        padding: 8px 12px; border-radius: 4px; text-decoration: none; 
        font-size: 11px; font-weight: bold; text-align: center; 
        color: #fff; flex: 1; min-width: 80px; max-width: 150px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1); 
    }

    /* 5. Master List & Search Box பிக்ஸ் (வெளியே போகாது) */
    .folder-search-container { margin: 15px 0; width: 100%; }
    .folder-search-form { display: flex; width: 100%; }
    .folder-search-input { 
        flex: 1; padding: 12px; border: 2px solid #ff8c00; 
        border-radius: 10px 0 0 10px; font-size: 14px; outline: none; 
        background-color: #fffcf5; width: 100%; min-width: 0; /* Important fix */
    }
    .folder-search-btn { 
        padding: 12px 15px; background-color: #ff8c00; color: white; 
        border: 2px solid #ff8c00; border-radius: 0 10px 10px 0; 
        font-weight: bold; font-size: 13px; 
    }

    /* 6. Scrolling Items */
    .scroll-container { 
        display: flex; overflow-x: auto; white-space: nowrap; 
        gap: 10px; padding: 10px 0; -webkit-overflow-scrolling: touch; 
        scrollbar-width: none; 
    }
    .scroll-container::-webkit-scrollbar { display: none; }
    .scroll-item { 
        flex: 0 0 auto; background: #fff; padding: 6px 14px; 
        border-radius: 20px; text-decoration: none; color: #005baa; 
        font-size: 11px; font-weight: bold; border: 1px solid #005baa; 
    }

    /* 7. Master Categories Table/List பிக்ஸ் */
    [id^="myUL-"] { padding: 0; margin: 0; width: 100%; list-style: none; }
    [id^="myUL-"] li a { 
        display: block; width: 100%; border: 1px solid #ddd; 
        background: #fff; padding: 12px 12px 12px 35px; 
        margin-bottom: 8px; border-radius: 8px; text-decoration: none; 
        color: #333; position: relative; font-size: 14px;
        overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    }
    [id^="myUL-"] li a::before { content: '\25B6'; position: absolute; left: 12px; color: #28a745; }

    /* 8. Filter Input */
    .filter-input { 
        width: 100% !important; padding: 12px !important; 
        border: 2px solid #0d47a1 !important; border-radius: 10px !important; 
        margin-bottom: 15px; outline: none; 
    }

    /* Advertise Section Dashed Border பிக்ஸ் */
    #advertise-section-master {
        text-align: center; padding: 15px; background-color: #fff; 
        border: 2px dashed #0d47a1; border-radius: 10px; 
        margin-bottom: 20px; width: 100%;
    }