/* ============================================================
   hizmetler.css — Hizmetler listesi (hizmetler.php)
   öne çıkan + diğer hizmet kartları · yerel bant
   Mobil öncelikli: base · 768 · 1200
   ============================================================ */

/* ---------- Hizmet kartları ---------- */
.svc-featured{display:grid;grid-template-columns:1fr;gap:18px}
.svc-mini-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px}
.svc-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--panel);transition:transform .4s var(--ease),border-color .4s,box-shadow .4s}
.svc-card:hover{transform:translateY(-7px);border-color:rgba(251,178,23,.4);box-shadow:var(--shadow)}
.svc-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;display:block}
.svc-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease);filter:saturate(1.05)}
.svc-card:hover .svc-card__media img{transform:scale(1.07)}
.svc-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(20,23,30,.92))}
.svc-badge{position:absolute;top:14px;left:14px;z-index:2;display:inline-flex;align-items:center;gap:.4em;background:var(--grad-gold);color:#1a1205;font-family:var(--font-d);font-weight:700;font-size:.72rem;letter-spacing:.02em;padding:.4em .7em;border-radius:100px}
.svc-badge svg{width:13px;height:13px}
.svc-card__body{display:flex;flex-direction:column;gap:.55rem;padding:clamp(18px,2.4vw,26px)}
.svc-card--featured .svc-card__body{margin-top:-46px;position:relative;z-index:2}
.svc-card__icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:var(--grad-gold-soft);border:1px solid rgba(251,178,23,.25);color:var(--gold)}
.svc-card__icon svg{width:25px;height:25px}
.svc-card__title{font-family:var(--font-d);font-weight:700;font-size:1.22rem}
.svc-card__text{color:var(--muted);font-size:.95rem;flex:1}
.svc-card__cta{display:inline-flex;align-items:center;gap:.45em;color:var(--gold);font-family:var(--font-d);font-weight:600;font-size:.9rem;margin-top:.3rem}
.svc-card__cta svg{width:16px;height:16px;transition:transform .3s var(--ease)}
.svc-card:hover .svc-card__cta svg{transform:translateX(5px)}
.svc-card--mini{padding:clamp(20px,2.4vw,28px);gap:.55rem}

/* ---------- Yerel SEO bandı ---------- */
.local-band{display:flex;flex-direction:column;gap:1.2rem;align-items:flex-start;padding:clamp(22px,3vw,32px);border:1px solid rgba(251,178,23,.22);border-radius:var(--radius-lg);background:linear-gradient(120deg,rgba(251,178,23,.08),rgba(255,255,255,.015))}
.local-band__ic{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:var(--grad-gold);color:#1a1205;flex:0 0 auto}
.local-band__ic svg{width:28px;height:28px}
.local-band h3{font-size:1.25rem;margin-bottom:.4rem}
.local-band p{color:var(--muted);font-size:.98rem}


/* ============================================================
   768px ve üstü — tablet
   ============================================================ */
@media (min-width:768px){
  .svc-featured{grid-template-columns:repeat(2,1fr)}
  .svc-mini-grid{grid-template-columns:repeat(2,1fr)}
  .local-band{flex-direction:row;align-items:flex-start}
}

/* ============================================================
   1200px ve üstü — masaüstü
   ============================================================ */
@media (min-width:1200px){
  .svc-featured{grid-template-columns:repeat(3,1fr)}
  .svc-mini-grid{grid-template-columns:repeat(3,1fr)}
}