*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#0D1B3E;color:#F4F6F8;font-family:'DM Sans',sans-serif;font-weight:300;overflow-x:hidden;line-height:1.75}
:root{
  --midnight:#0D1B3E;--midnight2:#0a1530;--frost:#F4F6F8;
  --aegean:#3D6499;--aegean2:#5a82b8;--aegean3:rgba(61,100,153,0.15);--aegean4:rgba(61,100,153,0.06);
  --line:rgba(192,200,208,0.12);--silver:#C0C8D0;
}

/* NAV */
#nav{position:sticky;top:0;z-index:900;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;background:rgba(10,21,48,0.98);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}
.nav-logo img{height:36px;width:auto;display:block;opacity:.92}
.nav-back{font-family:'DM Sans',sans-serif;font-size:.72rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--silver);text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .2s}
.nav-back:hover{color:#fff}
.nav-back::before{content:'←';font-size:.9rem}
.nav-r{display:flex;gap:5px}
.lb{background:none;border:1px solid var(--line);color:var(--silver);font-family:'DM Sans',sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.1em;padding:5px 12px;border-radius:2px;cursor:pointer;transition:all .2s}
.lb.on,.lb:hover{border-color:var(--aegean);color:var(--aegean2);background:var(--aegean4)}

/* PAGE HEADER */
.page-header{
  background:linear-gradient(135deg,#0a1530 0%,#0D1B3E 60%,#0d1835 100%);
  padding:52px 56px 44px;position:relative;overflow:hidden;
  border-bottom:1px solid var(--line);
}
.page-header::before{
  content:'';position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='104'%3E%3Cg fill='none' stroke='rgba(192,200,208,0.04)' stroke-width='0.8'%3E%3Cpolygon points='60,2 114,32 114,72 60,102 6,72 6,32'/%3E%3Cpolygon points='60,14 102,38 102,66 60,90 18,66 18,38'/%3E%3C/g%3E%3C/svg%3E");
  background-size:120px 104px;pointer-events:none;
}
.stag{font-family:'DM Sans',sans-serif;font-size:.66rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--aegean2);margin-bottom:10px;display:flex;align-items:center;gap:12px;position:relative}
.stag::before{content:'';width:28px;height:1px;background:var(--aegean);display:block;flex-shrink:0}
h1{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,2.8rem);font-weight:600;color:#fff;line-height:1.1;letter-spacing:-.02em;position:relative}
h1 .ac{color:var(--aegean2)}
.page-sub{color:var(--silver);font-size:.92rem;margin-top:10px;opacity:.7;max-width:460px;position:relative}

/* MAIN LAYOUT */
.contact-wrap{
  max-width:1100px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1.6fr;
  gap:0;min-height:calc(100vh - 68px - 140px);
}

/* LEFT — info panel */
.contact-info{
  padding:56px 48px 56px 56px;
  border-right:1px solid var(--line);
  display:flex;flex-direction:column;gap:40px;
}
.ci-block{}
.ci-label{
  font-family:'DM Sans',sans-serif;font-size:.62rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--aegean2);
  margin-bottom:10px;display:flex;align-items:center;gap:10px;
}
.ci-label::before{content:'';width:18px;height:1px;background:var(--aegean);display:block}
.ci-val{font-size:.95rem;color:#fff;line-height:1.7}
.ci-val a{color:#fff;text-decoration:none;transition:color .2s}
.ci-val a:hover{color:var(--aegean2)}
.ci-val .sub{color:var(--silver);opacity:.6;font-size:.85rem}

/* Hours table */
.hours{width:100%;border-collapse:collapse;margin-top:4px}
.hours tr td{font-size:.88rem;padding:4px 0;color:var(--silver)}
.hours tr td:first-child{color:#fff;width:140px}
.hours tr.today td{color:var(--aegean2)}

/* RIGHT — map + form */
.contact-right{display:flex;flex-direction:column}
.map-wrap{
  width:100%;height:300px;flex-shrink:0;
  background:#0a1530;overflow:hidden;
  border-bottom:1px solid var(--line);
}
.map-wrap iframe{width:100%;height:100%;border:none;filter:grayscale(30%) invert(5%)}

/* Form */
.contact-form-wrap{padding:48px 56px 56px 48px;flex:1}
.cf-title{
  font-family:'Cormorant Garamond',serif;
  font-size:1.3rem;font-weight:600;color:#fff;
  margin-bottom:24px;letter-spacing:-.01em;
}
.cf-title .ac{color:var(--aegean2)}
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.cf-full{margin-bottom:14px}
.cf-field{display:flex;flex-direction:column;gap:5px}
.cf-field br{
  display: none;
}
.cf-field label{font-family:'DM Sans',sans-serif;font-size:.63rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:rgba(192,200,208,.55)}
.cf-field input,
.cf-field select,
.cf-field textarea{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(192,200,208,.12);
  border-radius:3px;padding:10px 14px;
  font-family:'DM Sans',sans-serif;font-size:.9rem;color:#fff;
  outline:none;transition:border-color .2s,background .2s;width:100%;
}
.cf-field input::placeholder,
.cf-field textarea::placeholder{color:rgba(192,200,208,.3)}
.cf-field input:focus,
.cf-field select:focus,
.cf-field textarea:focus{border-color:var(--aegean);background:rgba(61,100,153,.08)}
.cf-field select{
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235a82b8' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;
  background-color:rgba(255,255,255,.05);
}
.cf-field select option{background:#0D1B3E;color:#fff}
.cf-field textarea{resize:vertical;min-height:110px}
.cf-submit{
  font-family:'DM Sans',sans-serif;font-size:.78rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;
  background:var(--aegean);color:#fff;
  border:none;padding:14px 48px;border-radius:3px;cursor:pointer;
  transition:background .25s,transform .2s;margin-top:6px;
}
.cf-submit:hover{background:var(--aegean2);transform:translateY(-1px)}

/* LANG */
[data-en]{display:none}
body.en [data-tr]{display:none}
body.en [data-en]{display:revert}

@media(max-width:900px){
  .contact-wrap{grid-template-columns:1fr}
  .contact-info{border-right:none;border-bottom:1px solid var(--line);padding:40px 18px}
  .contact-form-wrap{padding:40px 18px}
  #nav{padding:0 18px}
  .page-header{padding:40px 18px 36px}
}
.wpcf7 form .wpcf7-response-output {
  margin: 30px auto 0;
  padding: 15px;
  border: 0 solid #00a0d2; /* Blue */
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border-radius: 20px;
}
@media (max-width: 590px) {
  .wpcf7 form .wpcf7-response-output {
    margin-top: 20px;
    padding: 6px 10px;
    font-size: 13px;
  }
}


.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450; /* Green */
  background-color: #46b450;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232; /* Red */
  background-color: #dc3232;
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28; /* Orange */
  background-color: #f56e28;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #ffb900; /* Yellow */
  background-color: #ffb900;
  color: #000;
}
.wpcf7-not-valid-tip{
  font-size: 12px;
}