/* FINAL 5.5: Gradovi hub + mobile audio fix */
.gradovi-page{padding:58px 0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(0,0,0,.08));}
.gradovi-page .container{max-width:1120px;text-align:center;}
.gradovi-intro{max-width:880px;margin:0 auto 28px;color:rgba(255,255,255,.82);line-height:1.8;}
.gradovi-search{max-width:680px;margin:26px auto 30px;display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;}
.gradovi-search input{width:min(100%,520px);border:1px solid rgba(212,175,55,.32);background:rgba(0,0,0,.28);color:#fff;border-radius:999px;padding:15px 18px;font-size:16px;outline:none;}
.gradovi-search input:focus{border-color:rgba(246,226,154,.75);box-shadow:0 0 0 4px rgba(212,175,55,.12);}
.gradovi-count{color:#f1d27a;font-weight:900;font-size:13px;letter-spacing:.08em;text-transform:uppercase;}
.gradovi-letters{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:0 auto 28px;}
.gradovi-letters a{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.05);border-radius:999px;padding:8px 11px;color:#fff;font-weight:800;font-size:13px;}
.gradovi-letters a:hover{border-color:rgba(212,175,55,.55);color:#f1d27a;}
.gradovi-section{margin:28px auto 34px;text-align:left;}
.gradovi-section h2{text-align:center;color:#f1d27a;margin:0 auto 18px;font-size:clamp(24px,3vw,34px);}
.gradovi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.gradovi-card{display:flex;align-items:center;justify-content:center;min-height:54px;text-align:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);border-radius:16px;padding:12px 10px;color:#fff;font-weight:850;line-height:1.25;transition:.18s ease;}
.gradovi-card:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.45);color:#f1d27a;background:rgba(212,175,55,.08);}
.gradovi-no-results{display:none;margin:22px auto;color:#f1d27a;font-weight:800;}
.music-fab{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.music-fab[aria-pressed="true"]{border-color:rgba(246,226,154,.9)!important;}
@media(max-width:900px){.gradovi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.gradovi-page{padding:44px 0;}}
@media(max-width:480px){.gradovi-grid{grid-template-columns:1fr}.gradovi-card{min-height:50px}.gradovi-search input{font-size:16px;padding:14px 16px}.gradovi-letters a{padding:7px 10px}.music-fab{z-index:100000!important;}}