/* Yöre tanıtım sayfası (/yore/<slug>): özet kutuları, öne çıkan yöresel ürünler, ürün ızgarası, sorular, komşu yöreler */
.region-page .page-head{align-items:flex-end}
.region-page .page-head h1{max-width:820px}
.region-page .page-head-aside{flex-direction:column;align-items:stretch;gap:12px;min-width:250px}
.region-facts{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.region-facts li{flex:1;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;min-width:0}
.region-facts b{font-size:24px;line-height:1.1;font-weight:800;color:var(--navy);letter-spacing:-.5px}
.region-facts span{font-size:13px;font-weight:700;color:var(--muted);line-height:1.35}
.region-page .page-head-aside .button{gap:10px}
.region-page .page-head-aside .icon{width:17px;height:17px}

.region-section{margin-bottom:48px;scroll-margin-top:20px}
.region-section-head{margin-bottom:18px}
.region-section-head h2{font-size:27px;font-weight:800;letter-spacing:-.8px;line-height:1.2}
.region-section-head p{font-size:15px;line-height:1.75;color:var(--muted);max-width:760px;margin-top:8px}

.highlight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;margin:0;padding:0}
.highlight{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;min-width:0}
.highlight.is-gi{border-color:#d5e5d9}
.highlight-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--blue);color:var(--navy);flex-shrink:0}
.highlight.is-gi .highlight-icon{background:#e7f5ec;color:#2f6f4a}
.highlight-icon .icon{width:19px;height:19px}
.highlight-body{min-width:0}
.highlight h3{font-size:17px;line-height:1.4;letter-spacing:-.2px;overflow-wrap:anywhere}
.highlight-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:8px;font-size:13px}
.gi-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;background:#e7f5ec;color:#2f6f4a;font-weight:800}
.gi-badge .icon{width:13px;height:13px;stroke-width:2.2}
.highlight-source{display:inline-flex;align-items:center;gap:4px;min-height:24px;color:var(--muted);text-decoration:underline;text-underline-offset:2px}
.highlight-source:hover{color:var(--navy)}
.highlight-source .icon{width:12px;height:12px}
.highlight-product{display:inline-flex;align-items:center;gap:5px;min-height:24px;color:var(--navy);font-weight:800}
.highlight-product .icon{width:13px;height:13px}

.region-products .product-grid{--columns:4}
.region-empty{padding:42px 25px}
.region-empty h3{font-size:22px}

.region-faq{max-width:900px}
.region-faq-item{border:1px solid var(--line);border-radius:10px;background:#fff;transition:border-color .2s,box-shadow .2s}
.region-faq-item+.region-faq-item{margin-top:10px}
.region-faq-item[open]{border-color:#cbd9e7;box-shadow:0 6px 20px #193b610d}
.region-faq-item summary{align-items:center;gap:16px;min-height:54px;padding:14px 16px 14px 20px;border-radius:10px;list-style:none}
.region-faq-item summary::-webkit-details-marker{display:none}
.region-faq-item summary h3{font-size:16px;line-height:1.45;font-weight:700;color:var(--ink)}
.region-faq-item summary:hover h3{color:var(--navy)}
.region-faq-item summary:focus-visible{outline-offset:2px}
.region-faq-item .faq-chevron{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--blue);color:var(--navy)}
.region-faq-item .faq-chevron .icon{width:16px;height:16px;transition:transform .2s}
.region-faq-item[open] .faq-chevron .icon{transform:rotate(90deg)}
.region-faq-item>p{margin:0 20px;padding:14px 0 18px;border-top:1px solid var(--line);font-size:15px;line-height:1.8;color:var(--muted)}
.region-faq-item>p a{color:var(--navy);font-weight:700;text-decoration:underline;text-underline-offset:3px}

.neighbour-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.neighbour{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:15px;font-weight:800}
.neighbour:hover{border-color:var(--navy);color:var(--navy)}
.neighbour .icon{width:16px;height:16px;color:var(--navy)}
.neighbour small{font-size:13px;font-weight:700;color:var(--navy);background:var(--blue);border-radius:10px;padding:1px 8px}
.neighbour.is-soon small{background:#f3f5f7;color:var(--muted)}
.region-cta{margin-top:10px}

@media(max-width:1200px){.region-products .product-grid{--columns:3}}
@media(max-width:980px){
  .highlight-list{grid-template-columns:1fr 1fr}
  .region-page .page-head{align-items:flex-start}
  .region-page .page-head-aside{width:100%;max-width:520px;min-width:0}
}
@media(max-width:640px){
  .highlight-list{grid-template-columns:1fr}
  .region-section{margin-bottom:36px}
  .region-section-head h2{font-size:24px;letter-spacing:-.5px}
  .region-section-head p{font-size:14px}
  .region-facts b{font-size:21px}
  .region-page .page-head-aside .button{width:100%}
  .highlight{padding:14px}
  .region-faq-item summary{padding:12px 12px 12px 16px;gap:12px}
  .region-faq-item>p{margin:0 16px;font-size:14px}
  .neighbour{font-size:14px;min-height:40px;padding:7px 12px}
}