@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600&family=Fira+Code:wght@400;500&display=swap');

/* ══════════════════════════════════════════════════════════════════
   DIJINIKA — PAGE: İLETİŞİM (v2)
   Bu dosya style.css + design-system.css'ten SONRA yüklenir.
   Yapısal ilet-* / hizmet-pick-btn / form-success class'ları
   style.css'te tanımlıdır ve DEĞİŞTİRİLMEDİ; burada yalnızca
   sayfa-özel v2 kabuk, hero ve yeni bölümler (why grid, harita)
   pg- önekiyle tanımlanır.
   ══════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════
   HERO — sayfa başlığı (hero-v2 kalıbının kompakt sürümü)
   ══════════════════════════════════════════════════════════════════ */
.pg-hero{min-height:56vh;background:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:9rem 2rem 5rem;z-index:1;text-align:center}
.pg-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px);background-size:64px 64px;pointer-events:none;z-index:0;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 0%,transparent 75%)}
.pg-hero-glow{position:absolute;width:800px;height:560px;border-radius:50%;background:radial-gradient(ellipse,rgba(45,111,232,0.26) 0%,transparent 65%);top:-18%;left:50%;transform:translateX(-50%);pointer-events:none;z-index:0}
.pg-hero-glow-2{width:520px;height:520px;top:auto;bottom:-24%;right:6%;left:auto;transform:none;background:radial-gradient(ellipse,rgba(106,92,255,0.16) 0%,transparent 65%)}
.pg-hero-inner{max-width:760px;width:100%;position:relative;z-index:1}
.pg-hero-h1{font-family:var(--font-display);font-weight:700;font-size:var(--fluid-6);line-height:0.96;letter-spacing:-0.02em;color:#fff;margin:1.5rem 0 1.25rem}
.pg-hero-h1 .accent{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pg-hero-sub{font-family:var(--font-sans);font-size:1.05rem;font-weight:300;color:rgba(255,255,255,0.55);max-width:520px;margin:0 auto;line-height:1.85}
@media(max-width:600px){.pg-hero{padding:7.5rem 1.5rem 4rem;min-height:auto}.pg-hero-h1{font-size:clamp(2.6rem,10vw,4rem)}}

/* ══════════════════════════════════════════════════════════════════
   İLETİŞİM ANA GRİD — bilgi paneli + form paneli
   (ilet-* yapısal class'ları style.css'ten miras alır, kabuk burada)
   ══════════════════════════════════════════════════════════════════ */
.pg-wrap{max-width:1280px;margin:0 auto}
.pg-main{display:grid;grid-template-columns:1fr 1.5fr;gap:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-md);margin-bottom:1.25rem}

.pg-info{background:var(--ink);padding:3.5rem;position:relative;overflow:hidden}
.pg-info::before{content:'';position:absolute;inset:0;background:var(--grad-dark-mesh);opacity:0.7;pointer-events:none}
.pg-info .ilet-info-head,
.pg-info .ilet-rows,
.pg-info .ilet-hours,
.pg-info .ilet-socials{position:relative;z-index:1}
.pg-info .ilet-row-icon{border-radius:var(--radius-sm)}
.pg-info .ilet-row-icon .dicon{stroke-width:1.6;color:rgba(255,255,255,0.85)}

.pg-form{padding:3.5rem;background:var(--surface);display:flex;flex-direction:column}
.pg-form .ilet-frm-group input,
.pg-form .ilet-frm-group textarea,
.pg-form .ilet-frm-group select{border-radius:var(--radius-sm);background:var(--surface-2)}
.pg-form .hizmet-pick-btn{border-radius:var(--radius-pill)}
.pg-form .ilet-submit-row{justify-content:flex-start}
.pg-form .form-success-icon .dicon{display:block}

@media(max-width:968px){
  .pg-main{grid-template-columns:1fr}
}
@media(max-width:600px){
  .pg-info{padding:2.5rem 1.5rem}
  .pg-form{padding:2.5rem 1.5rem}
}

/* ══════════════════════════════════════════════════════════════════
   NEDEN BİZ — mini istatistik grid (spot-card tabanlı)
   ══════════════════════════════════════════════════════════════════ */
.pg-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-top:2rem}
.pg-why-item{padding:2rem 1.75rem;text-align:center}
.pg-why-item .dicon-tile{margin:0 auto 1.1rem}
.pg-why-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--navy);margin-bottom:0.5rem}
.pg-why-desc{font-size:0.9rem;color:var(--text-muted);line-height:1.65;font-weight:300}
@media(max-width:968px){.pg-why-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pg-why-grid{grid-template-columns:1fr}}

/* ══════════════════════════════════════════════════════════════════
   KONUM / HARİTA
   ══════════════════════════════════════════════════════════════════ */
.pg-location{margin-top:1.5rem;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.pg-location-head{padding:1.75rem 2.25rem;background:var(--surface-2);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.pg-location-title{display:flex;align-items:center;gap:0.75rem;font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:-0.01em;color:var(--navy)}
.pg-location-title .dicon{width:20px;height:20px;color:var(--blue);stroke-width:1.7}
.pg-location iframe{width:100%;height:380px;display:block;border:0;filter:grayscale(0.15) contrast(1.03)}
@media(max-width:600px){.pg-location-head{padding:1.5rem}.pg-location iframe{height:300px}}