.contact-page { background: #fff; }

.contact-hero { position: relative; height: 68vh; overflow: hidden; color: #fff; background: radial-gradient(ellipse 48% 72% at 54% 43%, rgba(105, 18, 23, .16), rgba(72, 16, 19, .07) 42%, transparent 72%), #141414; }
.contact-hero-noise { position: absolute; inset: 0; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); background-size: 180px; pointer-events: none; }
.contact-corner { position: absolute; width: 40px; height: 40px; }
.contact-corner-top { top: 32px; left: 32px; border-top: 1px solid rgba(255,255,255,.08); border-left: 1px solid rgba(255,255,255,.08); }
.contact-corner-bottom { right: 32px; bottom: 32px; border-right: 1px solid rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.contact-hero-inner { position: relative; z-index: 1; width: 100%; max-width: 1104px; height: 100%; margin: 0 auto; padding: 104px 0 46px; display: flex; flex-direction: column; justify-content: center; }
.contact-title-row { display: flex; align-items: stretch; gap: 20px; }
.contact-red-line { width: 3px; flex: 0 0 3px; border-radius: 99px; background: var(--button-red); }
.contact-title-row h1 { margin: 0; font-family: Syne, sans-serif; font-size: 72px; font-weight: 700; line-height: .95; letter-spacing: -.025em; }
.contact-title-row h1 { min-width: 0; overflow-wrap: anywhere; }
.contact-title-row h1 em { color: rgba(255,255,255,.55); font-style: normal; }
.contact-hero-description { max-width: 640px; margin: 26px 0 0; color: rgba(255,255,255,.45); font-size: 18px; line-height: 32px; }
.contact-hero-actions { margin-top: 24px; display: flex; gap: 12px; }
.contact-hero-actions a { height: 48px; padding: 0 24px; display: inline-flex; align-items: center; gap: 10px; border-radius: 14px; font-size: 14px; font-weight: 600; }
.contact-hero-actions svg { width: 16px; height: 16px; }
.contact-phone-button { color: #fff; background: var(--button-red); transition: background-color .15s; }
.contact-phone-button:hover { background: var(--button-red-hover); }
.contact-mail-button { color: rgba(255,255,255,.70); border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); backdrop-filter: blur(8px); transition: color .15s, border-color .15s, background-color .15s; }
.contact-mail-button:hover { color: #fff; border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.09); }

.contact-content, .contact-location { padding: 80px max(40px, calc((100vw - 1104px) / 2)); background: #fff; }
.contact-section-heading, .contact-location-heading { margin-bottom: 56px; padding-bottom: 32px; border-bottom: 1px solid rgba(214,211,209,.60); }
.contact-section-heading h2, .contact-location-heading h2 { margin: 12px 0 0; color: #1c1917; font-family: Syne, sans-serif; font-size: 36px; font-weight: 700; line-height: 40px; letter-spacing: -.02em; }
.contact-section-heading > p:last-child, .contact-location-heading > p:last-child { max-width: 650px; margin: 16px 0 0; color: #737373; font-size: 15px; line-height: 28px; }
.contact-page-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }
.contact-page-info { min-width: 0; }
.contact-page-details > div { padding: 20px 0; display: flex; align-items: flex-start; gap: 16px; border-bottom: 1px solid rgba(231,229,228,.80); }
.contact-page-details > div:first-child { padding-top: 0; }
.contact-page-details > div > b { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border: 1px solid #e7e5e4; border-radius: 14px; color: #78716c; background: #fff; }
.contact-page-details > div > b svg { width: 18px; height: 18px; }
.contact-page-details span { min-width: 0; display: flex; flex-direction: column; }
.contact-page-details small, .contact-page-socials > p, .contact-form-fields label > span { color: #a8a29e; font-family: "DM Mono", monospace; font-size: 9px; line-height: 14px; text-transform: uppercase; letter-spacing: .28em;  font-weight: 500;}
.contact-page-details strong { margin-top: 5px; color: #292524; font-size: 16px; font-weight: 500; line-height: 22px; overflow-wrap: anywhere; }
.contact-page-details span p { margin: 3px 0 0; color: #737373; font-size: 14px; line-height: 21px; }
.contact-page-socials { padding-top: 24px; }
.contact-page-socials > p { margin: 0 0 16px; letter-spacing: .32em; }
.contact-page-socials > div { display: flex; gap: 8px; }
.contact-page-socials a, .contact-page-socials > div > span { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid #e7e5e4; border-radius: 12px; color: #57534e; background: #fff; transition: color .18s, border-color .18s, background-color .18s, transform .18s; }
.contact-page-socials > div > span { cursor: default; opacity: .72; }
.contact-page-socials .social-facebook { color: #1877f2; }
.contact-page-socials .social-instagram { color: #e1306c; }
.contact-page-socials .social-tiktok { color: #111; }
.contact-page-socials a:hover { color: #fff; border-color: transparent; transform: translateY(-1px); }
.contact-page-socials .social-facebook:hover { background: #1877f2; }
.contact-page-socials .social-instagram:hover { background: linear-gradient(135deg, #833ab4, #fd1d1d 58%, #fcb045); }
.contact-page-socials .social-tiktok:hover { background: #111; }
.contact-page-socials svg { width: 18px; height: 18px; }

.contact-page-form { overflow: hidden; border: 1px solid #e7e5e4; border-radius: 16px; background: #fff; }
.contact-page-form > header { padding: 20px 28px; border-bottom: 1px solid #f5f5f4; }
.contact-page-form > header .mono-label { margin: 0; font-size: 10px; letter-spacing: .32em; }
.contact-page-form > header span { display: block; margin-top: 4px; color: #737373; font-size: 14px; line-height: 20px; }
.contact-form-fields { padding: 24px 28px 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.contact-form-fields label { display: flex; flex-direction: column; gap: 8px; }
.contact-form-fields label:nth-child(5), .contact-form-fields button { grid-column: 1 / -1; }
.contact-form-fields input, .contact-form-fields textarea { width: 100%; height: 42px; padding: 8px 12px; border: 1px solid #e7e5e4; border-radius: 10px; color: #292524; background: #fff; font-size: 14px; line-height: 20px; outline: none; }
.contact-form-fields textarea { height: 120px; min-height: 120px; resize: vertical; }
.contact-form-fields input::placeholder, .contact-form-fields textarea::placeholder { color: #a8a29e; }
.contact-form-fields input:focus, .contact-form-fields textarea:focus { border-color: #a8a29e; }
.contact-form-fields button { height: 44px; border: 0; border-radius: 10px; color: #fff; background: var(--button-red); font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color .15s; }
.contact-form-fields button:hover { background: var(--button-red-hover); }

.contact-metrics { color: #fff; border-block: 1px solid rgba(255,255,255,.05); background: #141414; }
.contact-metrics-inner { width: calc(100% - 80px); max-width: 1104px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); border-inline: 1px solid rgba(255,255,255,.05); }
.contact-metrics-inner > div { min-height: 142px; padding: 30px 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; border-right: 1px solid rgba(255,255,255,.05); }
.contact-metrics-inner > div:last-child { border-right: 0; }
.contact-metrics strong { font-family: Syne, sans-serif; font-size: 34px; font-weight: 700; line-height: 40px; }
.contact-metrics span { color: rgba(255,255,255,.34); font-family: "DM Mono", monospace; font-size: 10px; line-height: 15px; text-transform: uppercase; letter-spacing: .32em; text-align: center;  font-weight: 500;}

.contact-location { padding-bottom: 80px; }
.contact-location-map { position: relative; height: 420px; display: block; overflow: hidden; border: 1px solid #e7e5e4; border-radius: 16px; background: radial-gradient(circle at 50% 42%, rgba(147,15,23,.13), transparent 38%), #141414; box-shadow: 0 12px 36px rgba(20,20,20,.08); }
.contact-location-map iframe { width: 100%; height: 100%; display: block; border: 0; }
.contact-location-map iframe[hidden], .contact-map-consent[hidden], .contact-map-open[hidden] { display: none; }
.contact-map-consent { width: 100%; height: 100%; padding: 32px; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; }
.contact-map-consent > span { width: 52px; height: 52px; display: grid; place-items: center; color: #fa2d37; border: 1px solid rgba(250,45,55,.24); border-radius: 16px; background: rgba(147,15,23,.11); }
.contact-map-consent > span svg { width: 21px; height: 21px; }
.contact-map-consent > strong { margin-top: 20px; font-family: Syne, sans-serif; font-size: 23px; line-height: 30px; }
.contact-map-consent > p { max-width: 480px; margin: 10px 0 0; color: rgba(255,255,255,.46); font-size: 14px; line-height: 23px; }
.contact-map-consent > div { margin-top: 22px; display: flex; align-items: center; justify-content: center; gap: 10px; }
.contact-map-consent button, .contact-map-consent a { height: 44px; padding: 0 17px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; border-radius: 12px; font-size: 12px; font-weight: 700; }
.contact-map-consent button { color: #fff; border: 1px solid #e7000b; background: #e7000b; cursor: pointer; }
.contact-map-consent button:hover { border-color: #fa2d37; background: #fa2d37; }
.contact-map-consent a { color: rgba(255,255,255,.65); border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.035); }
.contact-map-consent a:hover { color: #fff; border-color: rgba(255,255,255,.24); }
.contact-map-consent a svg { width: 14px; height: 14px; }
.contact-map-open { position: absolute; right: 14px; bottom: 14px; height: 42px; padding: 0 15px; display: inline-flex; align-items: center; gap: 8px; color: #fff; border: 1px solid rgba(255,255,255,.16); border-radius: 11px; background: rgba(20,20,20,.90); box-shadow: 0 12px 34px rgba(0,0,0,.20); backdrop-filter: blur(14px); font-size: 11px; font-weight: 700; }
.contact-map-open svg { width: 14px; height: 14px; }

@media (max-width: 1180px) {
  .contact-hero-inner { padding-left: 64px; padding-right: 64px; }
}

@media (max-width: 1023px) {
  .contact-hero { height: auto; min-height: 620px; }
  .contact-hero-inner { min-height: 620px; padding: 96px 48px 56px; justify-content: center; }
  .contact-page-grid { grid-template-columns: 1fr; }
  .contact-metrics-inner { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 639px) {
  .contact-hero { min-height: 650px; }
  .contact-hero-inner { min-height: 650px; padding: 96px 24px 56px; justify-content: center; }
  .contact-title-row { gap: 20px; }
  .contact-title-row h1 { font-size: 52px; line-height: .98; }
  html[lang="ro"] .contact-title-row h1 { font-size: clamp(42px, 11.5vw, 52px); }
  .contact-hero-description { margin-top: 26px; font-size: 17px; line-height: 30px; }
  .contact-hero-actions { margin-top: 27px; flex-direction: column; align-items: stretch; }
  .contact-hero-actions a { width: 100%; height: 48px; padding: 0 20px; justify-content: center; text-align: center; }
  .contact-corner-top { top: 32px; left: 32px; }
  .contact-corner-bottom { right: 32px; bottom: 32px; }
  .contact-content, .contact-location { padding: 80px 24px; }
  .contact-section-heading, .contact-location-heading { margin-bottom: 48px; padding-bottom: 32px; }
  .contact-section-heading h2, .contact-location-heading h2 { font-size: 30px; line-height: 36px; }
  .contact-page-details > div { padding: 20px 0; }
  .contact-page-socials { padding: 24px 0 40px; }
  .contact-page-form > header { padding: 20px 28px; }
  .contact-form-fields { padding: 24px 28px 28px; grid-template-columns: 1fr; }
  .contact-form-fields label, .contact-form-fields label:nth-child(5), .contact-form-fields button { grid-column: 1; }
  .contact-form-fields input { height: 42px; }
  .contact-metrics-inner { width: 100%; }
  .contact-metrics-inner > div { min-height: 122px; padding: 24px 10px; }
  .contact-metrics strong { font-size: 28px; line-height: 34px; }
  .contact-metrics span { max-width: 130px; font-size: 8px; letter-spacing: .24em; }
  .contact-location-map { height: 360px; }
  .contact-map-consent { padding: 24px; }
  .contact-map-consent > div { width: 100%; flex-direction: column; }
  .contact-map-consent button, .contact-map-consent a { width: 100%; max-width: 290px; }
}

@media (max-width: 360px) {
  .contact-title-row { gap: 14px; }
  .contact-title-row h1, html[lang="ro"] .contact-title-row h1 { font-size: clamp(36px, 11vw, 44px); }
}
.icr-honeypot{display:none!important;}.contact-form-notice{max-width:1104px;margin:0 auto 24px;padding:14px 18px;border-radius:10px;font-size:14px;}.contact-form-notice.success{color:#166534;background:#dcfce7;}.contact-form-notice.error{color:#991b1b;background:#fee2e2;}

.contact-form-fields .form-privacy-consent,
.contact-form-fields button { grid-column: 1 / -1; }