/* Ortak cihazlar sayfa stilleri */
:root { --green:#4CAF50; --dark:#333; --muted:#666; --bg:#f8f9fa; }
body.cihazlar { background:#fff; }
.page-hero { background: linear-gradient(135deg, var(--green), #388E3C); color:#fff; padding:40px 0; }
.page-hero .container { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.page-hero h1 { margin:0; font-size:2rem; }

/* Hero cover tarzı (arka plan görselli, büyük başlık) */
.hero-cover { position:relative; color:#fff; min-height:320px; display:flex; align-items:flex-end; }
.hero-cover .cover-inner { position:relative; z-index:2; width:100%; padding:24px 0; }
.hero-cover .overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.55)); z-index:1; }
.hero-cover { background-position:center 35%; background-size:cover; background-repeat:no-repeat; }
.hero-cover h1 { margin:0; font-size:2.6rem; font-weight:700; text-shadow:0 2px 6px rgba(0,0,0,.35); }
.hero-cover .page-breadcrumb { color:#f1f5f9; opacity:.95; margin-top:6px; text-shadow:0 1px 3px rgba(0,0,0,.35); }

/* Yumuşak yeşil zeminli içerik bloğu */
.section-soft-green { background:#e8f5e9; border-top:1px solid #d9eadb; border-bottom:1px solid #d9eadb; padding:34px 0; }
.section-soft-green .section-card { max-width:980px; margin:0 auto; background:#e8f5e9; }
.section-soft-green h2 { color:#2e7d32; text-align:center; margin:0 0 14px; }
.section-soft-green p { color:#2f3b45; line-height:1.8; margin:0; }

.page-section { padding:40px 0; }
.page-card { background:#fff; border:1px solid #eef2f6; border-radius:14px; box-shadow:0 8px 22px rgba(9,30,66,.06); padding:24px; }
.page-breadcrumb { font-size:14px; color:#e8f5e9; opacity:.95 }
.page-breadcrumb a { color:#fff; text-decoration:none; }

/* Geniş görselli vurgu bölümü */
.tech-highlight { position:relative; background-color:#f6f7f9; padding:34px 0; }
.tech-highlight .inner { position:relative; background-position:right center; background-size:contain; background-repeat:no-repeat; min-height:320px; border-radius:14px; overflow:hidden; padding:24px; display:flex; align-items:center; justify-content:flex-start; }
.tech-highlight .overlay-card { background:#ffffffea; border-radius:12px; box-shadow:0 10px 28px rgba(9,30,66,.12); padding:22px 22px; max-width:520px; margin-left:0; margin-right:auto; }
.tech-highlight h2 { margin:0 0 8px; color:#2e7d32; font-size:1.5rem; }
.tech-highlight p { margin:0 0 12px; color:#2f3b45; line-height:1.7; }

/* Alternating feature showcases */
.feature { display:grid; grid-template-columns: 1.1fr 1fr; gap:18px; align-items:center; }
.feature .visual { height:360px; background:#f1f5f9 center/cover no-repeat; border-radius:14px; box-shadow:0 8px 22px rgba(9,30,66,.06); }
.feature .copy .eyebrow { font-weight:800; color:#2e7d32; letter-spacing:.3px; margin-bottom:6px; font-size:.9rem; }
.feature h3 { margin:0 0 8px; font-size:1.35rem; }
.feature p { margin:0; color:#2f3b45; line-height:1.8; }
.feature.rev { grid-template-columns: 1fr 1.1fr; }
.feature.rev .visual { order:2; }

/* Emotional collage band */
.emotion-band { position:relative; padding:40px 0; background:#0b1320; }
.emotion-band .collage { position:relative; min-height:420px; border-radius:16px; overflow:hidden; background: center/cover no-repeat; box-shadow:0 12px 30px rgba(9,30,66,.25); }
.emotion-band .overlay { position:absolute; inset:0; background:linear-gradient(135deg, rgba(0,0,0,.45), rgba(0,0,0,.25)); }
.emotion-band .text { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; padding:24px; text-align:center; color:#fff; }
.emotion-band .text h2 { margin:0 0 10px; font-size:1.8rem; }
.emotion-band .text p { margin:0 auto; max-width:860px; line-height:1.9; opacity:.95; }

/* Center CTA */
.cta-center { text-align:center; }
.cta-center .btn { font-size:1rem; padding:12px 18px; }

/* Responsive tweaks */
@media (max-width: 992px) {
  .hero-cover { min-height:240px; background-position:center; }
  .tech-highlight .inner { min-height:240px; background-position:center; background-size:contain; }
  .tech-highlight .overlay-card { margin:12px auto 0; }
  .feature, .feature.rev { grid-template-columns: 1fr; }
  .feature .visual { order:initial; height:240px; }
}

@media (min-width: 993px) {
  /* Sağ tarafta görsele yer açmak için sağ padding verilir, kart solda kalır */
  .tech-highlight .inner { padding-right: 36%; }
}

@media (min-width: 1200px) {
  .two-col { grid-template-columns: 1.4fr 1fr; }
  .two-col .visual { min-height:380px; }
  .feature .visual { height:400px; }
}

/* PSAP vs Hearing Aids comparison helpers */
.split-2 { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.compare { background:#fff; border:1px solid #eef2f6; border-radius:16px; overflow:hidden; box-shadow:0 10px 26px rgba(9,30,66,.08); }
.compare .head { display:grid; grid-template-columns: 1fr 1fr; }
.compare .head div { padding:12px; font-weight:800; text-align:center; }
.compare .head .psap { background:#fff5f4; color:#b71c1c; border-right:1px solid #ffd8d3; }
.compare .head .aid { background:#f0fbf2; color:#1b5e20; }
.compare .row { display:grid; grid-template-columns: 1fr 1fr; border-top:1px solid #eef2f6; }
.compare .cell { padding:14px 16px; display:flex; gap:10px; align-items:flex-start; }
.compare .cell i { margin-top:2px; }
.compare .cell.bad { background:#fffafa; color:#7f1d1d; }
.compare .cell.good { background:#f7fbf8; color:#1b5e20; }

.warning-band { background:#fff7ec; border:1px solid #ffe2b8; border-radius:16px; padding:18px; box-shadow:0 10px 24px rgba(255,150,0,.12); }
.warning-band .title { display:flex; align-items:center; gap:10px; font-weight:800; color:#db6a00; margin:0 0 10px; }
.warning-band .split-2 .page-card { box-shadow:none; border-color:#ffe2b8; }

.two-col { display:grid; grid-template-columns: 1.3fr 1fr; gap:18px; align-items:center; }
.two-col .visual { border-radius:14px; min-height:340px; background:#f1f5f9 center/cover no-repeat; box-shadow:0 8px 22px rgba(9,30,66,.06); }

@media (max-width: 992px) {
  .split-2, .two-col { grid-template-columns: 1fr; }
}

/* Steps flow (4-step process) */
.steps-flow { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; margin-top:12px; }
.step { background:#fff; border:1px solid #eef2f6; border-radius:14px; padding:14px; text-align:center; box-shadow:0 8px 22px rgba(9,30,66,.06); }
.step .num { width:32px; height:32px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; font-weight:800; margin-bottom:6px; background:#e8f5e9; color:#2e7d32; }
.step .ico { width:42px; height:42px; border-radius:10px; display:inline-flex; align-items:center; justify-content:center; background:#f1f5f9; color:#1e88e5; margin-bottom:6px; }
.step h4 { margin:0 0 6px; font-size:1rem; }
.step p { margin:0; font-size:.92rem; color:#2f3b45; }

@media (max-width: 992px) {
  .steps-flow { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .steps-flow { grid-template-columns: 1fr; }
}

/* Interactive hotspots */
.hotspot-wrap { position:relative; border-radius:16px; overflow:hidden; background:#f1f5f9 center/cover no-repeat; min-height:420px; box-shadow:0 12px 30px rgba(9,30,66,.12); }
.hotspot { position:absolute; width:18px; height:18px; border-radius:999px; background:#2e7d32; box-shadow:0 0 0 6px rgba(46,125,50,.25); cursor:pointer; }
.hotspot .tip { position:absolute; left:24px; top:-6px; min-width:220px; max-width:300px; background:#fff; border:1px solid #e7eef6; border-radius:10px; padding:10px 12px; box-shadow:0 10px 26px rgba(9,30,66,.12); display:none; }
.hotspot .tip .t-title { font-weight:800; margin:0 0 4px; }
.hotspot:hover .tip, .hotspot.active .tip { display:block; }

/* Typographic hero (no image) */
.typo-hero { padding:56px 0 24px; }
.typo-hero h1 { font-size:2.2rem; margin:0 0 8px; letter-spacing:.2px; }
.typo-hero p { margin:0; color:#2f3b45; line-height:1.9; max-width:900px; }

/* Note box / emphasis */
.note-box { background:#f8fafc; border:1px solid #e7eef6; border-radius:14px; padding:18px; }

/* Pretty ordered list */
.ol-clean { counter-reset:item; list-style:none; padding-left:0; margin:0; }
.ol-clean li { counter-increment:item; padding-left:34px; position:relative; margin:10px 0; line-height:1.85; }
.ol-clean li::before { content: counter(item) "."; position:absolute; left:0; top:0; font-weight:800; color:#2e7d32; }

/* Blockquote emphasis */
.q-emph { border-left:4px solid #2e7d32; padding:10px 14px; background:#f6fbf7; color:#2f3b45; font-style:italic; border-radius:8px; }

/* Professional typography helpers */
.lead { font-size:1.08rem; line-height:1.95; color:#2f3b45; }
.check-list { list-style:none; padding-left:0; margin:0; }
.check-list li { display:flex; gap:10px; align-items:flex-start; margin:8px 0; line-height:1.85; }
.check-list li i { color:#2e7d32; margin-top:3px; }

/* Accordion (travel guide) */
.accordion { display:block; border:1px solid #eef2f6; border-radius:14px; overflow:hidden; box-shadow:0 8px 22px rgba(9,30,66,.06); }
.acc-item + .acc-item { border-top:1px solid #eef2f6; }
.acc-head { background:#fff; padding:14px 16px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; font-weight:700; }
.acc-head .label { display:flex; align-items:center; gap:10px; }
.acc-head i { color:#2e7d32; }
.acc-body { display:none; background:#f9fbfd; padding:16px; line-height:1.85; color:#2f3b45; }
.acc-item.active .acc-body { display:block; }

/* Model cards grid */
.card-grid { display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
.model-card { background:#fff; border:1px solid #eef2f6; border-radius:16px; overflow:hidden; box-shadow:0 10px 26px rgba(9,30,66,.08); display:flex; flex-direction:column; }
.model-card .visual { height:220px; background:#f1f5f9 center/contain no-repeat; }
.model-card .content { padding:16px; }
.model-card h3 { margin:0 0 6px; font-size:1.15rem; }
.model-card .i-list { list-style:none; padding-left:0; margin:6px 0 8px; }
.model-card .i-list li { display:flex; gap:10px; align-items:flex-start; margin:6px 0; color:#2f3b45; }
.model-card .i-list i { color:#2e7d32; margin-top:3px; }
.model-card .ideal { margin-top:8px; font-size:.92rem; background:#f6fbf7; color:#1b5e20; border:1px solid #cfe9d4; border-radius:10px; padding:8px 10px; }

/* Feature grid (product pages) */
.feature-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.feature-card { background:#fff; border:1px solid #eef2f6; border-radius:12px; padding:16px; box-shadow:0 8px 22px rgba(9,30,66,.06); }
.feature-card.emph { background:#f6fbf7; border-color:#cfe9d4; }
.feature-card h3 { margin:0 0 8px; font-size:1.08rem; color:#2e7d32; }
.feature-card p { margin:0; color:#2f3b45; line-height:1.7; }
.feature-card.image { padding:8px; display:flex; align-items:center; justify-content:center; }
.feature-card.image img { width:100%; height:auto; border-radius:10px; display:block; }

/* Sales hero helpers */
.hero-sub { margin-top:6px; font-size:1.05rem; font-weight:600; color:#e8f5e9; opacity:.95; }
.hero-badges { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.badge-soft { background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.25); padding:6px 10px; border-radius:999px; font-size:.92rem; }
.cta-row { display:flex; gap:10px; margin-top:12px; }
.btn.sec { background:#fff; color:#2e7d32; border:1px solid #cfe9d4; }
.btn.sec:hover { background:#f6fbf7; }
.hero-trust { margin-top:10px; color:#e0f2f1; font-size:.92rem; opacity:.95; }

/* Quick technical summary */
.quick-4 { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }
.quick-card { background:#fff; border:1px solid #eef2f6; border-radius:12px; padding:14px; box-shadow:0 8px 22px rgba(9,30,66,.06); }
.quick-card h3 { margin:0 0 6px; font-size:1.02rem; color:#2e7d32; }
.quick-card p { margin:0; color:#2f3b45; line-height:1.6; }
.quick-card .note { font-size:.85rem; color:#6b7785; margin-top:6px; }

/* Two column detailed section */
.two-col { display:grid; grid-template-columns: 1.2fr 1fr; gap:16px; }
.spec-list { list-style:none; padding:0; margin:8px 0 0; display:flex; flex-wrap:wrap; gap:8px; }
.spec-list li { background:#f1f5f9; border:1px solid #e6edf5; color:#2f3b45; padding:6px 10px; border-radius:999px; font-size:.9rem; }
.spec-table { width:100%; border:1px solid #eef2f6; border-radius:12px; overflow:hidden; border-collapse:separate; border-spacing:0; }
.spec-table td { padding:10px 12px; border-top:1px solid #eef2f6; }
.spec-table td:first-child { width:48%; font-weight:600; background:#f9fbfd; }

/* Use-cases row */
.use-cases { display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; }
.use-card { background:#fff; border:1px solid #eef2f6; border-radius:12px; padding:14px; box-shadow:0 8px 22px rgba(9,30,66,.06); }
.use-card h3 { margin:0 0 6px; font-size:1.02rem; color:#2e7d32; }
.use-card p { margin:0; color:#2f3b45; line-height:1.6; }
.use-card .how { margin-top:6px; font-size:.9rem; color:#6b7785; }

/* Smart features icons */
.icon-row { display:grid; grid-template-columns: repeat(4, 1fr); gap:12px; }
.icon-feature { background:#fff; border:1px solid #eef2f6; border-radius:12px; padding:14px; display:flex; align-items:flex-start; gap:10px; box-shadow:0 8px 22px rgba(9,30,66,.06); }
.icon-feature i { color:#2e7d32; font-size:20px; margin-top:2px; }
.icon-feature .txt { line-height:1.6; color:#2f3b45; }

/* 4-column comparison */
.compare-4 { width:100%; border:1px solid #eef2f6; border-radius:14px; overflow:hidden; box-shadow:0 8px 22px rgba(9,30,66,.06); }
.compare-4 .head, .compare-4 .row { display:grid; grid-template-columns: 1.2fr 1fr 1fr 1fr 1fr; }
.compare-4 .head div { padding:12px; font-weight:800; background:#f9fbfd; }
.compare-4 .head .spacer { background:#fff; font-weight:700; }
.compare-4 .cell { padding:12px; border-top:1px solid #eef2f6; border-left:1px solid #eef2f6; text-align:center; font-size:.98rem; line-height:1.6; }
.compare-4 .row .label { text-align:left; font-weight:700; }

/* Compare table icons */
.compare-4 .cell i { margin-right:6px; vertical-align:middle; }
.compare-4 .cell .ok { color:#2e7d32; }
.compare-4 .cell .na { color:#b0b7c3; }

@media (max-width: 992px) {
  .card-grid { grid-template-columns: 1fr; }
  .model-card .visual { height:200px; }
  .feature-grid { grid-template-columns: 1fr; }
  .quick-4 { grid-template-columns: 1fr 1fr; }
  .two-col { grid-template-columns: 1fr; }
  .use-cases { grid-template-columns: 1fr; }
  .icon-row { grid-template-columns: 1fr 1fr; }
}

/* Cost page helpers */
.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.icon-card { background:#fff; border:1px solid #eef2f6; border-radius:16px; padding:18px; box-shadow:0 8px 22px rgba(9,30,66,.06); text-align:left; }
.icon-card .ico { width:44px; height:44px; border-radius:12px; background:#f1f5f9; color:#2e7d32; display:inline-flex; align-items:center; justify-content:center; margin-bottom:8px; }
.icon-card h3 { margin:0 0 6px; font-size:1.05rem; }
.icon-card p { margin:0; color:#2f3b45; line-height:1.8; }

.table-clean { width:100%; border:1px solid #eef2f6; border-radius:12px; overflow:hidden; border-collapse:separate; border-spacing:0; box-shadow:0 8px 22px rgba(9,30,66,.06); }
.table-clean thead th { background:#f9fbfd; font-weight:800; padding:10px 12px; text-align:left; }
.table-clean tbody td { padding:10px 12px; border-top:1px solid #eef2f6; }
.table-clean tbody tr:nth-child(even) { background:#fcfdff; }

.pill-box { display:inline-flex; align-items:center; gap:8px; background:#fff7ec; color:#8a4b00; border:1px solid #ffe2b8; border-radius:999px; padding:8px 12px; font-weight:700; }

.legal-box { background:#fff; border:1px solid #e7eef6; border-radius:14px; padding:16px; box-shadow:0 8px 22px rgba(9,30,66,.04); }

@media (max-width: 992px) {
  .grid-3 { grid-template-columns: 1fr; }
}