/* பொதுவான பாடி செட்டிங்ஸ் */
    body { 
        font-family: sans-serif; 
        margin: 0; 
        padding: 10px; 
        background: #fcfcfc; 
    }

    /* ஹெடர் - லோகோ மற்றும் டைட்டில் வரிசை */
    header { 
        display: flex; 
        align-items: center; 
        justify-content: space-between; 
        padding: 10px; 
        position: sticky; 
        top: 0; 
        background: #fff; 
        z-index: 100; 
        border-bottom: 1px solid #eee; 
    }

    .h1-text { 
        font-size: 16px; 
        margin: 0; 
        color: #005baa; 
        text-align: center; 
        flex: 1; 
        font-weight: bold; 
        text-transform: uppercase; 
    }
    
    /* செங்குத்தான கார்டு அமைப்பு */
    .v-box { 
        margin: 15px 0; 
    }

    .m-grid { 
        display: flex; 
        flex-direction: column; 
        gap: 15px; 
    } 
    
    /* கார்டு ஸ்டைல் மற்றும் நிழல் (Shadow) */
    .m-card { 
        background: #fff; 
        border-radius: 12px; 
        padding: 15px; 
        box-shadow: 0 4px 15px rgba(0,0,0,0.08); 
        border: 1px solid #f0f0f0;
        position: relative;
    }

    /* பெய்டு மற்றும் ஃப்ரீ கார்டுகளுக்கான பார்டர் வேறுபாடு */
    .card-paid { 
        border-left: 6px solid #1a7d32; 
    } 

    .card-free { 
        border-left: 6px solid #005baa; 
    }

    /* கார்டுக்குள் இருக்கும் கால் மற்றும் ரீட் மோர் பட்டன்கள் */
    .btn-box { 
        display: flex; 
        gap: 10px; 
        margin-top: 15px; 
    }

    .btn-call { 
        background: #1a7d32; 
        color: #fff !important; 
        padding: 8px 15px; 
        text-decoration: none; 
        border-radius: 6px; 
        font-weight: bold; 
        font-size: 13px; 
        display: flex; 
        align-items: center; 
        gap: 5px; 
    }

    .btn-read { 
        background: #005baa; 
        color: #fff !important; 
        padding: 8px 15px; 
        text-decoration: none; 
        border-radius: 6px; 
        font-size: 13px; 
    }
    
    /* பட்டன்களைப் பக்கவாட்டில் அடுக்க Flexbox அமைப்பு */
    .action-buttons { 
        display: flex; 
        gap: 10px; 
        margin-top: 12px; 
        justify-content: flex-start;
    }

    /* View More Button - நீல நிறம் (Blue) */
    .btn-view-more { 
        background: #005baa; 
        color: #fff !important; 
        padding: 8px 15px; 
        border-radius: 4px; 
        text-decoration: none; 
        font-weight: bold; 
        font-size: 11px; 
        text-transform: uppercase;
        display: inline-block;
    }

    /* Advertise With Us Button - பச்சை நிறம் (Green) */
    .btn-adv { 
        background: #1a7d32; 
        color: #fff !important; 
        padding: 8px 15px; 
        border-radius: 4px; 
        text-decoration: none; 
        font-weight: bold; 
        font-size: 11px; 
        text-transform: uppercase;
        display: inline-block;
    }

    /* அபௌட் செக்ஷன் மற்றும் மேப் ஷேடோ */
    article { 
        background:#fff; 
        padding:15px; 
        border-radius:12px; 
        border:1px solid #eee; 
        margin-top:25px; 
        box-shadow: 0 2px 8px rgba(0,0,0,0.04); 
    }
/* மொபைலுக்கான முக்கியமான Font Size மற்றும் Size திருத்தம் */
    @media screen and (max-width: 600px) {
        /* லோகோ அளவை மொபைலுக்கு ஏற்ப மாற்றுதல் */
        header img { 
            height: 50px !important; 
        }

        /* இன்ஸ்டால் பட்டன் அளவை அட்ஜஸ்ட் செய்தல் */
        header div[style*="background:#005baa"] {
            padding: 3px 6px !important;
            font-size: 12px !important;
            line-height: 1.8 !important;
            min-width: 60px !important;
        }

        .h1-text { font-size: 16px !important; }
        .m-card strong { font-size: 16px !important; line-height: 1.4; }
        .m-card span { font-size: 14px !important; margin-top: 5px; }
        
        .btn-call, .btn-read { 
            font-size: 12px !important; 
            padding: 8px 10px !important; 
        }
        
        .action-buttons { flex-wrap: wrap; }
        .btn-view-more, .btn-adv { 
            font-size: 12px !important; 
            padding: 10px 5px !important; 
            flex: 1; 
            text-align: center; 
        }

/* --- A2V Multi-City Listing Design --- */
body { font-family: sans-serif; margin: 0; padding: 10px; background: #fcfcfc; }
header { display: flex; align-items: center; justify-content: space-between; padding: 10px; position: sticky; top: 0; background: #fff; z-index: 100; border-bottom: 1px solid #eee; }
.m-card { background: #fff; border-radius: 12px; padding: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); border: 1px solid #f0f0f0; margin-bottom:15px; }

/* Loader Spinner */
#biz-list-ajax { margin: 30px auto; text-align: center; }
.a2v-loader { border: 4px solid #f3f3f3; border-top: 4px solid #0d47a1; border-radius: 50%; width: 35px; height: 35px; animation: spin 1s linear infinite; display: inline-block; }
.a2v-loading-text { color: #222 !important; font-size: 14px; font-weight: bold; margin-top: 15px; display: block; }

/* Master List Styles */
[id^="myUL-"] { list-style: none; padding: 0; }
[id^="myUL-"] li a { border: 1px solid #ddd; background: #fff; padding: 15px 15px 15px 40px; text-decoration: none; font-size: 16px; color: #333; display: block; border-radius: 8px; position: relative; margin-bottom: 10px; transition: 0.3s; }
[id^="myUL-"] li a::before { content: '\25B6'; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #28a745; font-size: 12px; }

.special-link { background-color: #fff8e1 !important; border: 1px solid #ff8c00 !important; font-weight: bold; }
.special-header { display: block; color: #e65100; font-size: 14px; font-weight: bold; border-bottom: 2px solid #ff8c00; margin: 20px 0 10px 0; padding-bottom: 5px; width: fit-content; }

/* Filter Box */
.filter-input { width: 100%; padding: 12px 15px; border: 2px solid #0d47a1; border-radius: 10px; margin-bottom: 20px; box-sizing: border-box; font-size: 16px; outline: none; }

/* Slider Animation */
.a2v-scroll-container { width: 100%; overflow: hidden; white-space: nowrap; padding: 10px 0; margin-bottom: 25px; }
.a2v-scroll-content { display: inline-flex; gap: 15px; animation: scroll-left 40s linear infinite; }
.a2v-scroll-content img { height: 150px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }

@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
@keyframes scroll-left { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

/* Mobile Responsive */
@media screen and (max-width: 600px) {
    .action-buttons { flex-wrap: wrap; display: flex; gap: 10px; }
    .btn-view-more, .btn-adv { flex: 1; text-align: center; padding: 10px; font-size: 12px; }
/* இந்த கோடை உங்க <style> செக்ஷன்ல கடைசியா சேர்த்துடுங்க */
.a2v-loading-text {
    color: #800000 !important;   /* எழுத்து கலர்: இங்க டார்க் கலர் மாத்திக்கலாம் */
    font-size: 14px !important; /* எழுத்து அளவு: 16px அல்லது 18px-னு மாத்தலாம் */
    font-weight: bold;        /* எழுத்து தடிமன் */
    margin-top: 15px;         /* ஸ்பின்னருக்கும் எழுத்துக்கும் இடைவெளி */
    display: block;           /* புது வரியில வர வைக்கும் */
    text-align: center;       /* சென்டராக காட்டும் */
}}