:root{
  --accent:#0a66c2;
  --bg:#ffffff;
  --dark:#0f1720;
  --muted:#6b7280;
  --border:#e6e9ee;
  --radius:12px;
}

/* Genel container */
.container{max-width:1180px;margin:0 auto;padding:28px}

/* Model hero: sayfanın en üstünde ortalanmış büyük görsel */
.model-hero{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:34px 0 12px;
}
.model-hero-inner{
  max-width:720px;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(15,17,32,0.04);
  border:1px solid rgba(0,0,0,0.04);
  background:#fff;
}
.model-hero-img{width:100%;height:auto;display:block;object-fit:cover}

/* Sticky: sol tarafta yalnızca resim (küçük ama net) */
.model-sticky{
  position:fixed;
  top:110px; /* header yüksekliğine göre ayarlanır */
  left:24px;
  width:120px;
  z-index:80;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  background:rgba(255,255,255,0.9);
  border-radius:12px;
  box-shadow:0 12px 30px rgba(15,17,32,0.06);
  border:1px solid rgba(0,0,0,0.04);
}
.sticky-thumb{width:100%;display:flex;justify-content:center;align-items:center}
.sticky-img{width:100%;height:auto;border-radius:10px;display:block;object-fit:cover;}

/* İçerik wrapper; sticky alan genişliğine göre kenar boşluğu verilebilir */
.content-wrapper{padding-top:18px;margin-left:0}

/* Ortalanmış başlık (hero altında) */
.model-header.center{text-align:center;margin-top:18px}
.model-page-title{font-size:26px;margin:6px 0;color:var(--dark);font-weight:800}
.model-excerpt{color:var(--muted);margin-top:8px;max-width:780px;margin-left:auto;margin-right:auto}

/* Hizmet kart düzeni */
.services-list{display:flex;flex-direction:column;gap:14px;margin-top:18px}
.service-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;box-shadow:0 10px 28px rgba(15,17,32,0.03);transition:transform .12s ease,box-shadow .12s ease}
.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgba(15,17,32,0.06)}
.service-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.service-title{margin:0;font-size:17px;font-weight:800;color:var(--dark)}
.service-price-wrap{text-align:right;min-width:120px}
.price{font-weight:900;color:var(--dark);font-size:16px}
.service-warning{margin-top:10px;padding:10px;border-radius:10px;background:#fff7f3;border-left:4px solid var(--accent);color:#b33a00;font-weight:700;font-size:13px}
.service-overview-box{margin-top:10px;padding:12px;background:#f8fbff;border:1px solid #e8f0fb;border-radius:10px;color:var(--muted);font-size:14px}
.service-actions{display:flex;justify-content:flex-end;margin-top:12px}
.toggle-btn{background:transparent;border:0;color:var(--accent);font-weight:800;cursor:pointer;padding:8px 6px;font-size:13px}
.service-details{display:none;padding-top:14px;margin-top:12px;border-top:1px solid #f1f3f6;color:#222;line-height:1.7}
.service-card.open .service-details{display:block}

/* Responsive: sticky küçülür ve alt alta gelir */
@media (max-width:980px){
  .model-sticky{position:relative;top:auto;left:auto;width:76px;margin-bottom:14px;padding:6px;border-radius:10px}
  .sticky-img{border-radius:8px}
  .model-hero-inner{max-width:100%;border-radius:10px;margin:0 12px}
  .model-page-title{font-size:20px}
  .service-price-wrap{min-width:90px}
}