/* Services/CitiesIndex.cshtml — zhvendosur nga blloku <style> i view-t (auditi 10/2026, F2). */
    .gm-cities { --cc: var(--accent); padding-bottom: 48px; }
    .gm-cities .hero { background: var(--ink); color: var(--paper); padding: 46px 0 38px; }
    .gm-cities .wrap { max-width: 1160px; margin: 0 auto; padding: 0 16px; }
    .gm-cities .crumb { display: flex; gap: 8px; align-items: center; font-size: 13px; color: rgba(248,245,239,.65); margin-bottom: 16px; }
    .gm-cities .crumb a { color: inherit; text-decoration: none; }
    .gm-cities .crumb a:hover { color: var(--accent-text); }
    .gm-cities .crumb .cur { color: var(--paper); font-weight: 600; }
    .gm-cities h1 { font-size: clamp(28px,4vw,44px); font-weight: 800; letter-spacing: -.03em; margin: 0 0 10px; }
    .gm-cities h1 em { color: var(--accent-text); font-style: normal; }
    .gm-cities .lede { color: rgba(248,245,239,.75); max-width: 60ch; margin: 0; font-size: 16px; }
    .gm-cities .sec { padding-top: 34px; }
    .gm-cities .sec h2 { font-size: 20px; font-weight: 800; margin: 0 0 4px; letter-spacing: -.02em; }
    .gm-cities .sec p.note { color: var(--tx-soft); font-size: 14px; margin: 0 0 16px; }
    .gm-cities .grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(210px,1fr)); gap: 12px; }
    .gm-cities .ccard { display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 1px solid var(--line);
        border-radius: 16px; background: var(--card); text-decoration: none; color: inherit; transition: border-color .15s, transform .15s; }
    .gm-cities .ccard:hover { border-color: var(--accent); transform: translateY(-2px); }
    .gm-cities .ccard b { font-size: 16px; font-weight: 700; }
    .gm-cities .ccard span { font-size: 13px; color: var(--tx-soft); }
    .gm-cities .plain { display: flex; flex-wrap: wrap; gap: 8px; }
    .gm-cities .plain a { padding: 7px 12px; border-radius: 999px; border: 1px solid var(--line);
        background: var(--card); text-decoration: none; color: var(--tx-soft); font-size: 13.5px; }
    .gm-cities .plain a:hover { border-color: var(--accent); color: var(--accent-text); }
    @media (max-width:640px) { .gm-cities .grid { grid-template-columns: 1fr 1fr; } }