/* =========================
   STEP 2.4 – İLETİŞİM
   Ana sayfa üzerinde açılan bağımsız overlay panel
   ========================= */
.contact-page{
  display:none;position:fixed;inset:88px 0 0;z-index:1002;
  background:rgba(7,31,58,.20);backdrop-filter:blur(3px);padding:14px 0;
}
.contact-page.open{display:block}
.contact-shell{
  width:min(94vw,1220px);height:calc(100vh - 116px);margin:auto;
  background:var(--navy);border:1px solid #ffffff2b;border-radius:16px;
  box-shadow:0 20px 50px #0006;display:flex;flex-direction:column;overflow:hidden;
}
.contact-head{
  display:flex;align-items:center;justify-content:space-between;
  padding:17px 22px 12px;border-bottom:1px solid #ffffff1f
}
.contact-title{
  margin:0;color:#fff;font-size:clamp(25px,2.8vw,38px);
  line-height:1;font-style:italic;font-weight:900;letter-spacing:.4px
}
.contact-title::after{
  content:"";display:block;width:92px;height:4px;margin-top:12px;
  border-radius:3px;background:var(--orange)
}
.contact-close-top{
  width:46px;height:46px;border:2px solid #fff;border-radius:50%;
  background:transparent;color:#fff;font-size:29px;line-height:1;
  cursor:pointer;display:grid;place-items:center
}
.contact-close-top:hover{border-color:var(--orange);color:var(--orange)}
.contact-scroll{
  flex:1;min-height:0;overflow-y:auto;padding:22px 26px 24px;
  scrollbar-color:var(--orange) #071f3a
}
.contact-scroll::-webkit-scrollbar{width:10px}
.contact-scroll::-webkit-scrollbar-track{background:#071f3a}
.contact-scroll::-webkit-scrollbar-thumb{background:var(--orange);border-radius:10px;border:3px solid #071f3a}
.contact-intro{
  display:grid;grid-template-columns:minmax(300px,.9fr) minmax(480px,1.35fr);
  gap:42px;align-items:start
}
.contact-brand{text-align:center}
.contact-logo{
  width:min(100%,470px);max-height:390px;object-fit:contain;display:block;margin:0 auto
}
.contact-email{
  display:inline-flex;align-items:center;gap:11px;margin-top:10px;
  color:#fff;text-decoration:none;font-size:16px;font-weight:700;
  padding:9px 13px;border-radius:9px
}
.contact-email:hover{color:var(--orange);background:#ffffff0a}
.contact-email svg{color:var(--orange);flex:0 0 auto}
.contact-copy h2{
  margin:0 0 18px;color:#fff;font-size:clamp(27px,3vw,42px);
  line-height:1.08
}
.contact-copy p{margin:0 0 14px;color:#eef5fb;font-size:15.5px;line-height:1.62}
.contact-copy .contact-closing{color:var(--orange);font-weight:800}
.contact-divider{height:2px;background:var(--orange);margin:22px 0 18px}
.contact-links{
  display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;align-items:start
}
.contact-link-column{display:grid;gap:8px}
.contact-link-row{
  display:grid;grid-template-columns:48px minmax(120px,.7fr) minmax(170px,1.2fr) 24px;
  align-items:center;min-height:58px;padding:0 13px 0 8px;
  border:1px solid #ffffff27;border-radius:11px;background:#0b2b50;
  color:#fff;text-decoration:none;transition:.18s ease
}
.contact-link-row:hover{
  border-color:var(--orange);background:#0d315c;transform:translateY(-1px)
}
.contact-icon{
  width:40px;height:40px;border-radius:9px;display:grid;place-items:center;
  font-size:22px;font-weight:900;color:#fff;background:#ffffff12
}
.contact-label{font-weight:800;font-size:16px}
.contact-value{font-size:15px;overflow-wrap:anywhere}
.contact-arrow{font-size:30px;line-height:1;text-align:left}
.contact-link-row.is-static{cursor:default}
.contact-link-row.is-static:hover{transform:none}
.contact-bottom{text-align:center;padding-top:18px}
.contact-close-bottom{
  min-width:220px;border:1px solid #fff;border-radius:9px;
  background:var(--orange);color:#fff;padding:12px 26px;
  font-size:16px;font-weight:900;cursor:pointer
}
.contact-close-bottom:hover{background:#ff8b18}
@media(max-width:900px){
  .contact-page{inset:72px 0 0;padding:6px 0}
  .contact-shell{width:98vw;height:calc(100vh - 82px)}
  .contact-scroll{padding:17px 15px 22px}
  .contact-intro{grid-template-columns:1fr;gap:18px}
  .contact-logo{max-height:250px}
  .contact-links{grid-template-columns:1fr}
}
@media(max-width:560px){
  .contact-head{padding:14px 13px 10px}
  .contact-close-top{width:40px;height:40px;font-size:25px}
  .contact-link-row{
    grid-template-columns:44px minmax(90px,.75fr) minmax(120px,1.25fr) 18px;
    padding-right:8px
  }
  .contact-label,.contact-value{font-size:13px}
}