/* SEO landing pages — built on the existing Atış Ajans visual system */
.index-hero { min-height: 72vh; }
.services-index-section { padding: var(--section-py) 0; background: var(--c-bg); }
.services-index-head { margin-bottom: clamp(2rem, 5vw, 4rem); }
.services-index-head h2 { font-family: var(--ff-display); font-size: clamp(2.3rem, 5vw, 4.6rem); line-height: .98; letter-spacing: -0.04em; margin-top: .7rem; }
.services-index-head h2 strong { color: var(--c-primary); }
.services-index-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:var(--c-border); border:1px solid var(--c-border); }
.services-index-card { display:grid; grid-template-columns:auto 1fr auto; gap:1.25rem; align-items:start; padding:clamp(1.3rem,3vw,2rem); background:var(--c-bg); color:var(--c-text); text-decoration:none; min-height:170px; transition:background var(--transition-base), transform var(--transition-base); }
.services-index-card:hover { background:var(--c-bg-warm); transform:translateY(-2px); }
.services-index-card > span { font-size:var(--fs-caption); color:var(--c-primary); letter-spacing:var(--ls-wide); padding-top:.25rem; }
.services-index-card small { display:block; font-size:var(--fs-caption); letter-spacing:var(--ls-wider); color:var(--c-text-muted); margin-bottom:.45rem; font-weight:700; }
.services-index-card h3 { font-family:var(--ff-display); font-size:clamp(1.15rem,2vw,1.55rem); margin-bottom:.55rem; }
.services-index-card p { color:var(--c-text-secondary); font-size:.9rem; line-height:1.6; max-width:42rem; }
.services-index-card > b { font-size:1.2rem; color:var(--c-text-muted); font-weight:400; padding-top:.15rem; }
.contact-page-section { padding:var(--section-py) 0; background:var(--c-bg); }
.contact-page-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,7vw,7rem); align-items:start; }
.contact-page-grid h2, .contact-page-address h2 { font-family:var(--ff-display); font-size:clamp(2.3rem,5vw,4.7rem); line-height:.98; letter-spacing:-.045em; margin:.7rem 0 1.5rem; }
.contact-page-grid h2 strong, .contact-page-address h2 strong { color:var(--c-primary); }
.contact-page-grid > div:first-child > p { max-width:620px; color:var(--c-text-secondary); line-height:1.75; font-size:1rem; }
.contact-page-cards { display:grid; gap:1px; background:var(--c-border); border:1px solid var(--c-border); }
.contact-page-card { display:flex; flex-direction:column; gap:.4rem; padding:1.5rem 1.7rem; background:var(--c-bg); color:var(--c-text); text-decoration:none; transition:background var(--transition-base); }
.contact-page-card:hover { background:var(--c-bg-warm); }
.contact-page-card span { font-size:var(--fs-caption); color:var(--c-primary); letter-spacing:var(--ls-wider); font-weight:700; }
.contact-page-card strong { font-family:var(--ff-display); font-size:clamp(1.15rem,2vw,1.5rem); }
.contact-page-card small { color:var(--c-text-muted); }
.contact-page-address { padding:var(--section-py) 0; background:var(--c-bg-warm); }
.contact-page-address .container { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,7vw,7rem); }
.contact-page-address p { color:var(--c-text-secondary); line-height:1.8; font-size:1.05rem; padding-top:1rem; }
.contact-page-address .contact-note { border-top:1px solid var(--c-border); margin-top:1.5rem; padding-top:1.5rem; font-size:.9rem; }
@media (max-width: 800px) { .services-index-grid,.contact-page-grid,.contact-page-address .container { grid-template-columns:1fr; } .services-index-card { min-height:0; } }

/* Mobile refinement for the new index pages */
@media (max-width: 767px) {
  .service-page .index-hero {
    min-height: auto;
    padding: 82px 16px 46px;
    align-items: flex-start;
  }

  .service-page .index-hero .service-hero-inner {
    width: 100%;
    max-width: none;
  }

  .service-page .index-hero .breadcrumb {
    margin-bottom: 20px;
  }

  .service-page .index-hero .service-kicker {
    margin-bottom: 14px;
    padding: 7px 12px;
    font-size: 9px;
    letter-spacing: .12em;
  }

  .service-page .index-hero h1 {
    font-size: clamp(2.15rem, 10vw, 2.9rem);
    line-height: 1.04;
    letter-spacing: -.045em;
    max-width: 100%;
  }

  .service-page .index-hero .service-lead {
    margin-top: 14px;
    font-size: 15px;
    line-height: 1.65;
    max-width: 100%;
  }

  .service-page .index-hero .hero-actions {
    margin-top: 24px;
    gap: 9px;
  }

  .service-page .index-hero .hero-actions .btn {
    min-height: 52px;
    border-radius: 11px;
    padding: 13px 16px;
    font-size: 13px;
    letter-spacing: .07em;
  }

  .service-page .service-intro {
    padding: 52px 0;
  }

  .service-page .service-intro-grid {
    gap: 26px;
  }

  .service-page .service-intro h2 {
    font-size: clamp(1.85rem, 8.2vw, 2.35rem);
    line-height: 1.05;
  }

  .service-page .service-intro p {
    font-size: 15px;
    line-height: 1.7;
  }

  .service-page .services-index-section {
    padding: 52px 0;
  }

  .service-page .services-index-head {
    margin-bottom: 26px;
  }

  .service-page .services-index-head h2 {
    font-size: clamp(1.9rem, 8.5vw, 2.5rem);
    line-height: 1.02;
  }

  .service-page .services-index-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    background: transparent;
    border: 0;
  }

  .service-page .services-index-card {
    grid-template-columns: 30px 1fr 18px;
    gap: 10px;
    min-height: 0;
    padding: 17px 15px;
    border: 1px solid var(--c-border);
    border-radius: 12px;
  }

  .service-page .services-index-card p {
    font-size: 13px;
    line-height: 1.55;
  }

  .service-page .services-index-card h3 {
    font-size: 17px;
    margin-bottom: 5px;
  }

  .service-page .services-index-card small {
    font-size: 9px;
    margin-bottom: 3px;
  }

  .service-page .related-services-section {
    padding: 52px 0;
  }

  .service-page .related-services-grid {
    gap: 8px;
    margin-top: 24px;
  }

  .service-page .related-services-grid a {
    padding: 15px 16px;
    border-radius: 11px;
  }

  /* Contact page: same compact mobile rhythm */
  .service-page .contact-page-section,
  .service-page .contact-page-address {
    padding: 52px 0;
  }

  .service-page .contact-page-grid,
  .service-page .contact-page-address .container {
    gap: 28px;
  }

  .service-page .contact-page-grid h2,
  .service-page .contact-page-address h2 {
    font-size: clamp(1.9rem, 8.5vw, 2.5rem);
    line-height: 1.03;
  }

  .service-page .contact-page-grid > div:first-child > p,
  .service-page .contact-page-address p {
    font-size: 15px;
    line-height: 1.7;
  }

  .service-page .contact-page-card {
    padding: 16px;
  }

  .service-page .contact-page-card strong {
    font-size: 17px;
  }
}

@media (max-width: 380px) {
  .service-page .index-hero {
    padding-left: 14px;
    padding-right: 14px;
  }

  .service-page .index-hero h1 {
    font-size: 2rem;
  }

  .service-page .index-hero .service-lead {
    font-size: 14px;
  }
}