:root{
  --bg:#020b17;
  --white:#f4f7fb;
  --muted:rgba(255,255,255,.66);
  --red:#ff1e24;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.contact-sayfasi{
  background:var(--bg);
  color:var(--white);
  font-family:'Public Sans',sans-serif;
  overflow-x:hidden;
}
body.contact-sayfasi a{text-decoration:none;color:inherit}
body.contact-sayfasi .container{
  width:min(1440px, calc(100% - 60px));
  margin:0 auto;
  position:relative;
  z-index:3;
}

/* HERO */
.contact-hero{
  min-height:62vh;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  text-align:center;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,30,36,.25), transparent 36%),
    radial-gradient(circle at 78% 28%, rgba(0,120,255,.12), transparent 32%),
    linear-gradient(180deg,#020b17,#030d19);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.contact-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 120px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.018) 0 1px, transparent 1px 82px);
  opacity:.34;
  pointer-events:none;
}
.contact-hero-inner{
  padding:110px 0 88px;
  max-width:1100px;
  margin:0 auto;
}
.contact-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#ff3a3f;
  font-family:'Rajdhani',sans-serif;
  font-size:17px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  text-shadow:0 0 14px rgba(255,30,36,.55);
  user-select:none;
  cursor:default;
}
.contact-kicker i{
  width:12px;
  height:12px;
  border-radius:50%;
  background:#ff1e24;
  box-shadow:0 0 0 8px rgba(255,30,36,.10), 0 0 18px rgba(255,30,36,.75);
}
.contact-hero h1{
  margin:20px auto 18px;
  font-family:'Orbitron',sans-serif;
  font-size:clamp(52px, 7vw, 108px);
  line-height:.95;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:#fff;
  text-shadow:
    0 0 10px rgba(255,255,255,.55),
    0 0 30px rgba(255,30,36,.74),
    0 0 80px rgba(255,30,36,.30);
  user-select:none;
  cursor:default;
}
.contact-hero p{
  max-width:780px;
  margin:0 auto;
  color:rgba(255,255,255,.82);
  font-size:20px;
  line-height:1.7;
  font-weight:700;
  user-select:none;
  cursor:default;
}

/* network */
.contact-network{
  position:absolute;
  inset:0;
  pointer-events:none;
  mix-blend-mode:screen;
  opacity:.72;
}
.contact-node{
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ff1e24;
  box-shadow:0 0 0 5px rgba(255,30,36,.08), 0 0 18px rgba(255,30,36,.7);
  animation:contactBlink 2.5s ease-in-out infinite;
}
.contact-node.n1{left:16%;top:38%}
.contact-node.n2{left:64%;top:25%;animation-delay:.5s}
.contact-node.n3{left:82%;top:62%;animation-delay:1s}
.contact-line{
  position:absolute;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,30,36,.76), transparent);
  transform-origin:left center;
  overflow:hidden;
}
.contact-line::before{
  content:"";
  position:absolute;
  left:-60px;
  width:60px;
  height:1px;
  background:linear-gradient(90deg,transparent,#fff,#ff1e24,transparent);
  animation:contactFlow 4s linear infinite;
}
.contact-line.l1{left:16%;top:38%;width:420px;transform:rotate(20deg)}
.contact-line.l2{left:64%;top:25%;width:300px;transform:rotate(48deg)}
@keyframes contactBlink{
  0%,100%{opacity:.45;transform:scale(.9)}
  50%{opacity:1;transform:scale(1.2)}
}
@keyframes contactFlow{
  0%{transform:translateX(0);opacity:0}
  20%{opacity:1}
  100%{transform:translateX(420px);opacity:0}
}

/* MAIN */
.contact-main-section{
  padding:105px 0;
  background:
    radial-gradient(circle at 18% 30%, rgba(255,30,36,.08), transparent 28%),
    linear-gradient(180deg,#020b17,#030d19);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.contact-main-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(360px, .72fr);
  gap:30px;
  align-items:start;
}
.contact-form-card,
.contact-info-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));
  padding:34px;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 38px),calc(100% - 38px) 100%,0 100%);
}
.contact-form-card::before,
.contact-info-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 16%, rgba(255,30,36,.14), transparent 30%);
  pointer-events:none;
}
.contact-card-label{
  position:relative;
  z-index:2;
  display:inline-block;
  color:#ff5a60;
  font-family:'Rajdhani',sans-serif;
  font-size:15px;
  font-weight:900;
  letter-spacing:.20em;
  text-transform:uppercase;
  margin-bottom:12px;
}
.contact-form-card h2,
.contact-info-card h2{
  position:relative;
  z-index:2;
  margin:0 0 24px;
  font-family:'Orbitron',sans-serif;
  font-size:clamp(30px,3vw,46px);
  text-transform:uppercase;
}

/* FORM */
.premium-contact-form{
  position:relative;
  z-index:2;
  display:grid;
  gap:16px;
}
.form-row.two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.premium-contact-form label{
  display:grid;
  gap:8px;
}
.premium-contact-form label span{
  color:rgba(255,255,255,.72);
  font-family:'Rajdhani',sans-serif;
  font-size:15px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.premium-contact-form input,
.premium-contact-form select,
.premium-contact-form textarea{
  width:100%;
  min-height:52px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.025);
  color:#fff;
  padding:0 16px;
  font-family:'Public Sans',sans-serif;
  outline:none;
  transition:.25s ease;
}
.premium-contact-form textarea{
  min-height:140px;
  padding:16px;
  resize:vertical;
}
.premium-contact-form input::placeholder,
.premium-contact-form textarea::placeholder{
  color:rgba(255,255,255,.34);
}
.premium-contact-form input:focus,
.premium-contact-form select:focus,
.premium-contact-form textarea:focus{
  border-color:rgba(255,30,36,.58);
  box-shadow:0 0 22px rgba(255,30,36,.12);
  background:rgba(255,255,255,.04);
}
.premium-contact-form select option{
  background:#07111f;
  color:#fff;
}
.premium-contact-form button{
  min-height:56px;
  margin-top:6px;
  border:0;
  background:#ff1e24;
  color:#fff;
  font-family:'Rajdhani',sans-serif;
  font-size:17px;
  font-weight:900;
  letter-spacing:.055em;
  cursor:pointer;
  transition:.28s ease;
  box-shadow:0 14px 30px rgba(255,30,36,.18);
}
.premium-contact-form button:hover{
  transform:translateY(-3px);
  box-shadow:0 0 26px rgba(255,30,36,.46),0 18px 38px rgba(255,30,36,.22);
}

/* INFO */
.contact-info-list{
  position:relative;
  z-index:2;
  display:grid;
  gap:14px;
}
.contact-info-list a,
.contact-info-list div{
  display:flex;
  align-items:center;
  gap:16px;
  padding:16px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.025);
  transition:.25s ease;
}
.contact-info-list a:hover{
  border-color:rgba(255,30,36,.46);
  transform:translateY(-3px);
  box-shadow:0 0 18px rgba(255,30,36,.10);
}
.contact-info-list i{
  width:48px;
  height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ff1e24;
  color:#fff;
  box-shadow:0 0 20px rgba(255,30,36,.26);
}
.contact-info-list small{
  display:block;
  color:rgba(255,255,255,.46);
  font-size:13px;
  margin-bottom:4px;
}
.contact-info-list span{
  color:#fff;
  font-weight:800;
}
.contact-support-box{
  position:relative;
  z-index:2;
  margin-top:20px;
  padding:22px;
  border-left:3px solid #ff1e24;
  background:rgba(255,255,255,.035);
}
.contact-support-box strong{
  display:block;
  margin-bottom:8px;
  font-family:'Rajdhani',sans-serif;
  font-size:22px;
  text-transform:uppercase;
}
.contact-support-box p{
  margin:0;
  color:var(--muted);
  line-height:1.7;
}
.contact-quick-actions{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:18px;
}
.contact-quick-actions a{
  height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-family:'Rajdhani',sans-serif;
  font-weight:900;
  letter-spacing:.04em;
  transition:.25s ease;
}
.whatsapp-btn{
  background:#14b857;
}
.call-btn{
  background:#ff1e24;
}
.contact-quick-actions a:hover{
  transform:translateY(-3px);
  box-shadow:0 0 22px rgba(255,30,36,.28);
}

/* MAP CTA */
.contact-map-section{
  padding:90px 0 110px;
  background:linear-gradient(180deg,#030d19,#010711);
}
.contact-map-card{
  position:relative;
  overflow:hidden;
  min-height:280px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  padding:40px;
  border:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 78% 38%, rgba(255,30,36,.20), transparent 34%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 90px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.02) 0 1px, transparent 1px 70px),
    rgba(255,255,255,.025);
}
.contact-map-card span{
  color:#ff5a60;
  font-family:'Rajdhani',sans-serif;
  font-weight:900;
  letter-spacing:.20em;
}
.contact-map-card h2{
  max-width:820px;
  margin:12px 0;
  font-family:'Orbitron',sans-serif;
  font-size:clamp(30px,3.6vw,54px);
  line-height:1.1;
  text-transform:uppercase;
}
.contact-map-card p{
  color:var(--muted);
  margin:0;
}
.contact-map-card a{
  min-width:230px;
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ff1e24;
  font-family:'Rajdhani',sans-serif;
  font-weight:900;
  letter-spacing:.05em;
  transition:.25s ease;
}
.contact-map-card a:hover{
  transform:translateY(-3px);
  box-shadow:0 0 26px rgba(255,30,36,.42);
}

/* reveal */
.reveal{
  opacity:0;
  transform:translateY(38px);
  transition:opacity .8s ease, transform .8s ease;
}
.reveal.active{
  opacity:1;
  transform:translateY(0);
}
.reveal-delay-1{transition-delay:.10s}
.reveal-delay-2{transition-delay:.20s}

/* floating */
.floating-cta{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:999;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:112px;
  height:42px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,30,36,.88);
  color:#fff;
  font-family:'Rajdhani',sans-serif;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
  box-shadow:0 12px 28px rgba(255,30,36,.20);
  transform:translateY(16px);
  opacity:0;
  pointer-events:none;
  transition:.28s;
}
.floating-cta.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.floating-cta:hover{
  transform:translateY(-2px);
  background:#ff1e24;
  box-shadow:0 16px 34px rgba(255,30,36,.26);
}

@media(max-width:1100px){
  .contact-main-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:760px){
  body.contact-sayfasi .container{
    width:calc(100% - 28px);
  }
  .contact-hero{
    min-height:54vh;
  }
  .contact-hero-inner{
    padding:72px 0 58px;
  }
  .contact-hero h1{
    font-size:clamp(40px, 12vw, 66px);
  }
  .contact-hero p{
    font-size:16px;
  }
  .contact-main-section,
  .contact-map-section{
    padding:72px 0;
  }
  .form-row.two,
  .contact-quick-actions{
    grid-template-columns:1fr;
  }
  .contact-form-card,
  .contact-info-card,
  .contact-map-card{
    padding:24px;
  }
  .contact-map-card{
    display:grid;
  }
  .contact-map-card a{
    width:100%;
    min-width:0;
  }
}


/* =========================
   REAL MAP + ANIMATED MARKER
========================= */

.contact-map-real{
  position:relative;
  width:100%;
  height:390px;
  margin-bottom:30px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  background:#07111f;
  box-shadow:0 0 34px rgba(255,30,36,.12);
}

.contact-map-real iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
  filter:grayscale(1) contrast(1.2) brightness(.72);
  transition:filter .45s ease, transform .45s ease;
  transform:scale(1.02);
}

.contact-map-real:hover iframe{
  filter:grayscale(.25) contrast(1.12) brightness(.92) saturate(1.12);
  transform:scale(1.035);
}

/* premium karanlık overlay */
.contact-map-real::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 48%, rgba(255,30,36,.14), transparent 26%),
    linear-gradient(180deg, rgba(2,11,23,.18), rgba(2,11,23,.38));
  mix-blend-mode:screen;
  opacity:.75;
  transition:opacity .35s ease;
}

.contact-map-real:hover::after{
  opacity:.38;
}

/* marker */
.map-marker{
  position:absolute;
  left:50%;
  top:48%;
  width:82px;
  height:82px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  z-index:4;
}

.marker-dot{
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#ff1e24;
  transform:translate(-50%,-50%);
  box-shadow:
    0 0 0 7px rgba(255,30,36,.14),
    0 0 22px rgba(255,30,36,.9),
    0 0 60px rgba(255,30,36,.48);
  animation:markerPulseCore 1.65s ease-in-out infinite;
}

.marker-ring{
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  border-radius:50%;
  border:1px solid rgba(255,30,36,.78);
  transform:translate(-50%,-50%);
  animation:markerRing 2.2s ease-out infinite;
}

.marker-ring.ring-2{
  animation-delay:.85s;
}

.map-marker::after{
  content:"ASYA";
  position:absolute;
  left:50%;
  top:calc(50% + 22px);
  transform:translateX(-50%);
  padding:5px 10px;
  background:rgba(2,11,23,.86);
  border:1px solid rgba(255,30,36,.38);
  color:#fff;
  font-family:'Rajdhani',sans-serif;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  box-shadow:0 0 18px rgba(255,30,36,.18);
}

@keyframes markerPulseCore{
  0%,100%{
    transform:translate(-50%,-50%) scale(1);
    filter:brightness(1);
  }
  50%{
    transform:translate(-50%,-50%) scale(1.18);
    filter:brightness(1.35);
  }
}

@keyframes markerRing{
  0%{
    width:18px;
    height:18px;
    opacity:.78;
  }
  80%{
    width:82px;
    height:82px;
    opacity:0;
  }
  100%{
    width:82px;
    height:82px;
    opacity:0;
  }
}

@media(max-width:760px){
  .contact-map-real{
    height:320px;
  }
}


/* =========================
   CONTACT CARDS EQUAL HEIGHT
   Teklif formu ve hızlı ulaşım kartları aynı boyda.
========================= */

.contact-main-grid{
  align-items:stretch !important;
}

.contact-form-card,
.contact-info-card{
  height:100% !important;
  min-height:720px !important;
  display:flex !important;
  flex-direction:column !important;
}

.contact-form-card .premium-contact-form{
  flex:1 !important;
}

.contact-info-card .contact-support-box{
  margin-top:auto !important;
}

.contact-info-card .contact-quick-actions{
  margin-top:18px !important;
}

@media(max-width:1100px){
  .contact-form-card,
  .contact-info-card{
    min-height:auto !important;
  }
}


/* =========================
   CONTACT PAGE FINAL UPDATE
   Mini hero + mail form status
========================= */
.contact-hero.contact-hero-mini{
  min-height:170px !important;
  text-align:left !important;
  align-items:center !important;
  background:linear-gradient(90deg,#020b17 0%,#07111f 58%,#030d19 100%) !important;
}
.contact-hero.contact-hero-mini::before{
  opacity:.20 !important;
}
.contact-hero.contact-hero-mini .contact-hero-inner{
  padding:42px 0 36px !important;
  max-width:none !important;
  margin:0 auto !important;
}
.contact-hero.contact-hero-mini .contact-kicker{
  justify-content:flex-start !important;
  font-size:14px !important;
}
.contact-hero.contact-hero-mini h1{
  margin:10px 0 8px !important;
  font-size:clamp(34px,4vw,58px) !important;
  line-height:1.05 !important;
  letter-spacing:.045em !important;
  text-shadow:0 0 22px rgba(255,30,36,.38) !important;
}
.contact-hero.contact-hero-mini p{
  max-width:720px !important;
  margin:0 !important;
  font-size:16px !important;
  line-height:1.55 !important;
}
.form-status{
  min-height:22px;
  margin:4px 0 0;
  color:rgba(255,255,255,.72);
  font-size:14px;
  line-height:1.5;
}
.form-status.success{color:#33d17a;}
.form-status.error{color:#ff6b6b;}
.form-status.loading{color:#f6d365;}
.premium-contact-form button:disabled{
  opacity:.68;
  cursor:not-allowed;
  transform:none !important;
}

@media(max-width:760px){
  .contact-hero.contact-hero-mini{
    min-height:150px !important;
  }
  .contact-hero.contact-hero-mini .contact-hero-inner{
    padding:34px 0 30px !important;
  }
  .contact-hero.contact-hero-mini h1{
    font-size:36px !important;
  }
}

/* =========================
   CONTACT FORM + MAP SIDE BY SIDE FIX
   İletişim formu ve harita aynı satırda.
========================= */
.contact-form-map-section{
  padding:64px 0 72px !important;
  background:linear-gradient(180deg,#f5f7fb,#eef3f9) !important;
  border-bottom:1px solid rgba(2,11,23,.08) !important;
  color:#182233 !important;
}
.contact-form-map-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(420px,1fr) !important;
  gap:0 !important;
  align-items:stretch !important;
  max-width:1180px !important;
}
.contact-form-map-section .contact-form-card,
.contact-form-map-section .contact-map-panel{
  min-height:560px !important;
  height:auto !important;
  clip-path:none !important;
  border:0 !important;
  background:#fff !important;
  box-shadow:0 18px 55px rgba(15,23,42,.10) !important;
}
.contact-form-map-section .contact-form-card{
  padding:30px 30px 28px !important;
  border-radius:3px 0 0 3px !important;
}
.contact-form-map-section .contact-form-card::before,
.contact-form-map-section .contact-info-card::before{
  display:none !important;
}
.contact-form-map-section .contact-card-label{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#1d4fae !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:22px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  text-transform:uppercase !important;
  margin-bottom:24px !important;
  padding-bottom:13px !important;
  border-bottom:2px solid #1d5bd8 !important;
  width:max-content !important;
}
.contact-form-map-section .contact-form-card h2{
  display:none !important;
}
.contact-form-map-section .premium-contact-form{
  gap:16px !important;
}
.contact-form-map-section .premium-contact-form input,
.contact-form-map-section .premium-contact-form textarea,
.contact-form-map-section .premium-contact-form select{
  min-height:50px !important;
  border:1px solid #e1e5ec !important;
  background:#fff !important;
  color:#182233 !important;
  border-radius:4px !important;
  padding:0 44px !important;
  font-size:15px !important;
  box-shadow:none !important;
}
.contact-form-map-section .premium-contact-form textarea{
  min-height:92px !important;
  padding-top:17px !important;
  resize:vertical !important;
}
.contact-form-map-section .premium-contact-form input::placeholder,
.contact-form-map-section .premium-contact-form textarea::placeholder{
  color:#758096 !important;
}
.contact-form-map-section .premium-contact-form input:focus,
.contact-form-map-section .premium-contact-form textarea:focus,
.contact-form-map-section .premium-contact-form select:focus{
  border-color:#1d5bd8 !important;
  box-shadow:0 0 0 3px rgba(29,91,216,.10) !important;
}
.contact-form-map-section .premium-contact-form button{
  width:240px !important;
  min-height:40px !important;
  margin-top:0 !important;
  border-radius:2px !important;
  background:#174fb4 !important;
  color:#fff !important;
  font-family:'Public Sans',sans-serif !important;
  font-size:15px !important;
  letter-spacing:0 !important;
  font-weight:800 !important;
  box-shadow:none !important;
}
.contact-form-map-section .premium-contact-form button:hover{
  transform:translateY(-2px) !important;
  background:#0f3f97 !important;
  box-shadow:0 12px 24px rgba(23,79,180,.22) !important;
}
.contact-map-panel{
  position:relative !important;
  overflow:hidden !important;
  border-radius:0 3px 3px 0 !important;
  background:#dfe6ef !important;
}
.contact-map-panel .contact-map-real.contact-map-side{
  height:100% !important;
  min-height:560px !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
.contact-map-panel .contact-map-real iframe{
  filter:none !important;
  transform:none !important;
}
.contact-map-panel .contact-map-real:hover iframe{
  filter:none !important;
  transform:none !important;
}
.contact-map-panel .contact-map-real::after,
.contact-map-panel .map-marker{
  display:none !important;
}
.contact-map-mini-info{
  position:absolute !important;
  left:22px !important;
  bottom:22px !important;
  max-width:calc(100% - 44px) !important;
  padding:16px 18px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.94) !important;
  color:#182233 !important;
  box-shadow:0 16px 40px rgba(15,23,42,.18) !important;
}
.contact-map-mini-info strong{
  display:block !important;
  font-size:16px !important;
  margin-bottom:5px !important;
}
.contact-map-mini-info p{
  margin:0 0 12px !important;
  color:#596477 !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
.contact-map-actions{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
.contact-map-actions a{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:8px 12px !important;
  border-radius:8px !important;
  background:#174fb4 !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
}
.contact-info-strip-section{
  padding:0 0 70px !important;
  background:#eef3f9 !important;
}
.contact-info-strip{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:16px !important;
  max-width:1180px !important;
}
.contact-info-strip a,
.contact-info-strip div{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:18px !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#182233 !important;
  box-shadow:0 12px 32px rgba(15,23,42,.07) !important;
}
.contact-info-strip i{
  width:42px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:10px !important;
  background:#174fb4 !important;
  color:#fff !important;
}
.contact-info-strip small{
  display:block !important;
  color:#758096 !important;
  font-size:12px !important;
  margin-bottom:3px !important;
}
.contact-info-strip span{
  font-weight:800 !important;
}
@media(max-width:980px){
  .contact-form-map-grid{
    grid-template-columns:1fr !important;
  }
  .contact-form-map-section .contact-form-card,
  .contact-map-panel{
    border-radius:3px !important;
  }
  .contact-map-panel .contact-map-real.contact-map-side{
    min-height:360px !important;
  }
  .contact-info-strip{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:640px){
  .contact-form-map-section{
    padding:36px 0 46px !important;
  }
  .contact-form-map-section .contact-form-card{
    padding:24px 18px !important;
  }
  .contact-form-map-section .premium-contact-form button{
    width:100% !important;
  }
  .contact-map-mini-info{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    max-width:none !important;
    margin:12px !important;
  }
}

/* =========================
   ASYA SECURITY DARK CONTACT LAYOUT FIX
   İletişim formu + harita alanını açık şablondan çıkarıp sitenin koyu güvenlik temasına uyarlar.
========================= */
.contact-form-map-section{
  position:relative !important;
  padding:72px 0 82px !important;
  overflow:hidden !important;
  color:#f4f7fb !important;
  background:
    radial-gradient(circle at 15% 20%, rgba(255,30,36,.18), transparent 28%),
    radial-gradient(circle at 82% 38%, rgba(0,116,255,.22), transparent 34%),
    linear-gradient(135deg,#020914 0%,#071526 48%,#020914 100%) !important;
  border-top:1px solid rgba(255,255,255,.06) !important;
  border-bottom:1px solid rgba(255,255,255,.06) !important;
}
.contact-form-map-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.34;
  background:
    repeating-linear-gradient(90deg, rgba(255,255,255,.035) 0 1px, transparent 1px 92px),
    repeating-linear-gradient(180deg, rgba(255,255,255,.022) 0 1px, transparent 1px 74px);
}
.contact-form-map-section::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-180px;
  top:10px;
  border-radius:50%;
  background:rgba(0,117,255,.18);
  filter:blur(80px);
  pointer-events:none;
}
.contact-form-map-grid{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(420px,1fr) !important;
  gap:18px !important;
  align-items:stretch !important;
  max-width:1180px !important;
}
.contact-form-map-section .contact-form-card,
.contact-form-map-section .contact-map-panel{
  min-height:560px !important;
  height:auto !important;
  clip-path:none !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.07) !important;
  backdrop-filter:blur(16px) !important;
}
.contact-form-map-section .contact-form-card{
  padding:34px 32px 30px !important;
  border-radius:22px 0 0 22px !important;
}
.contact-form-map-section .contact-form-card::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:radial-gradient(circle at 12% 10%, rgba(255,30,36,.16), transparent 34%) !important;
}
.contact-form-map-section .contact-card-label{
  position:relative !important;
  z-index:2 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  color:#fff !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:22px !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  margin-bottom:24px !important;
  padding-bottom:13px !important;
  border-bottom:2px solid #ff1e24 !important;
  width:max-content !important;
  text-shadow:0 0 18px rgba(255,30,36,.34) !important;
}
.contact-form-map-section .contact-card-label i{
  color:#ff2a30 !important;
}
.contact-form-map-section .contact-form-card h2{
  display:none !important;
}
.contact-form-map-section .premium-contact-form{
  position:relative !important;
  z-index:2 !important;
  gap:16px !important;
}
.contact-form-map-section .premium-contact-form input,
.contact-form-map-section .premium-contact-form textarea,
.contact-form-map-section .premium-contact-form select{
  min-height:52px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(7,17,31,.78) !important;
  color:#fff !important;
  border-radius:12px !important;
  padding:0 20px !important;
  font-size:15px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.contact-form-map-section .premium-contact-form textarea{
  min-height:108px !important;
  padding-top:17px !important;
  resize:vertical !important;
}
.contact-form-map-section .premium-contact-form input::placeholder,
.contact-form-map-section .premium-contact-form textarea::placeholder{
  color:rgba(255,255,255,.52) !important;
}
.contact-form-map-section .premium-contact-form input:focus,
.contact-form-map-section .premium-contact-form textarea:focus,
.contact-form-map-section .premium-contact-form select:focus{
  border-color:rgba(255,30,36,.72) !important;
  box-shadow:0 0 0 3px rgba(255,30,36,.12), 0 0 24px rgba(255,30,36,.12) !important;
  background:rgba(10,23,42,.92) !important;
}
.contact-form-map-section .premium-contact-form button{
  width:240px !important;
  min-height:44px !important;
  margin-top:0 !important;
  border-radius:12px !important;
  background:linear-gradient(135deg,#ff1e24,#b90f17) !important;
  color:#fff !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:17px !important;
  letter-spacing:.045em !important;
  font-weight:900 !important;
  box-shadow:0 14px 30px rgba(255,30,36,.24) !important;
}
.contact-form-map-section .premium-contact-form button:hover{
  transform:translateY(-2px) !important;
  background:linear-gradient(135deg,#ff3439,#e21820) !important;
  box-shadow:0 0 30px rgba(255,30,36,.36),0 18px 38px rgba(0,0,0,.24) !important;
}
.contact-map-panel{
  position:relative !important;
  overflow:hidden !important;
  border-radius:0 22px 22px 0 !important;
  background:#06111f !important;
}
.contact-map-panel .contact-map-real.contact-map-side{
  height:100% !important;
  min-height:560px !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}
.contact-map-panel .contact-map-real iframe{
  filter:grayscale(.75) contrast(1.14) brightness(.72) saturate(.85) !important;
  transform:scale(1.02) !important;
}
.contact-map-panel .contact-map-real:hover iframe{
  filter:grayscale(.28) contrast(1.08) brightness(.86) saturate(1.05) !important;
  transform:scale(1.035) !important;
}
.contact-map-panel .contact-map-real::after{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 48% 50%, rgba(255,30,36,.18), transparent 28%),
    linear-gradient(180deg,rgba(2,11,23,.16),rgba(2,11,23,.50)) !important;
  mix-blend-mode:screen !important;
  opacity:.78 !important;
}
.contact-map-panel .map-marker{
  display:block !important;
}
.contact-map-mini-info{
  position:absolute !important;
  left:24px !important;
  bottom:24px !important;
  max-width:calc(100% - 48px) !important;
  padding:18px 20px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(2,11,23,.82) !important;
  color:#fff !important;
  box-shadow:0 18px 48px rgba(0,0,0,.35),0 0 26px rgba(255,30,36,.12) !important;
  backdrop-filter:blur(14px) !important;
}
.contact-map-mini-info strong{
  display:block !important;
  font-size:16px !important;
  margin-bottom:5px !important;
  color:#fff !important;
}
.contact-map-mini-info p{
  margin:0 0 12px !important;
  color:rgba(255,255,255,.70) !important;
  font-size:13px !important;
  line-height:1.45 !important;
}
.contact-map-actions{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}
.contact-map-actions a{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:9px 13px !important;
  border-radius:10px !important;
  background:rgba(255,30,36,.94) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
  box-shadow:0 10px 22px rgba(255,30,36,.18) !important;
}
.contact-info-strip-section{
  padding:0 0 76px !important;
  background:
    radial-gradient(circle at 85% 0%, rgba(0,116,255,.16), transparent 28%),
    linear-gradient(180deg,#020914,#020914) !important;
}
.contact-info-strip{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:16px !important;
  max-width:1180px !important;
}
.contact-info-strip a,
.contact-info-strip div{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:18px !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028)) !important;
  color:#fff !important;
  box-shadow:0 16px 42px rgba(0,0,0,.20) !important;
}
.contact-info-strip i{
  width:42px !important;
  height:42px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:12px !important;
  background:#ff1e24 !important;
  color:#fff !important;
  box-shadow:0 0 18px rgba(255,30,36,.24) !important;
}
.contact-info-strip small{
  display:block !important;
  color:rgba(255,255,255,.52) !important;
  font-size:12px !important;
  margin-bottom:3px !important;
}
.contact-info-strip span{
  color:#fff !important;
  font-weight:800 !important;
}
@media(max-width:980px){
  .contact-form-map-grid{
    grid-template-columns:1fr !important;
  }
  .contact-form-map-section .contact-form-card,
  .contact-map-panel{
    border-radius:20px !important;
  }
  .contact-map-panel .contact-map-real.contact-map-side{
    min-height:380px !important;
  }
  .contact-info-strip{
    grid-template-columns:1fr !important;
  }
}
@media(max-width:640px){
  .contact-form-map-section{
    padding:42px 0 52px !important;
  }
  .contact-form-map-section .contact-form-card{
    padding:24px 18px !important;
  }
  .contact-form-map-section .premium-contact-form button{
    width:100% !important;
  }
  .contact-map-mini-info{
    position:relative !important;
    left:auto !important;
    bottom:auto !important;
    max-width:none !important;
    margin:12px !important;
  }
}


/* Contact form success modal */
.contact-success-modal{
  position:fixed;
  inset:0;
  z-index:99999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(2,9,20,.72);
  backdrop-filter:blur(12px);
  opacity:0;
  pointer-events:none;
  transition:opacity .24s ease;
}
.contact-success-modal.is-visible{
  opacity:1;
  pointer-events:auto;
}
.contact-success-card{
  width:min(440px,100%);
  text-align:center;
  padding:34px 28px 28px;
  border-radius:24px;
  color:#fff;
  border:1px solid rgba(255,255,255,.16);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,30,36,.22), transparent 42%),
    linear-gradient(180deg, rgba(19,31,50,.96), rgba(4,13,27,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.48), 0 0 38px rgba(255,30,36,.16);
  transform:translateY(12px) scale(.96);
  transition:transform .24s ease;
}
.contact-success-modal.is-visible .contact-success-card{
  transform:translateY(0) scale(1);
}
.contact-success-icon{
  width:70px;
  height:70px;
  margin:0 auto 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,#ff1e24,#b60f19);
  box-shadow:0 18px 42px rgba(255,30,36,.28);
  font-size:28px;
}
.contact-success-card h2{
  margin:0 0 10px;
  font-size:30px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.02em;
}
.contact-success-card p{
  margin:0;
  color:rgba(255,255,255,.76);
  font-size:16px;
  line-height:1.55;
}
.contact-success-card button{
  margin-top:24px;
  width:100%;
  min-height:48px;
  border:0;
  border-radius:14px;
  color:#fff;
  background:#ff1e24;
  font-weight:900;
  cursor:pointer!important;
  box-shadow:0 14px 32px rgba(255,30,36,.22);
}
.contact-modal-open{overflow:hidden;}
.premium-contact-form.is-sending{opacity:.78;}
.premium-contact-form button:disabled{opacity:.72;cursor:not-allowed!important;}
@media(max-width:640px){
  .contact-success-card{padding:28px 20px 22px;border-radius:20px;}
  .contact-success-card h2{font-size:24px;}
}


/* =========================
   CONTACT FORM BUTTON TEXT FIX
   Admin panelde boş button_text kayıtlıysa buton boş görünmesin.
========================= */
.contact-form-map-section .premium-contact-form button#contactSubmit,
.premium-contact-form button#contactSubmit{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  text-align:center !important;
}
.contact-form-map-section .premium-contact-form button#contactSubmit span,
.premium-contact-form button#contactSubmit span{
  position:relative !important;
  z-index:3 !important;
  display:inline-block !important;
  color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
}
.contact-form-map-section .premium-contact-form button#contactSubmit::before,
.premium-contact-form button#contactSubmit::before{
  z-index:1 !important;
}


/* Final contact cleanup: remove repeated page labels and make the intro compact */
.contact-hero.contact-hero-mini.contact-hero-clean{
  min-height:86px !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean .contact-hero-inner{
  padding:24px 0 22px !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean p{
  max-width:780px !important;
  margin:0 !important;
  font-size:17px !important;
  line-height:1.6 !important;
  color:rgba(255,255,255,.82) !important;
}
.contact-form-map-section .contact-card-label{
  display:none !important;
}
.contact-form-map-section .contact-form-card{
  padding-top:32px !important;
}
@media(max-width:760px){
  .contact-hero.contact-hero-mini.contact-hero-clean{
    min-height:78px !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-hero-inner{
    padding:20px 0 18px !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean p{
    font-size:15px !important;
  }
}

/* =========================
   FINAL CONTACT HERO TEXT POLISH
   Tek satır desktop açıklama + soldan giriş efekti.
========================= */
.contact-hero.contact-hero-mini.contact-hero-clean{
  min-height:132px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 10% 50%, rgba(255,30,36,.20), transparent 30%),
    linear-gradient(90deg,#020b17 0%,#07111f 55%,#030d19 100%) !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean .contact-hero-inner{
  width:100% !important;
  max-width:none !important;
  padding:30px 0 28px !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean p{
  position:relative !important;
  display:inline-block !important;
  max-width:none !important;
  width:auto !important;
  margin:0 !important;
  white-space:nowrap !important;
  color:rgba(255,255,255,.88) !important;
  font-size:clamp(18px,1.35vw,23px) !important;
  line-height:1.35 !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
  text-shadow:0 0 18px rgba(255,255,255,.10),0 0 24px rgba(255,30,36,.13) !important;
  animation:contactHeroTextIn .72s cubic-bezier(.18,.84,.34,1) both !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean p::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-12px;
  width:100%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,30,36,.95), rgba(0,150,255,.74), transparent);
  transform-origin:left center;
  animation:contactHeroLineIn .9s cubic-bezier(.18,.84,.34,1) .12s both;
}
@keyframes contactHeroTextIn{
  from{opacity:0;transform:translateX(-34px);filter:blur(6px)}
  to{opacity:1;transform:translateX(0);filter:blur(0)}
}
@keyframes contactHeroLineIn{
  from{opacity:0;transform:scaleX(0)}
  to{opacity:1;transform:scaleX(1)}
}
@media(max-width:980px){
  .contact-hero.contact-hero-mini.contact-hero-clean p{
    display:block !important;
    white-space:normal !important;
    font-size:18px !important;
    line-height:1.5 !important;
  }
}
@media(max-width:560px){
  .contact-hero.contact-hero-mini.contact-hero-clean{
    min-height:118px !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-hero-inner{
    padding:24px 0 24px !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean p{
    font-size:16px !important;
  }
}

/* =========================
   CONTACT HERO MARQUEE PREMIUM TRUE SEAMLESS LOOP
   Reset sekmesi yok: 2 eş parçalı track, linear ve -50%.
========================= */
.contact-hero.contact-hero-mini.contact-hero-clean{
  min-height:132px !important;
  overflow:hidden !important;
  position:relative !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:18px !important;
  width:min(560px,72vw) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,rgba(255,30,36,0),rgba(255,30,36,.78),rgba(0,149,255,.66),rgba(255,30,36,0)) !important;
  box-shadow:0 0 24px rgba(255,30,36,.26) !important;
  pointer-events:none !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-wrap{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:34px 0 34px !important;
  overflow:hidden !important;
  position:relative !important;
  isolation:isolate !important;
  pointer-events:none !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-wrap::before,
.contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-wrap::after{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  bottom:0 !important;
  width:160px !important;
  z-index:3 !important;
  pointer-events:none !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-wrap::before{
  left:0 !important;
  background:linear-gradient(90deg, rgba(7,15,27,.98), rgba(7,15,27,0)) !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-wrap::after{
  right:0 !important;
  background:linear-gradient(270deg, rgba(7,15,27,.98), rgba(7,15,27,0)) !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-track{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  gap:0 !important;
  animation:contactHeroMarqueeTrueLoop 22s linear infinite !important;
  will-change:transform !important;
  transform:translate3d(0,0,0) !important;
  backface-visibility:hidden !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-track span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  width:max-content !important;
  min-width:0 !important;
  padding:0 clamp(90px,10vw,180px) 0 0 !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  font-size:clamp(25px,2vw,34px) !important;
  line-height:1.18 !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  color:rgba(255,255,255,.96) !important;
  text-shadow:0 0 18px rgba(255,255,255,.12), 0 0 34px rgba(255,30,36,.24) !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-track span::after{
  content:"" !important;
  display:inline-block !important;
  width:76px !important;
  height:2px !important;
  margin-left:36px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#ff1e24 0%,rgba(255,30,36,.9) 45%,rgba(0,149,255,.85) 100%) !important;
  box-shadow:0 0 18px rgba(255,30,36,.38) !important;
  flex:0 0 auto !important;
}
.contact-hero.contact-hero-mini.contact-hero-clean:hover .contact-marquee-track{
  animation-play-state:running !important;
}
@keyframes contactHeroMarqueeTrueLoop{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:980px){
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-track{
    animation-duration:19s !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-track span{
    font-size:22px !important;
    padding-right:110px !important;
  }
}
@media(max-width:560px){
  .contact-hero.contact-hero-mini.contact-hero-clean{
    min-height:108px !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-wrap{
    padding:28px 0 26px !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-track{
    animation-duration:17s !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-track span{
    font-size:18px !important;
    padding-right:82px !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-track span::after{
    width:44px !important;
    margin-left:24px !important;
  }
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-wrap::before,
  .contact-hero.contact-hero-mini.contact-hero-clean .contact-marquee-wrap::after{
    width:64px !important;
  }
}


/* FINAL: Slider + fast mail intro compact block */
.contact-form-map-section .contact-section-intro-wrap{
  width:min(100% - 32px,1180px) !important;
  max-width:1180px !important;
  margin:0 auto 18px !important;
  padding:0 !important;
  position:relative !important;
  z-index:3 !important;
}
.contact-form-map-section .contact-section-intro{
  width:100% !important;
  max-width:560px !important;
  min-height:56px !important;
  height:56px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  overflow:hidden !important;
  text-align:left !important;
  animation:contactIntroFadeUp .7s cubic-bezier(.2,.85,.25,1) both !important;
}
.contact-form-map-section .contact-fastmail-badge{
  position:relative !important;
  width:56px !important;
  height:56px !important;
  flex:0 0 56px !important;
  border-radius:16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  background:linear-gradient(135deg,#ff2a30,#b80d16) !important;
  box-shadow:0 12px 28px rgba(255,30,36,.30), inset 0 1px 0 rgba(255,255,255,.18) !important;
  overflow:hidden !important;
}
.contact-form-map-section .contact-fastmail-badge::before{
  content:"" !important;
  position:absolute !important;
  width:58px !important;
  height:2px !important;
  right:38px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.58),rgba(255,255,255,0)) !important;
  opacity:0 !important;
  animation:fastMailTrailSoft 1.7s ease-in-out infinite !important;
}
.contact-form-map-section .contact-fastmail-badge i{
  position:relative !important;
  z-index:2 !important;
  font-size:20px !important;
  transform:rotate(-8deg) !important;
  animation:fastMailFloat 1.7s ease-in-out infinite !important;
}
.contact-form-map-section .contact-section-intro-text{
  min-width:0 !important;
  max-width:calc(100% - 68px) !important;
  height:56px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.contact-form-map-section .contact-section-intro-text h2{
  margin:0 !important;
  max-width:100% !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:clamp(20px,1.55vw,26px) !important;
  line-height:1 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  font-weight:900 !important;
  color:#fff !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-shadow:0 0 15px rgba(255,255,255,.11),0 0 22px rgba(255,30,36,.18) !important;
}
.contact-form-map-section .contact-section-intro-text p{
  margin:4px 0 0 !important;
  max-width:100% !important;
  color:rgba(255,255,255,.68) !important;
  font-size:11.5px !important;
  line-height:1.1 !important;
  font-weight:750 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.contact-form-map-section .contact-section-intro-text::after{
  display:none !important;
}
@keyframes contactIntroFadeUp{
  from{opacity:0;transform:translate3d(0,14px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes fastMailFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(-8deg)}
  45%{transform:translate3d(4px,-2px,0) rotate(-8deg)}
  62%{transform:translate3d(1px,1px,0) rotate(-8deg)}
}
@keyframes fastMailTrailSoft{
  0%,100%{opacity:0;transform:translate3d(-10px,-50%,0) scaleX(.6)}
  42%{opacity:.52;transform:translate3d(14px,-50%,0) scaleX(1)}
  70%{opacity:0;transform:translate3d(28px,-50%,0) scaleX(.55)}
}
@media(max-width:900px){
  .contact-form-map-section .contact-section-intro{
    max-width:100% !important;
  }
}
@media(max-width:560px){
  .contact-form-map-section .contact-section-intro{
    height:auto !important;
    min-height:52px !important;
    overflow:visible !important;
    align-items:flex-start !important;
  }
  .contact-form-map-section .contact-fastmail-badge{
    width:52px !important;
    height:52px !important;
    flex-basis:52px !important;
  }
  .contact-form-map-section .contact-section-intro-text{
    height:auto !important;
    min-height:52px !important;
    max-width:calc(100% - 64px) !important;
    justify-content:center !important;
  }
  .contact-form-map-section .contact-section-intro-text h2{
    font-size:22px !important;
    white-space:normal !important;
  }
  .contact-form-map-section .contact-section-intro-text p{
    font-size:11.5px !important;
    white-space:normal !important;
  }
}


/* ASYA contact social quick links */
.contact-info-strip.contact-info-strip-social{
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
}
.contact-info-strip .contact-social-link{
  position:relative;
  overflow:hidden;
  text-decoration:none;
}
.contact-info-strip .contact-social-link i{
  color:#fff!important;
}
.contact-info-strip .contact-whatsapp-link{
  background:linear-gradient(135deg,#16a34a,#22c55e)!important;
  color:#fff!important;
  border-color:rgba(34,197,94,.35)!important;
  box-shadow:0 16px 36px rgba(22,163,74,.18)!important;
}
.contact-info-strip .contact-instagram-link{
  background:linear-gradient(135deg,#833ab4,#fd1d1d 52%,#fcb045)!important;
  color:#fff!important;
  border-color:rgba(253,29,29,.32)!important;
  box-shadow:0 16px 36px rgba(131,58,180,.18)!important;
}
.contact-info-strip .contact-social-link small,
.contact-info-strip .contact-social-link span{
  color:#fff!important;
}
.contact-info-strip .contact-social-link::after{
  content:"";
  position:absolute;
  inset:-40% -25%;
  background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.18) 46%,transparent 62%);
  transform:translateX(-120%);
  transition:transform .55s ease;
}
.contact-info-strip .contact-social-link:hover::after{transform:translateX(120%);}
@media(max-width:720px){
  .contact-info-strip.contact-info-strip-social{grid-template-columns:1fr!important;}
}

/* ASYA contact form social buttons - placed next to form title */
.contact-form-heading-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}
.contact-form-heading-row h2{
  margin:0!important;
}
.contact-form-social-actions{
  display:flex;
  align-items:center;
  gap:9px;
  padding:5px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(2,8,18,.42);
  border-radius:999px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 30px rgba(0,0,0,.18);
  flex:0 0 auto;
}
.contact-form-social-btn{
  width:36px;
  height:36px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  text-decoration:none!important;
  font-size:17px;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  transition:transform .18s ease,filter .18s ease;
}
.contact-form-social-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.contact-form-whatsapp{background:linear-gradient(135deg,#12b76a,#22c55e)}
.contact-form-instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d 52%,#fcb045)}
.contact-info-strip.contact-info-strip-social{grid-template-columns:repeat(3,minmax(190px,1fr))!important;}
@media(max-width:720px){
  .contact-form-heading-row{align-items:flex-start;gap:10px;margin-bottom:14px;}
  .contact-form-heading-row h2{font-size:24px!important;line-height:1.05!important;}
  .contact-form-social-actions{padding:4px;gap:7px;}
  .contact-form-social-btn{width:32px;height:32px;font-size:15px;}
  .contact-info-strip.contact-info-strip-social{grid-template-columns:1fr!important;}
}

/* =========================================================
   ASYA FINAL CONTACT ACTIONS
   - Başlık kartın içinde
   - WhatsApp/Instagram gönder butonunun yanında
   - Sosyal butonlar transparan/glow, gönder butonuyla aynı yükseklikte
========================================================= */
.contact-form-map-section{
  background:
    radial-gradient(circle at 10% 12%, rgba(255,30,36,.17), transparent 34%),
    radial-gradient(circle at 88% 10%, rgba(42,139,255,.16), transparent 34%),
    linear-gradient(180deg,#020b17,#061324) !important;
  color:#fff !important;
}
.contact-form-map-grid{
  gap:20px !important;
}
.contact-form-map-section .contact-form-card.contact-form-card-modern,
.contact-form-map-section .contact-form-card{
  border-radius:26px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 0 18%, rgba(255,30,36,.18), transparent 34%),
    linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05) !important;
  padding:34px !important;
  overflow:hidden !important;
}
.contact-form-map-section .contact-form-card::before{
  display:block !important;
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 8% 18%, rgba(255,30,36,.18), transparent 28%),
    radial-gradient(circle at 92% 88%, rgba(29,91,216,.16), transparent 30%) !important;
  pointer-events:none !important;
}
.contact-form-map-section .contact-section-intro-inside{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:none !important;
  min-height:64px !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  margin:0 0 26px !important;
  overflow:visible !important;
  animation:none !important;
}
.contact-form-map-section .contact-section-intro-inside .contact-fastmail-badge{
  width:64px !important;
  height:64px !important;
  flex:0 0 64px !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#ff2630,#c51220) !important;
  box-shadow:0 16px 34px rgba(255,30,36,.28), inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.contact-form-map-section .contact-section-intro-inside .contact-section-intro-text{
  height:auto !important;
  max-width:none !important;
  min-width:0 !important;
  overflow:visible !important;
}
.contact-form-map-section .contact-section-intro-inside h2{
  display:block !important;
  margin:0 !important;
  color:#fff !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:clamp(26px,2.5vw,42px) !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.025em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
  text-shadow:0 0 16px rgba(255,255,255,.12), 0 0 22px rgba(255,30,36,.18) !important;
}
.contact-form-map-section .contact-section-intro-inside p{
  margin:6px 0 0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:15px !important;
  font-weight:750 !important;
  white-space:normal !important;
}
.contact-form-heading-row,
.contact-form-social-actions{
  display:none !important;
}
.contact-form-map-section .premium-contact-form{
  position:relative !important;
  z-index:2 !important;
  gap:16px !important;
}
.contact-form-map-section .premium-contact-form input,
.contact-form-map-section .premium-contact-form textarea,
.contact-form-map-section .premium-contact-form select{
  border:1px solid rgba(255,255,255,.13) !important;
  background:rgba(2,11,23,.68) !important;
  color:#fff !important;
  border-radius:13px !important;
  min-height:54px !important;
  padding:0 20px !important;
  font-size:15px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.contact-form-map-section .premium-contact-form textarea{
  min-height:132px !important;
  padding:18px 20px !important;
}
.contact-form-map-section .premium-contact-form input::placeholder,
.contact-form-map-section .premium-contact-form textarea::placeholder{
  color:rgba(255,255,255,.46) !important;
}
.contact-form-map-section .premium-contact-form input:focus,
.contact-form-map-section .premium-contact-form textarea:focus,
.contact-form-map-section .premium-contact-form select:focus{
  border-color:rgba(255,255,255,.28) !important;
  background:rgba(2,11,23,.82) !important;
  box-shadow:0 0 0 3px rgba(255,255,255,.055), 0 0 28px rgba(255,30,36,.13) !important;
}
.contact-actions-row{
  display:grid !important;
  grid-template-columns:minmax(210px,240px) minmax(160px,1fr) minmax(160px,1fr) !important;
  gap:16px !important;
  align-items:stretch !important;
  margin-top:2px !important;
}
.contact-form-map-section .premium-contact-form .contact-actions-row button#contactSubmit,
.contact-form-map-section .premium-contact-form button#contactSubmit{
  width:100% !important;
  min-width:0 !important;
  height:58px !important;
  min-height:58px !important;
  margin:0 !important;
  border-radius:8px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:linear-gradient(135deg,#ff2430 0%,#e43d6b 54%,#258dff 100%) !important;
  color:#fff !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  box-shadow:0 16px 34px rgba(255,30,36,.24),0 0 26px rgba(37,141,255,.16) !important;
}
.contact-social-cta{
  height:58px !important;
  min-height:58px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  border-radius:8px !important;
  background:rgba(3,13,25,.26) !important;
  color:#fff !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:18px !important;
  font-weight:900 !important;
  letter-spacing:.045em !important;
  text-decoration:none !important;
  position:relative !important;
  overflow:hidden !important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease !important;
}
.contact-social-cta i{
  font-size:24px !important;
  line-height:1 !important;
}
.contact-social-cta::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  padding:1.5px !important;
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  pointer-events:none !important;
}
.contact-social-cta-whatsapp::before{background:linear-gradient(135deg,#25d366,#0ead52) !important;}
.contact-social-cta-instagram::before{background:linear-gradient(135deg,#833ab4,#fd1d1d 52%,#fcb045) !important;}
.contact-social-cta-whatsapp{box-shadow:0 0 22px rgba(37,211,102,.14) !important;}
.contact-social-cta-instagram{box-shadow:0 0 22px rgba(253,29,29,.13) !important;}
.contact-social-cta-whatsapp i{color:#25d366 !important;text-shadow:0 0 14px rgba(37,211,102,.55) !important;}
.contact-social-cta-instagram i{color:#fff !important;text-shadow:0 0 14px rgba(253,29,29,.45) !important;}
.contact-social-cta:hover,
.contact-form-map-section .premium-contact-form button#contactSubmit:hover{
  transform:translateY(-2px) !important;
}
.contact-social-cta-whatsapp:hover{background:rgba(37,211,102,.12) !important;box-shadow:0 0 26px rgba(37,211,102,.28) !important;}
.contact-social-cta-instagram:hover{background:rgba(253,29,29,.10) !important;box-shadow:0 0 26px rgba(253,29,29,.24) !important;}
@media(max-width:900px){
  .contact-actions-row{
    grid-template-columns:1fr !important;
  }
  .contact-form-map-section .premium-contact-form .contact-actions-row button#contactSubmit,
  .contact-form-map-section .premium-contact-form button#contactSubmit,
  .contact-social-cta{
    width:100% !important;
  }
}
@media(max-width:560px){
  .contact-form-map-section .contact-form-card.contact-form-card-modern,
  .contact-form-map-section .contact-form-card{
    padding:22px !important;
    border-radius:20px !important;
  }
  .contact-form-map-section .contact-section-intro-inside{
    align-items:flex-start !important;
    gap:12px !important;
    margin-bottom:20px !important;
  }
  .contact-form-map-section .contact-section-intro-inside .contact-fastmail-badge{
    width:52px !important;
    height:52px !important;
    flex-basis:52px !important;
    border-radius:15px !important;
  }
  .contact-form-map-section .contact-section-intro-inside h2{
    font-size:24px !important;
  }
  .contact-form-map-section .contact-section-intro-inside p{
    font-size:12px !important;
    line-height:1.25 !important;
  }
}

/* =========================================================
   FINAL CONTACT BUTTON LAYOUT FIX
   - Başlık tek satır ve daha küçük
   - Form/harita kart bütünlüğü korunur
   - WhatsApp/Instagram butonları gönder butonuyla aynı yükseklikte, taşmasız
========================================================= */
.contact-form-map-section .contact-form-map-grid{
  align-items:stretch !important;
  gap:24px !important;
}
.contact-form-map-section .contact-form-card.contact-form-card-modern,
.contact-form-map-section .contact-form-card,
.contact-form-map-section .contact-map-panel{
  min-height:0 !important;
}
.contact-form-map-section .contact-section-intro-inside{
  min-height:54px !important;
  gap:13px !important;
  margin-bottom:20px !important;
}
.contact-form-map-section .contact-section-intro-inside .contact-fastmail-badge{
  width:54px !important;
  height:54px !important;
  flex:0 0 54px !important;
  border-radius:16px !important;
}
.contact-form-map-section .contact-section-intro-inside h2{
  font-size:clamp(25px,1.65vw,34px) !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
  letter-spacing:.015em !important;
}
.contact-form-map-section .contact-section-intro-inside p{
  font-size:13px !important;
  line-height:1.35 !important;
  margin-top:5px !important;
}
.contact-actions-row{
  grid-template-columns:minmax(190px,1.15fr) minmax(124px,.8fr) minmax(124px,.8fr) !important;
  gap:10px !important;
  width:100% !important;
  overflow:hidden !important;
}
.contact-form-map-section .premium-contact-form .contact-actions-row button#contactSubmit,
.contact-form-map-section .premium-contact-form button#contactSubmit,
.contact-social-cta{
  height:54px !important;
  min-height:54px !important;
  max-height:54px !important;
  border-radius:10px !important;
  padding:0 13px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.contact-form-map-section .premium-contact-form .contact-actions-row button#contactSubmit,
.contact-form-map-section .premium-contact-form button#contactSubmit{
  font-size:16px !important;
  letter-spacing:.035em !important;
}
.contact-social-cta{
  font-size:15px !important;
  letter-spacing:.035em !important;
  gap:8px !important;
  min-width:0 !important;
}
.contact-social-cta i{
  font-size:20px !important;
  flex:0 0 auto !important;
}
.contact-social-cta span{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.contact-map-panel{
  overflow:hidden !important;
  border-radius:26px !important;
}
.contact-map-real.contact-map-side{
  min-height:360px !important;
}
@media(max-width:1180px){
  .contact-form-map-section .contact-section-intro-inside h2{
    font-size:28px !important;
  }
  .contact-actions-row{
    grid-template-columns:1fr 130px 130px !important;
  }
  .contact-social-cta{
    font-size:14px !important;
  }
}
@media(max-width:900px){
  .contact-actions-row{
    grid-template-columns:1fr 1fr !important;
  }
  .contact-form-map-section .premium-contact-form .contact-actions-row button#contactSubmit{
    grid-column:1 / -1 !important;
  }
}
@media(max-width:560px){
  .contact-form-map-section .contact-section-intro-inside{
    align-items:center !important;
  }
  .contact-form-map-section .contact-section-intro-inside .contact-fastmail-badge{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }
  .contact-form-map-section .contact-section-intro-inside h2{
    font-size:20px !important;
    white-space:nowrap !important;
  }
  .contact-actions-row{
    grid-template-columns:1fr !important;
    gap:9px !important;
  }
  .contact-form-map-section .premium-contact-form .contact-actions-row button#contactSubmit,
  .contact-form-map-section .premium-contact-form button#contactSubmit,
  .contact-social-cta{
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
  }
}
@media(max-width:390px){
  .contact-form-map-section .contact-section-intro-inside h2{
    font-size:18px !important;
    letter-spacing:0 !important;
  }
  .contact-form-map-section .contact-section-intro-inside p{
    font-size:11px !important;
  }
}