:root{--black:#0a0a0a;--black2:#111111;--black3:#1a1a1a;--card-bg:#161616;--red:#e8142a;--white:#fff;--white70:rgba(255,255,255,.7);--white40:rgba(255,255,255,.4);--white10:rgba(255,255,255,.08);--gold:#d4a847;--green:#22c55e;--border:rgba(255,255,255,.08);--radius:10px;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{background:var(--black);color:var(--white);font-family:'Inter',sans-serif;font-size:14px;}
/* PAGE HERO */
.page-hero{padding:28px 16px;text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#1a0305 0%,var(--black) 100%);}
.page-title{font-family:'Inter',sans-serif;font-size:30px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px;}
.page-sub{font-size:13px;color:var(--white70);}
/* STATS */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border-bottom:1px solid var(--border);}
.si{background:var(--black2);padding:12px;text-align:center;}
.sv{font-family:'Inter',sans-serif;font-size:26px;letter-spacing:.5px;margin-bottom:1px;}
.sl{font-size:10px;color:var(--white40);text-transform:uppercase;letter-spacing:.5px;}
/* COUNTRY FILTER */
.country-bar{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none;border-bottom:1px solid var(--border);background:var(--black2); justify-content: center;}
.country-bar::-webkit-scrollbar{display:none;}
.cpill{background:var(--white10);border:1px solid var(--border);border-radius:16px;padding:5px 14px;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;color:var(--white70);transition:all .2s;flex-shrink:0;}
.cpill:hover,.cpill.active{background:var(--red);border-color:var(--red);color:var(--white);}
/* CONTENT */
.content{max-width:1200px;margin:0 auto;padding:20px 16px;}
.country-section{margin-bottom:32px;}
.country-title{font-family:'Inter',sans-serif;font-size:26px;font-weight:700;letter-spacing:-.2px;margin-bottom:14px;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.country-flag{font-size:24px;}
.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.city-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;display:block;position:relative;transition:transform .2s,border-color .2s;}
.city-card:hover{transform:translateY(-2px);border-color:rgba(232,20,42,.4);}
.city-card-img{width:100%;height:120px;object-fit:cover;display:block;background:var(--black3);filter:brightness(.5);}
.city-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,transparent 50%);}
.city-card-content{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;}
.city-card-flag{font-size:16px;margin-bottom:2px;}
.city-card-name{font-family:'Inter',sans-serif;font-size:18px;font-weight:700;letter-spacing:0;line-height:1;margin-bottom:4px;}
.city-card-meta{display:flex;align-items:center;gap:8px;}
.city-count{font-size:10px;color:var(--white70);background:rgba(0,0,0,.5);padding:2px 6px;border-radius:8px;}
.city-deals{font-size:10px;color:var(--green);font-weight:700;background:rgba(34,197,94,.15);padding:2px 6px;border-radius:8px;}
.city-hot{position:absolute;top:8px;right:8px;background:var(--red);color:var(--white);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 6px;border-radius:4px;}
/* COMING SOON */
.coming-soon{background:var(--card-bg);border:1px dashed var(--border);border-radius:var(--radius);padding:20px;text-align:center;color:var(--white40);}
.cs-icon{font-size:28px;margin-bottom:6px;}
.cs-label{font-size:12px;font-weight:600;margin-bottom:3px;}
.cs-sub{font-size:11px;}
/* BOTTOM NAV */
.bot{position:fixed;bottom:0;left:0;right:0;z-index:90;background:var(--black2);border-top:1px solid var(--border);display:flex;padding:8px 0 calc(8px + env(safe-area-inset-bottom));}
.bi{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--white40);text-decoration:none;}
.bi.active{color:var(--red);}
.bic{font-size:20px;}.bil{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;}
.bsp{height:70px;}
@media(min-width:768px){.bot,.bsp{display:none;}.city-grid{grid-template-columns:repeat(3,1fr);}}
@media(min-width:1024px){.city-grid{grid-template-columns:repeat(4,1fr);}}
.logo-img{height:28px;display:block;}
@media screen and (max-width: 768px){
  .country-bar{justify-content: flex-start;}
}