/* Services/City.cshtml — zhvendosur nga blloku <style> i view-t (auditi 10/2026, F2). */
    .gm-city { padding-bottom: 48px; }
    .gm-city .wrap { max-width: 1160px; margin: 0 auto; padding: 0 16px; }
    .gm-city .hero { background: var(--ink); color: var(--paper); padding: 46px 0 38px; }
    .gm-city .crumb { display: flex; gap: 8px; align-items: center; font-size: 13px; color: rgba(248,245,239,.65); margin-bottom: 16px; flex-wrap: wrap; }
    .gm-city .crumb a { color: inherit; text-decoration: none; }
    .gm-city .crumb a:hover { color: var(--accent-text); }
    .gm-city .crumb .cur { color: var(--paper); font-weight: 600; }
    .gm-city h1 { font-size: clamp(28px,4vw,44px); font-weight: 800; letter-spacing: -.03em; margin: 0 0 10px; }
    .gm-city .lede { color: rgba(248,245,239,.75); max-width: 62ch; margin: 0 0 18px; font-size: 16px; }
    .gm-city .hstats { display: flex; gap: 22px; flex-wrap: wrap; }
    .gm-city .hstats div { display: flex; flex-direction: column; }
    .gm-city .hstats b { font-size: 22px; font-weight: 800; }
    .gm-city .hstats span { font-size: 12.5px; color: rgba(248,245,239,.6); }
    .gm-city .sec { padding-top: 34px; }
    .gm-city .sec h2 { font-size: 20px; font-weight: 800; margin: 0 0 4px; letter-spacing: -.02em; }
    .gm-city .sec p.note { color: var(--tx-soft); font-size: 14px; margin: 0 0 16px; }
    .gm-city .cgrid { display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: 12px; }
    .gm-city .ccard { display: flex; gap: 12px; align-items: center; padding: 14px; border: 1px solid var(--line);
        border-radius: 16px; background: var(--card); text-decoration: none; color: inherit; transition: border-color .15s, transform .15s; }
    .gm-city .ccard:hover { border-color: var(--cc,var(--accent)); transform: translateY(-2px); }
    .gm-city .ccard .ic { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center;
        background: color-mix(in oklab, var(--cc,var(--accent)) 14%, #fff); color: var(--cc,var(--accent)); font-size: 18px; }
    .gm-city .ccard .ic img { width: 22px; height: 22px; object-fit: contain; }
    .gm-city .ccard b { display: block; font-size: 15px; font-weight: 700; }
    .gm-city .ccard span { font-size: 12.5px; color: var(--tx-soft); }
    .gm-city .plain { display: flex; flex-wrap: wrap; gap: 8px; }
    .gm-city .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-city .plain a:hover { border-color: var(--accent); color: var(--accent-text); }
    .gm-city .mgrid { display: grid; grid-template-columns: repeat(auto-fill,minmax(240px,1fr)); gap: 12px; }
    .gm-city .mcard { display: flex; gap: 12px; align-items: center; padding: 12px; border: 1px solid var(--line);
        border-radius: 16px; background: var(--card); text-decoration: none; color: inherit; }
    .gm-city .mcard:hover { border-color: var(--accent); }
    .gm-city .mcard .av { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 50%; overflow: hidden;
        background: var(--paper-2); display: grid; place-items: center; font-weight: 800; color: var(--tx-soft); }
    .gm-city .mcard .av img { width: 100%; height: 100%; object-fit: cover; }
    .gm-city .mcard b { font-size: 14.5px; font-weight: 700; display: block; }
    .gm-city .mcard span { font-size: 12.5px; color: var(--tx-soft); }
    .gm-city .cta { margin-top: 32px; padding: 24px; border-radius: 20px; background: var(--ink); color: var(--paper); text-align: center; }
    .gm-city .cta h3 { font-size: 20px; font-weight: 800; margin: 0 0 6px; }
    .gm-city .cta p { color: rgba(248,245,239,.7); margin: 0 0 14px; }
    @media (max-width:640px) { .gm-city .cgrid, .gm-city .mgrid { grid-template-columns: 1fr; } }