/* kategori hero */
.cat-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#0E7FB0,#108FC4 55%,#2BA3D6);color:#fff}
.cat-hero::before,.cat-hero::after{content:"";position:absolute;border-radius:50%;border:2px solid rgba(255,255,255,.12)}
.cat-hero::before{width:380px;height:380px;right:4%;top:-170px}
.cat-hero::after{width:180px;height:180px;right:14%;top:-40px;background:rgba(255,255,255,.06)}
.cat-hero__in{position:relative;z-index:1;padding-top:20px;padding-bottom:18px}
.crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.82);list-style:none;margin:0;padding:0}
.crumb li+li::before{content:"›";margin-right:6px;opacity:.7}
.crumb a:hover{color:#fff;text-decoration:underline}
.crumb [aria-current]{color:#fff}
.cat-hero h1{font-size:34px;font-weight:800;letter-spacing:-.02em;margin-top:8px}
.cat-hero p{margin:6px 0 0;font-size:14.5px;color:rgba(255,255,255,.9);max-width:720px}
.cat-hero+.ring-line{height:4px;background:var(--ring)}
/* ilçe şeridi */
.chips{display:flex;align-items:stretch;gap:6px;margin-top:16px;position:relative}
.chips__scroller{flex:1 1 auto;min-width:0;overflow:hidden;position:relative}
.chips__scroller::before,.chips__scroller::after{content:"";position:absolute;top:0;bottom:0;width:28px;pointer-events:none;z-index:2;opacity:0;transition:opacity .2s}
.chips__scroller::before{left:0;background:linear-gradient(90deg,#108FC4,transparent)}
.chips__scroller::after{right:0;background:linear-gradient(270deg,#2BA3D6,transparent)}
.chips[data-shadow-left="1"] .chips__scroller::before{opacity:1}
.chips[data-shadow-right="1"] .chips__scroller::after{opacity:1}
.chips ul{display:flex;gap:6px;list-style:none;margin:0;padding:2px 16px 2px 16px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
@media (max-width:760px){
  .cat-hero .chips ul{padding-left:0;padding-right:0;scroll-padding-inline:max(var(--space-4),env(safe-area-inset-right,0px))}
}
.chips ul::-webkit-scrollbar{display:none}
.chips.is-dragging ul{scroll-behavior:auto;cursor:grabbing;user-select:none}
.chips.is-dragging a{pointer-events:none}
.chips li{flex:none;scroll-snap-align:start}
.chips a{display:block;white-space:nowrap;font-size:13px;font-weight:700;line-height:1;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#fff}
.chips a:hover{background:rgba(255,255,255,.24);color:#fff}
.chips a[aria-current]{background:#fff;color:#0E7FB0;border-color:#fff}
.chips__btn{flex:none;width:34px;height:34px;border-radius:50%;border:0;background:#fff;color:#0E7FB0;display:grid;place-items:center;box-shadow:0 2px 8px rgba(0,0,0,.18);cursor:pointer;align-self:center}
.chips__btn[hidden]{display:none}
.chips__btn svg{width:16px;height:16px}
/* samsun son dakika */
.sbreak{background:#fff;border-bottom:1px solid var(--line)}
.sbreak__in{display:flex;align-items:center;gap:14px;height:42px;overflow:hidden}
.sbreak__label{flex:none;display:flex;align-items:center;gap:8px;background:var(--red);color:#fff;font-weight:800;font-size:11.5px;letter-spacing:.05em;padding:6px 11px;border-radius:6px}
.sbreak__label i{width:7px;height:7px;border-radius:50%;background:#fff}
.sbreak ul{display:flex;gap:34px;list-style:none;margin:0;padding:0;overflow:hidden;white-space:nowrap;flex:1;mask-image:linear-gradient(90deg,#000 92%,transparent)}
.sbreak li{font-size:14px;font-weight:600}
.sbreak li b{color:var(--red);margin-right:6px}
.sbreak a:hover{color:var(--red)}
/* sayfa içerik */
.cat-main{padding-top:24px;padding-bottom:48px}
.cat-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px}
.cat-top--solo{grid-template-columns:1fr}
.cat-lead{aspect-ratio:16/9.4}
.cat-lead .ov__txt{padding:26px 28px}
.cat-lead .ov__txt h3{font-size:30px}
.cat-lead .ov__txt p{margin:8px 0 0;color:rgba(255,255,255,.88);font-size:15px;max-width:700px}
.cat-side{display:grid;grid-template-rows:1fr 1fr;gap:20px}
.cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:20px}
.card{position:relative}
.row{position:relative}
/* ilçe sayfası */
.ilce{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.empty{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:28px 28px 26px;display:flex;gap:20px;align-items:flex-start}
.empty__ic{flex:none;width:52px;height:52px;border-radius:14px;background:#E7F4FA;color:var(--blue);display:grid;place-items:center}
.empty__ic svg{width:26px;height:26px}
.empty h2{font-size:20px;font-weight:800}
.empty p{margin:6px 0 0;color:var(--muted);font-size:14.5px;max-width:560px}
.empty__act{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;font-weight:700;font-size:14px;border:1px solid var(--line);background:#fff;color:var(--ink-d)}
.btn--pri{background:var(--blue);border-color:var(--blue);color:#fff}
.btn--pri:hover{color:#fff;background:#0E7FB0}
.subhead{display:flex;align-items:center;gap:10px;margin:28px 0 14px;font-size:18px;font-weight:800}
.subhead::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--blue)}
.list--feed{padding:4px 18px}
.list--feed .row{gap:16px;padding:14px 0}
.list--feed .ph--sm{width:148px;height:92px}
.list--feed h4{font-size:16px}
.list--feed .row p{margin:4px 0 0;font-size:13.5px;color:var(--muted)}
.mapbox{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:16px 16px 14px;position:sticky;top:70px}
.mapbox h3{font-size:16px;font-weight:800;margin-bottom:10px}
.mapbox svg{width:100%;height:auto;display:block}
.mapbox path{fill:#E6EBEF;stroke:#fff;stroke-width:1.2;transition:fill .15s}
.mapbox a:hover path{fill:#BFE2F2}
.mapbox a.is-on path{fill:var(--blue)}
.mapbox text{font-size:10px;font-weight:700;fill:#56636D;pointer-events:none;font-family:var(--font)}
.mapbox a.is-on text{fill:#fff}
.mapbox__src{display:block;font-size:10.5px;color:var(--muted);margin-top:6px}
.dlist{list-style:none;margin:12px 0 0;padding:12px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}
.dlist a{display:block;padding:6px 8px;border-radius:7px;font-size:13.5px;font-weight:600}
.dlist a:hover{background:var(--bg)}
.dlist a[aria-current]{background:#E7F4FA;color:#0E7FB0;font-weight:800}
/* mobil ilçe seç */
.dpick{display:none}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:110;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 30px rgba(0,0,0,.18);transform:translateY(105%);transition:transform .25s;max-height:78vh;display:flex;flex-direction:column}
.sheet.is-open{transform:none}
.sheet__grab{width:40px;height:4px;border-radius:4px;background:#D3D9DE;margin:8px auto 0}
.sheet__head{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 12px;border-bottom:1px solid var(--line)}
.sheet__head h2{font-size:17px;font-weight:800}
.sheet__head button{border:0;background:var(--bg);width:34px;height:34px;border-radius:50%;font-size:15px;cursor:pointer}
.sheet ul{list-style:none;margin:0;padding:12px 14px calc(18px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow-y:auto}
.sheet ul a{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:10px;background:var(--bg);font-weight:700;font-size:14.5px}
.sheet ul a[aria-current]{background:#E7F4FA;color:#0E7FB0;box-shadow:inset 0 0 0 1.5px var(--blue)}
.sheet ul a[aria-current]::after{content:"✓";font-weight:800}
.sheet ul li:first-child{grid-column:1/-1}
@media (max-width:1024px){.cat-top{grid-template-columns:1fr}.cat-side{grid-template-rows:none;grid-template-columns:1fr 1fr}.cat-side .ov{aspect-ratio:16/10;height:auto}.cat-grid{grid-template-columns:1fr 1fr}.ilce{grid-template-columns:1fr}.mapbox{position:static}}
@media (max-width:760px){
  .header__in{height:64px}.brand img{height:46px}.search{display:none}.search-btn{display:grid!important}
  .cat-hero__in{padding-top:16px;padding-bottom:16px}
  .cat-hero h1{font-size:27px}
  .cat-hero p{font-size:13.5px}
  .cat-hero::before{width:240px;height:240px;right:-90px;top:-110px}.cat-hero::after{display:none}
  .chips{display:none}
  .sbreak__in{height:40px;gap:10px}
  .sbreak__label{font-size:10.5px;padding:5px 8px}
  .sbreak li{font-size:13px}
  .cat-main{padding-top:16px;padding-bottom:96px}
  .cat-lead{aspect-ratio:4/4.2}
  .cat-lead .ov__txt{padding:16px}
  .cat-lead .ov__txt h3{font-size:22px}
  .cat-lead .ov__txt p{display:none}
  .cat-side{grid-template-columns:1fr;gap:14px}.cat-top{gap:14px}
  .cat-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}
  .dpick{display:flex;position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:80;align-items:center;gap:8px;height:46px;padding:0 20px;border:0;border-radius:999px;background:var(--ink-d);color:#fff;font:inherit;font-weight:800;font-size:14.5px;box-shadow:0 8px 22px rgba(0,0,0,.28);cursor:pointer;white-space:nowrap}
  .dpick svg{width:18px;height:18px}
  .dpick small{font-weight:600;color:#BFC8CF;font-size:13px}
  .empty{padding:20px 18px;gap:14px;flex-direction:column}
  .list--feed .ph--sm{width:104px;height:72px}
  .list--feed h4{font-size:15px}.list--feed .row p{display:none}
}
.sheet{visibility:hidden}.sheet.is-open{visibility:visible}
@media (min-width:761px){.sheet{display:none}}
.cat-hero p{max-width:880px}
.mapbox text{font-size:24px;font-weight:800;fill:#fff;paint-order:stroke;stroke:#0E7FB0;stroke-width:5px;stroke-linejoin:round}
.samsun-backdrop{position:fixed;inset:0;background:rgba(20,26,31,.5);z-index:100;opacity:0;pointer-events:none;transition:opacity .25s}
.samsun-backdrop.is-open{opacity:1;pointer-events:auto}
.samsun-local .category-page,.samsun-local.cat-main{padding-bottom:calc(48px + env(safe-area-inset-bottom))}
@media (max-width:760px){.samsun-local.cat-main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}}