/* Taş, Parke & Sert Zemin — visual-first layout; SEO content remains visible below */
.stone-visual-hero{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:flex-end;
  background:
    linear-gradient(90deg,rgba(8,22,35,.88) 0%,rgba(8,22,35,.66) 48%,rgba(8,22,35,.22) 100%),
    url('/assets/img/gercek-saha/eylul-2026/kilit-parke-serimi-site.webp') center 58%/cover no-repeat;
  color:#fff;
}
.stone-visual-hero .container{padding-top:92px;padding-bottom:72px}
.stone-visual-hero h1{max-width:820px;margin-bottom:16px}
.stone-visual-hero .lead{max-width:760px;margin:0;font-size:1.16rem;line-height:1.65;color:rgba(255,255,255,.92)}
.stone-visual-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.stone-visual-hero .btn-outline{border-color:rgba(255,255,255,.55);color:#fff}

.stone-top-services{padding-top:54px}
.stone-top-services .section-head{max-width:800px}
.stone-visual-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.stone-visual-service{
  display:block;background:#fff;border:1px solid rgba(26,45,64,.12);border-radius:14px;overflow:hidden;
  text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(14,31,47,.07);transition:.2s ease;
}
.stone-visual-service:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(14,31,47,.12)}
.stone-visual-service img{display:block;width:100%;height:220px;object-fit:cover}
.stone-visual-service-body{padding:18px 18px 20px}
.stone-visual-service h3{margin:0 0 7px;font-size:1.15rem}
.stone-visual-service p{margin:0 0 12px;color:#586675;line-height:1.55;font-size:.94rem}

.stone-gallery-top{padding-top:34px}
.stone-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}
.stone-gallery-grid figure{margin:0;overflow:hidden;border-radius:10px;background:#eef2f4}
.stone-gallery-grid img{display:block;width:100%;height:260px;object-fit:cover}
.stone-gallery-grid figcaption{padding:10px 12px;font-size:.88rem;font-weight:700;background:#fff}

.stone-seo-intro{padding-top:42px;padding-bottom:42px}
.stone-seo-intro .container{max-width:1050px}
.stone-seo-intro .seo-copy{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.stone-seo-intro .seo-copy p{margin:0;line-height:1.75;color:#465564}
.stone-seo-intro .seo-copy-box{background:#f5f7f9;border:1px solid rgba(26,45,64,.1);border-radius:12px;padding:22px}

#kilit-parke-baslik{background:#f6f8fa}
#kilit-parke-baslik>.container{max-width:1120px!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#kilit-parke-baslik .section-head{grid-column:1/-1;margin-bottom:4px}
#kilit-parke-baslik .step-block{
  background:#fff;border:1px solid rgba(26,45,64,.1);border-radius:12px;padding:22px;margin:0;
  box-shadow:0 6px 18px rgba(14,31,47,.04)
}
#kilit-parke-baslik .step-block h2{font-size:1.28rem;margin-top:0}
#kilit-parke-baslik .step-block h3{font-size:1.02rem;margin-top:16px}
#kilit-parke-baslik .step-block p,#kilit-parke-baslik .step-block li{line-height:1.7}

.stone-lower-separator{border-top:1px solid rgba(26,45,64,.08)}

@media(max-width:900px){
  .stone-visual-hero{min-height:480px;background-position:center}
  .stone-visual-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stone-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stone-seo-intro .seo-copy{grid-template-columns:1fr}
  #kilit-parke-baslik>.container{grid-template-columns:1fr}
}
@media(max-width:620px){
  .stone-visual-hero{min-height:440px}
  .stone-visual-hero .container{padding-top:70px;padding-bottom:50px}
  .stone-visual-service-grid{grid-template-columns:1fr}
  .stone-visual-service img{height:210px}
  .stone-gallery-grid{grid-template-columns:1fr 1fr;gap:8px}
  .stone-gallery-grid img{height:180px}
  .stone-gallery-grid figcaption{font-size:.8rem}
}