:root{--bg:#f6f4ef;--card:#fff;--ink:#1d2433;--muted:#6b7280;--line:#e7e2d8;--accent:#b4441f;--accent2:#1f4e78;--gold:#f2a516;--ok:#1f7a4d;--shadow:0 1px 2px rgba(29,36,51,.06),0 4px 14px rgba(29,36,51,.06)}
*{box-sizing:border-box}
img{max-width:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--accent2)}a:hover{color:var(--accent)}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.top{background:var(--ink);padding:16px 0}
.logo{color:#fff;text-decoration:none;font:700 20px/1 Arial,sans-serif;letter-spacing:.02em}
.logo::before{content:"★ ";color:var(--accent)}
main.wrap{padding:28px 16px 48px}
h1{font-size:32px;line-height:1.2;margin:8px 0 10px}
h2{font:700 20px/1.3 Arial,sans-serif;margin:36px 0 14px;padding-bottom:8px;border-bottom:2px solid var(--line)}
h3{font:700 16px/1.4 Arial,sans-serif;margin:18px 0 4px}
.lead{font-size:17px;margin:18px 0}
.sub{font:15px Arial,sans-serif;color:var(--muted);margin-top:0}
.muted{color:var(--muted);font:13px Arial,sans-serif}
.crumbs{font:13px Arial,sans-serif;color:var(--muted);margin:0 0 14px;padding:8px 12px;background:var(--card);border:1px solid var(--line);border-radius:999px;display:inline-block}
.crumbs a{text-decoration:none}

/* rating */
.rating{display:inline-block;background:var(--gold);color:#3b2a00;font:700 13px/1 Arial,sans-serif;padding:5px 8px;border-radius:6px}
.rc{color:var(--muted);font:13px Arial,sans-serif;margin-left:6px}
.rrow{margin:6px 0 4px}
.stars{position:relative;display:inline-block;font-size:18px;line-height:1;color:#d9d4c9;letter-spacing:2px}
.stars::before{content:"★★★★★"}
.stars i{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--gold)}
.stars i::before{content:"★★★★★"}

/* lists */
.links{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 18px}
.links li{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-family:Arial,sans-serif;font-size:15px}
.links a{text-decoration:none;font-weight:600}
.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-family:Arial,sans-serif;font-size:14px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-2px);box-shadow:0 6px 22px rgba(29,36,51,.12)}
.cardlink{display:block;color:inherit;text-decoration:none;padding:0 0 14px}
.cardlink>*:not(.thumb){margin-left:14px;margin-right:14px}
.cardlink strong{display:block;font-size:16px;line-height:1.3;color:var(--accent2);margin-top:14px}
.cardlink:hover strong{color:var(--accent)}
.thumb{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--line)}
.addr{color:var(--ink);margin-top:4px;font-size:13px}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
.hero.noimg{grid-template-columns:1fr}
.hero-img{border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:var(--line)}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.hero-body h1{margin:10px 0 6px}
.pill{display:inline-block;background:#fbeee8;color:var(--accent);font:700 12px/1 Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:7px 10px;border-radius:999px}
.loc{display:flex;align-items:center;gap:6px;font:15px Arial,sans-serif;color:var(--muted)}
.score{display:flex;align-items:center;gap:12px;margin:16px 0}
.score-num{font:700 40px/1 Arial,sans-serif;color:var(--ink);background:#fff7e6;border:1px solid #f6dfae;border-radius:12px;padding:10px 14px}
.score-side{display:flex;flex-direction:column;gap:4px}
.score-count{font:600 14px Arial,sans-serif;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:700 14px Arial,sans-serif;text-decoration:none}
.btn:hover{border-color:var(--accent2);color:var(--accent2)}
.btn-main{background:var(--accent);border-color:var(--accent);color:#fff}
.btn-main:hover{background:#9a3818;color:#fff;border-color:#9a3818}
.ic{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* panels */
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px 20px 16px;box-shadow:var(--shadow)}
.panel h2{display:flex;align-items:center;gap:8px;margin:14px 0 10px;border:0;padding:0;color:var(--accent2)}
.contact{list-style:none;margin:0;padding:0;font:15px/1.5 Arial,sans-serif}
.contact li{display:flex;gap:12px;padding:11px 0;border-top:1px solid var(--line)}
.contact li:first-child{border-top:0}
.contact .ic{color:var(--accent);margin-top:2px}
.lbl{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.hours{width:100%;border-collapse:collapse;font:15px Arial,sans-serif}
.hours th,.hours td{text-align:left;padding:9px 8px;border-top:1px solid var(--line)}
.hours tr:first-child th,.hours tr:first-child td{border-top:0}
.hours th{font-weight:600;width:45%}
.hours tr.closed td{color:var(--muted)}
.hours tr.today{background:#eef6f1}
.hours tr.today th,.hours tr.today td{color:var(--ok);font-weight:700}
.today-tag{display:inline-block;background:var(--ok);color:#fff;font:700 10px/1 Arial,sans-serif;padding:4px 6px;border-radius:4px;margin-left:6px;vertical-align:middle;text-transform:uppercase}

/* share */
.share{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:22px 0 0;padding:16px 18px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.share-h{font:700 15px Arial,sans-serif}
.share-btns{display:flex;flex-wrap:wrap;gap:8px}
.sb{display:inline-block;padding:8px 14px;border-radius:999px;color:#fff;font:700 13px Arial,sans-serif;text-decoration:none;border:0;cursor:pointer}
.sb:hover{opacity:.88;color:#fff}
.fb{background:#1877f2}.x{background:#111}.wa{background:#25d366}.em{background:#6b7280}.cp{background:var(--accent2)}

.map{width:100%;height:380px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.pager{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0;font-family:Arial,sans-serif}
.pager a,.pager span{padding:6px 11px;border:1px solid var(--line);border-radius:8px;background:var(--card);text-decoration:none}
.pager span{background:var(--ink);color:#fff}
.faq h3{margin-top:20px}
.faq p{margin-top:0}
.foot{border-top:1px solid var(--line);padding:22px 0;color:var(--muted);font:13px Arial,sans-serif}
@media(max-width:760px){
  h1{font-size:25px}
  .hero{grid-template-columns:1fr;gap:16px;padding:12px}
  .grid2{grid-template-columns:1fr}
  .score-num{font-size:32px}
  .map{height:300px}
}

/* home */
.home-hero{position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(135deg,#1d2433 0%,#1f4e78 60%,#b4441f 140%);color:#fff;padding:52px 36px;box-shadow:var(--shadow)}
.home-hero::after{content:"★";position:absolute;right:-20px;top:-60px;font-size:320px;line-height:1;color:rgba(255,255,255,.06);pointer-events:none}
.home-hero-in{position:relative;z-index:1;max-width:900px}
.home-hero h1{color:#fff;font-size:42px;margin:14px 0 10px}
.home-hero p{font-size:18px;opacity:.92;margin:0 0 22px}
.pill-light{background:rgba(255,255,255,.14);color:#fff}
.finder{display:flex;flex-wrap:wrap;gap:10px;background:#fff;padding:10px;border-radius:14px}
.finder select{flex:1 1 200px;padding:12px;border:1px solid var(--line);border-radius:10px;font:15px Arial,sans-serif;background:#fff;color:var(--ink)}
.finder button{padding:12px 22px;border:0;border-radius:10px;background:var(--accent);color:#fff;font:700 15px Arial,sans-serif;cursor:pointer}
.finder button:hover{background:#9a3818}
.hero-stats{display:flex;gap:28px;margin-top:24px;font-family:Arial,sans-serif}
.hero-stats b{display:block;font-size:26px}
.hero-stats span{font-size:13px;opacity:.8;text-transform:uppercase;letter-spacing:.06em}
.cat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.cat-tile{position:relative;display:block;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,var(--accent2),var(--ink));text-decoration:none;box-shadow:var(--shadow)}
.cat-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.cat-tile:hover img{transform:scale(1.06)}
.cat-tile-txt{position:absolute;left:0;right:0;bottom:0;padding:40px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.78));color:#fff;font-family:Arial,sans-serif}
.cat-tile-txt strong{display:block;font-size:17px}
.cat-tile-txt em{font-style:normal;font-size:13px;opacity:.85}
.city-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.city-tile{display:block;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:12px 14px;text-decoration:none;font-family:Arial,sans-serif;box-shadow:var(--shadow)}
.city-tile strong{display:block;color:var(--ink);font-size:16px}
.city-tile span{color:var(--muted);font-size:13px}
.city-tile:hover{border-color:var(--accent2)}
.feat-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:2px solid var(--line);margin:36px 0 14px}
.feat-h h2{border:0;margin:0;padding:0 0 8px}
.more{font:700 14px Arial,sans-serif;text-decoration:none;white-space:nowrap}
.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-block;padding:8px 14px;border-radius:999px;background:var(--card);border:1px solid var(--line);font:600 14px Arial,sans-serif;text-decoration:none;color:var(--ink)}
.chip span{color:var(--muted);font-weight:400}
.chip:hover{border-color:var(--accent);color:var(--accent)}
.allcities summary{cursor:pointer;font:700 15px Arial,sans-serif;color:var(--accent2);padding:10px 0}
.links-compact li{padding:5px 10px;font-size:14px}
@media(max-width:900px){.cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.home-hero{padding:32px 18px}.home-hero h1{font-size:28px}.hero-stats{gap:18px}.hero-stats b{font-size:21px}}
@media(max-width:520px){.cards-4{grid-template-columns:1fr}.cat-tiles{grid-template-columns:repeat(2,1fr)}}
.cat-tile.illus .cat-tile-txt{background:linear-gradient(transparent,rgba(0,0,0,.55))}
.city-tile{position:relative;overflow:hidden}
.city-tile.has-img{aspect-ratio:4/3;padding:0;border:0;border-radius:16px;background:var(--ink)}
.city-tile.has-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.city-tile.has-img:hover img{transform:scale(1.06)}
.city-tile.has-img .city-tile-txt{position:absolute;left:0;right:0;bottom:0;padding:36px 14px 12px;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.city-tile.has-img strong{color:#fff;font-size:17px}
.city-tile.has-img .city-tile-txt span{color:rgba(255,255,255,.85);font-size:13px}
.city-tile-txt{display:block}
.city-tile-txt span{display:block}
.finder input[type=search]{flex:2 1 240px;padding:12px;border:1px solid var(--line);border-radius:10px;font:15px Arial,sans-serif;min-width:0}
.finder-page{border:1px solid var(--line);box-shadow:var(--shadow);margin:6px 0 18px}
.top .wrap{display:flex;align-items:center;justify-content:space-between}
.topsearch{color:#fff;text-decoration:none;font:700 14px Arial,sans-serif;padding:8px 14px;border:1px solid rgba(255,255,255,.3);border-radius:999px}
.topsearch:hover{background:rgba(255,255,255,.1);color:#fff}
@media(max-width:520px){.finder input[type=search]{width:100%;flex:none}}
.thumb.ph{object-fit:cover;opacity:.92}
.footnav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:10px}
.footnav a{color:var(--muted);text-decoration:none;font-weight:600}
.footnav a:hover{color:var(--accent2)}
.prose{max-width:760px}
.prose ul{padding-left:20px}
.cform{display:flex;flex-direction:column;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow);font-family:Arial,sans-serif;margin:16px 0}
.cform label{display:flex;flex-direction:column;gap:6px;font:700 14px Arial,sans-serif}
.cform input,.cform select,.cform textarea{padding:11px 12px;border:1px solid var(--line);border-radius:10px;font:15px Arial,sans-serif;background:#fff;color:var(--ink);width:100%}
.cform textarea{resize:vertical}
.cform button{align-self:flex-start;padding:12px 22px;border:0;border-radius:10px;background:var(--accent);color:#fff;font:700 15px Arial,sans-serif;cursor:pointer}
.cform button:hover{background:#9a3818}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.notice{padding:12px 16px;border-radius:10px;font:15px Arial,sans-serif;margin:12px 0}
.notice.ok{background:#eef6f1;color:var(--ok);border:1px solid #cfe6d8}
.notice.err{background:#fdecea;color:#9b1c1c;border:1px solid #f5c2bd}
.owner{font:14px Arial,sans-serif;color:var(--muted);margin:14px 0 0}
@media(max-width:600px){.row2{grid-template-columns:1fr}}
/* acik / kapali durumu */
.st{display:inline-block;font:700 12px/1 Arial,sans-serif;padding:6px 9px;border-radius:999px;white-space:nowrap}
.st.is-open{background:#e7f4ec;color:var(--ok);border:1px solid #c6e3d2}
.st.is-closed{background:#fbeeee;color:#a23b3b;border:1px solid #f0d2d2}
.strow{margin:2px 0 6px}
.hero-st{margin:8px 0 2px}
.st-line{margin:0 0 12px}
.rev .rev-row{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.rev .rev-row>span:last-child{display:flex;flex-direction:column;gap:4px}
.rev p{margin:0}
/* kategori sayfasi: sehir listesi */
.ctl{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 10px}
@media (max-width:600px){.ctl{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ctl a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;text-decoration:none;font:600 15px Arial,sans-serif;color:var(--accent2);transition:border-color .15s,box-shadow .15s}
.ctl a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ctl a b{flex:none;font:700 12px/1 Arial,sans-serif;color:var(--muted);background:#f1ede4;border-radius:999px;padding:5px 8px}
.ctl a:hover{border-color:var(--accent2);box-shadow:var(--shadow)}
.ctl a:hover b{background:var(--accent2);color:#fff}
.ctl .off{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f7f5f0;border:1px dashed var(--line);border-radius:10px;padding:9px 12px;font:600 15px Arial,sans-serif;color:var(--muted)}
.ctl .off span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ctl .off b{flex:none;font:700 12px/1 Arial,sans-serif;color:var(--muted);background:#ece8df;border-radius:999px;padding:5px 8px}
.allcities .ctl{margin-top:12px}
.ctl-wide{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
@media (max-width:600px){.ctl-wide{grid-template-columns:1fr}}
/* uzun listeler: arama + "show all" */
.ctl-tools{display:flex;align-items:center;gap:12px;margin:0 0 12px}
.ctl-q{width:100%;max-width:340px;font:15px Arial,sans-serif;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);outline:none}
.ctl-q:focus{border-color:var(--accent2);box-shadow:0 0 0 3px rgba(31,78,120,.12)}
.ctl-cut li:nth-child(n+21){display:none}
.ctl li[hidden]{display:none!important}
.ctl-more{margin:14px auto 0;display:block;font:700 14px Arial,sans-serif;color:var(--accent2);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:10px 20px;cursor:pointer}
.ctl-more:hover{border-color:var(--accent2)}
.ctl-more[hidden]{display:none}
.ctl-box:not(.searching) .ctl-top{display:none}
/* sektor kartlari */
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.gcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow);font-family:Arial,sans-serif}
.gcard h3{margin:0;font:700 18px Arial,sans-serif}
.gcard h3 a{text-decoration:none;color:var(--ink)}
.gcard h3 a:hover{color:var(--accent)}
.gcount{display:block;color:var(--muted);font-size:13px;margin:4px 0 12px}
.gcard ul{list-style:none;padding:0;margin:0 0 12px}
.gcard li{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid #f1ede4;font-size:15px}
.gcard li a{text-decoration:none;color:var(--accent2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gcard li a:hover{text-decoration:underline}
.gcard li span{color:var(--muted);font-size:13px;flex:none}
.gmore{font:700 14px Arial,sans-serif;color:var(--accent);text-decoration:none}
h3.gh{font:700 16px Arial,sans-serif;margin:22px 0 10px;color:var(--ink)}
h3.gh span{color:var(--muted);font-weight:400;font-size:13px}
.gtiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.gtile{display:block;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--accent2);border-radius:10px;padding:12px 14px;text-decoration:none;font-family:Arial,sans-serif;transition:border-color .15s,box-shadow .15s}
.gtile strong{display:block;color:var(--ink);font-size:15px;line-height:1.3}
.gtile span{color:var(--muted);font-size:12px}
.gtile:hover{border-color:var(--accent);box-shadow:var(--shadow)}
.gtile:hover strong{color:var(--accent)}
@media (max-width:600px){.gtiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gtiles{grid-template-columns:repeat(6,minmax(0,1fr))}
.gtile{padding:10px 12px}
@media (max-width:900px){.gtiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.gtiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v20: tek satir arama + kategori menusu */
.home-hero-in{max-width:none}
.home-hero h1,.home-hero p{max-width:900px}
@media(min-width:900px){
  .home-hero .finder{flex-wrap:nowrap}
  .home-hero .finder input[type=search]{flex:1.6 1 0}
  .home-hero .finder select{flex:1 1 0;min-width:0}
  .home-hero .finder button{flex:none}
}
.catnav{background:#2a3347;border-top:1px solid rgba(255,255,255,.08);font-family:Arial,sans-serif;position:relative;z-index:20}
.catnav>.wrap>ul{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.catnav>.wrap>ul>li{position:relative}
.catnav>.wrap>ul>li>a{display:block;color:#e8ecf3;text-decoration:none;font:700 13.5px/1 Arial,sans-serif;padding:13px 10px;white-space:nowrap}
.catnav>.wrap>ul>li:hover>a,.catnav>.wrap>ul>li:focus-within>a{background:rgba(255,255,255,.1);color:#fff}
.catdd{display:none;position:absolute;left:0;top:100%;min-width:240px;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px;box-shadow:0 10px 30px rgba(29,36,51,.18);padding:8px 0}
.catnav li:hover>.catdd,.catnav li:focus-within>.catdd{display:block}
.catdd ul{list-style:none;margin:0;padding:0}
.catdd a{display:block;padding:8px 16px;color:var(--ink);text-decoration:none;font-size:14px}
.catdd a:hover{background:var(--bg);color:var(--accent)}
.catdd .catdd-all{border-top:1px solid var(--line);margin-top:6px;padding-top:10px;color:var(--accent2);font-weight:700}
@media(max-width:760px){
  .catnav>.wrap>ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .catnav>.wrap>ul::-webkit-scrollbar{display:none}
  .catdd,.catnav li:hover>.catdd,.catnav li:focus-within>.catdd{display:none}
}
.catnav>.wrap>ul>li:nth-last-child(-n+2) .catdd{left:auto;right:0}
.costs{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin:28px 0;box-shadow:var(--shadow)}
.costs h2{margin:0 0 10px}
.costs ul{list-style:none;margin:0;padding:0}
.costs li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);font:15px/1.4 Arial,sans-serif}
.costs li:first-child{border-top:0}
.costs li span{color:var(--muted);white-space:nowrap}
.costs p{margin:10px 0 0;font:14px/1.4 Arial,sans-serif}
.insights{margin:28px 0}.insights h2{margin:26px 0 8px}.insights p{margin:0 0 14px;line-height:1.65}
.insights .tbl{overflow-x:auto;margin:6px 0 18px}.insights table{width:100%;border-collapse:collapse;font-size:.95em}
.insights th,.insights td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.1)}