/* CONTACT PAGE LAYOUT */
.page-iletisim h1{text-align:center;font-family:var(--font-heading);font-weight:700;letter-spacing:-0.02em;font-size:2.5rem;margin:0 0 2rem 0;padding-top:calc(var(--header-height) + 3rem)}
.contact-wrap{max-width:1200px;margin:0 auto 2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;padding:0 1rem;align-items:stretch}
.contact-wrap .left-col{display:flex;flex-direction:column;gap:.9rem;height:100%;justify-content:space-between}
.contact-wrap > .card{height:100%;display:flex;flex-direction:column}
.contact-wrap .card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.2rem;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.contact-wrap .card h2{font-family:var(--font-heading);font-weight:700;letter-spacing:-0.02em;font-size:1.2rem;margin:0 0 .9rem 0}
.contact-wrap .card p{font-size:1rem;line-height:1.7;color:#b3b3b3}
.contact-wrap .info-card .mini-list{list-style:none;display:flex;flex-direction:column;gap:.45rem;color:#b3b3b3;font-size:.95rem}
.contact-wrap .info-card .mini-list li{display:grid;grid-template-columns:18px 1fr;column-gap:.5rem;align-items:start}
.contact-wrap .info-card .mini-list i{width:18px;height:18px;line-height:18px;text-align:center;color:var(--accent);margin-top:.2rem}
.contact-wrap .services-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem .9rem;margin-top:.5rem;align-items:start}
.contact-wrap .service-item{display:grid;grid-template-columns:6px 1fr;column-gap:.55rem;align-items:start}
.contact-wrap .service-item a{color:#ddd;font-size:.95rem;line-height:1.45;margin:0;display:inline-block !important;min-height:auto !important;padding-bottom:.05rem;white-space:nowrap;width:-moz-fit-content;width:fit-content;max-width:max-content}
.contact-wrap .service-item a::after{height:1px !important;bottom:-1px}
.contact-wrap .service-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 6px;margin-top:.38rem;align-self:start}
/* form */
.contact-wrap form{display:flex;flex-direction:column;gap:.8rem}
.contact-wrap .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.contact-wrap input, .contact-wrap select, .contact-wrap textarea{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.78rem .9rem;color:#fff;font-family:var(--font-body);min-height:44px}
.contact-wrap input, .contact-wrap select, .contact-wrap textarea{box-sizing:border-box}
.contact-wrap input::placeholder, .contact-wrap textarea::placeholder{color:#9aa0a6}
.contact-wrap input:focus, .contact-wrap select:focus, .contact-wrap textarea:focus{transform:none}
.contact-wrap .card, .contact-wrap input, .contact-wrap select, .contact-wrap textarea, .contact-wrap button{transition:none}
.contact-wrap input:focus, .contact-wrap select:focus, .contact-wrap textarea:focus{outline:none;border-color:rgba(255,255,255,.25);box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.contact-wrap textarea{min-height:160px;resize:vertical}
.contact-wrap .btn{background:#fff;border:1px solid #fff;color:#000;border-radius:999px;padding:.9rem 1.2rem;font-weight:600;width:100%}
.contact-wrap .required-note{color:#9aa0a6;font-size:.8rem;margin:.2rem 0 -.2rem 0}
/* responsive */
@media(max-width:992px){.contact-wrap{grid-template-columns:1fr;gap:1rem}.contact-wrap .form-row{grid-template-columns:1fr}}
@media(max-width:992px){.contact-wrap .left-col{height:auto;justify-content:initial}}
/* certificates strip */
.page-iletisim .cert-show{padding:2rem 1rem 1rem;text-align:center;margin-top:3rem}
.page-iletisim .cert-show h2{font-family:var(--font-heading);font-size:2rem;margin-bottom:1.2rem}
.page-iletisim .cert-rows{display:flex;flex-direction:column;gap:1.25rem;align-items:center}
.page-iletisim .cert-row{display:flex;gap:2rem;justify-content:center;align-items:center;flex-wrap:nowrap}
.page-iletisim .cert-row img{height:94px;width:auto;object-fit:contain;filter:grayscale(1) brightness(.85);transition:.3s}
.page-iletisim .cert-row img:hover{filter:none;transform:translateY(-4px)}
@media (max-width: 640px){.page-iletisim .cert-row img{height:74px}}

/* CONTACT PAGE - HEADER STYLES INHERITED FROM MAIN.CSS */
/* Only specific overrides here */
.page-iletisim .logo img {
  margin-top: 6px !important;
}

.page-iletisim nav ul {
  margin-top: 2px !important;
}

@media (min-width:768px){
  .page-iletisim .logo img{width:100px !important}
  .page-iletisim nav ul{gap:1.1rem !important;margin-top:2px !important}
  .page-iletisim nav li a{
    padding:0.5rem 0.8rem !important;
    font-size:0.8rem !important;
    border-bottom:none !important;
  }
  .page-iletisim nav li.nav-contact {
    margin-left: -0.8rem !important;
  }
  .page-iletisim nav li a:hover {
    text-decoration: none !important;
    color:var(--accent-light);
    background:none;
  }
  .page-iletisim .logo a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
  }
}

@media (min-width:992px){
  .page-iletisim .logo img{width:108px !important}
  .page-iletisim nav ul{gap:1.1rem !important;margin-top:2px !important}
  .page-iletisim nav li a{padding:0.5rem 0 !important}
  .page-iletisim nav li.nav-contact {
    margin-left: -0.8rem !important;
  }
  .page-iletisim nav li a:hover {
    text-decoration: none !important;
  }
  .page-iletisim .logo a:hover {
    text-decoration: none !important;
    border-bottom: none !important;
  }
}
