.hero-title{text-align:center;margin-bottom:20px}
.hero-title h1{font-weight:600;font-size:40px;letter-spacing:2px;margin-bottom:0}
.pink-strong{color:var(--accent)}
.hero-sub{color:var(--text);font-size:19px}
.cat-card{background:var(--panel);border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.cat-card img{width:100%;height:180px;object-fit:cover}
.cat-body{padding:15px}
.cat-title{font-size:20px;font-weight:700}
.cat-desc{color:var(--muted);font-size:14px;margin-bottom:10px}
.cat-links a{font-size:13px;color:var(--accent);text-decoration:none;display:block;margin-bottom:6px}
.telegram-banner{border:2px solid rgba(255,75,122,.25);border-radius:6px;padding:6px;margin:25px auto}
.telegram-banner img{width:100%;border-radius:6px}
@media(max-width:576px){
.hero-title h1{font-size:31px}
.telegram-banner.container-custom{padding-left:15px;padding-right:15px}
}

/* ===============================
   MAIN TITLE
================================ */
.city-main-title{
    text-align:center;
    font-size:32px;
    font-weight:800;
    margin-bottom:30px;
    color:#fff;
}
.city-main-title span{
    color:#ff0079;
}

/* ===============================
   COUNTRY LIST WRAPPER
================================ */
.country-list{
    background:#1f1f1f;
    padding:30px 0;
}

/* ===============================
   COUNTRY ITEM
================================ */
.country-item{
    background:var(--footer);
    
    margin-bottom: 0;  
   border-bottom: 1px solid rgba(255, 0, 89, 0.35);

    overflow:hidden;
}

/* HEADER */
.country-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 18px;
    cursor:pointer;
    transition:.25s;
}
.country-header:hover{
    background:var(--footer);
}

.country-left{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:16px;
    font-weight:600;
    color:#fff;
}
.country-left img{
    width:28px;
    height:20px;
    object-fit:cover;
    border-radius:2px;
}

/* ARROW */
.country-header .arrow{
    color:#aaa;
    transition:.3s;
}
.country-header[aria-expanded="true"] .arrow,
.country-header:not(.collapsed) .arrow{
    transform:rotate(90deg);
    color:#fff;
    
}

/* ===============================
   COUNTRY BODY
================================ */
.country-body{
    padding:15px 25px 20px;
    background:var(--footer);
}

/* STATE */
.state-block{
    margin-bottom:18px;
}
.state-block h3{
    font-size:16px;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
}

/* CITY LINKS */
.city-link{
    display:block;
    padding:6px 0;
    color:#ddd;
    font-size:14px;
    text-decoration:none;
    transition:.2s;
}
.city-link:hover{
    color:#ff0079;
    text-decoration:underline;
}
/* CLOSED STATE */
.country-item{
    border-bottom: 1px solid rgba(255, 0, 89, 0.35);
    transition: border-color .25s ease;
}

/* OPEN STATE (ARIA BASED – 100% reliable) */
.country-header[aria-expanded="true"]{
     border-bottom: 1px solid rgba(255, 0, 89, 0.35);
}


/* ===============================
   MOBILE
================================ */
@media(max-width:768px){
    .city-main-title{
        font-size:22px;
    }
    .country-header{
        padding:12px 14px;
    }
    .country-left{
        font-size:14px;
    }
    .city-link{
        font-size:13px;
    }
}