/* Bydan bilingual location pages — visually aligned with the main site. Loaded after style.css. */
.seo-page { background: inherit; }
.seo-shell { width: min(1220px,90vw); margin: 0 auto; }
.seo-hero {
  width: min(1220px,90vw);
  margin: 2.6rem auto 0;
  padding: clamp(1.5rem,4vw,2.6rem);
  border: 1px solid var(--line);
  border-radius: 36px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,242,207,.58)),
    radial-gradient(circle at right top, rgba(200,164,93,.25), transparent 25rem);
  box-shadow: var(--shadow);
}
.seo-hero > .seo-shell { width: 100%; margin: 0; }
.seo-eyebrow,.seo-kicker { margin:0 0 .65rem; color:var(--gold); font-size:.78rem; font-weight:1000; letter-spacing:.12em; text-transform:uppercase; }
.seo-hero h1 { max-width:900px; font-size:clamp(2.35rem,5vw,4.6rem); }
.seo-lead { max-width:760px; font-size:1.03rem; }
.seo-actions { display:flex; gap:.8rem; flex-wrap:wrap; margin-top:1.2rem; }
.seo-btn { appearance:none; border:0; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:.82rem 1.15rem; border-radius:999px; font-weight:1000; font-size:.92rem; transition:transform .18s ease,background .18s ease,box-shadow .18s ease; }
.seo-btn:hover { transform:translateY(-2px); box-shadow:0 14px 32px rgba(11,31,58,.18); }
.seo-btn.primary { background:var(--navy); color:#fff; }
.seo-btn.primary:hover { background:var(--blue); }
.seo-btn.secondary { background:var(--gold-soft); color:var(--navy); }
.seo-btn.secondary:hover { background:#ffe7aa; }
.seo-breadcrumb { padding:1.2rem 0 0; color:var(--muted); font-size:.88rem; }
.seo-breadcrumb a { color:var(--blue); font-weight:900; }
.seo-main { padding:0 0 2rem; }
.seo-section {
  margin:2rem 0;
  padding:clamp(1.4rem,4vw,2.4rem);
  border:1px solid var(--line);
  border-radius:34px;
  background:rgba(255,255,255,.78);
  box-shadow:var(--shadow);
}
.seo-section h2,.seo-section p { max-width:900px; }
.seo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:1.4rem; }
.seo-card { padding:1.15rem; border:1px solid var(--line); border-radius:24px; background:#fff; }
.seo-card h3 { margin-bottom:.55rem; }
.seo-card p { margin-bottom:0; }
.seo-list { margin:1.4rem 0 0; padding:0; list-style:none; counter-reset:item; display:grid; gap:.8rem; max-width:900px; }
.seo-list li { counter-increment:item; position:relative; padding:1rem 1rem 1rem 3.65rem; border:1px solid var(--line); border-radius:18px; background:#fff; color:var(--muted); line-height:1.65; }
.seo-list li::before { content:counter(item); position:absolute; left:1rem; top:1rem; width:2rem; height:2rem; display:grid; place-items:center; border-radius:50%; background:var(--gold-soft); color:var(--navy); font-weight:1000; }
.seo-callout { max-width:920px; margin-top:1.7rem; padding:1.4rem; border:1px solid var(--line); border-radius:24px; background:var(--cream); }
.seo-related { display:flex; gap:.6rem; flex-wrap:wrap; margin-top:1rem; }
.seo-related a { padding:.55rem .8rem; border:1px solid var(--line); border-radius:999px; background:#fff; color:var(--blue); font-weight:900; }
.seo-faq { max-width:920px; display:grid; gap:.75rem; }
.seo-faq details { padding:1rem 1.1rem; border:1px solid var(--line); border-radius:18px; background:#fff; }
.seo-faq summary { cursor:pointer; color:var(--navy); font-weight:1000; }
.seo-faq p { margin:.7rem 0 0; }
.seo-resources,.seo-disclaimer { max-width:900px; font-size:.88rem; }
.seo-resources a { color:var(--blue); text-decoration:underline; text-underline-offset:2px; }
.seo-disclaimer { padding-left:1rem; border-left:3px solid var(--gold); }
@media (max-width:680px) {
  .seo-hero { margin-top:1.6rem; padding:1.5rem; border-radius:28px; }
  .seo-grid { grid-template-columns:1fr; }
  .seo-section { padding:1.4rem; border-radius:26px; }
  .seo-btn { width:100%; }
}