/* Dr.Med — İletişim (design page styles, verbatim) */

.ways{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--c-line);border:.5px solid var(--c-line);margin-bottom:clamp(30px,4vw,48px)}
.way{background:var(--c-cream);padding:26px 22px;display:flex;flex-direction:column;gap:10px;text-align:left;
  border:0;cursor:pointer;transition:background .28s;min-height:180px}
.way:hover{background:var(--c-cream-2)}
.way .ic{width:36px;height:36px;border:.5px solid var(--c-line);display:grid;place-items:center;color:var(--c-gold);margin-bottom:6px}
.way .ic svg{width:16px;height:16px}
.way .t{font-family:var(--serif);font-size:19px;line-height:1.2;color:var(--c-ink)}
.way .v{font-family:var(--serif);font-size:16px;color:var(--c-ink-2);line-height:1.45}
.way .d{margin-top:auto;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-mute)}
.way .d b{color:var(--c-gold);font-weight:500}

.hours{display:grid;grid-template-columns:auto 1fr;gap:0;border-top:.5px solid var(--c-line)}
.hours div{padding:13px 0;border-bottom:.5px solid var(--c-line)}
.hours dt{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-mute);padding-right:24px;white-space:nowrap}
.hours dd{margin:0;font-family:var(--serif);font-size:16px;color:var(--c-ink)}
.live{display:inline-flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:#4b7d5e}
.live i{width:7px;height:7px;border-radius:999px;background:#4b7d5e;animation:blip 2.2s infinite}
@keyframes blip{0%,100%{opacity:1}50%{opacity:.35}}

.map{position:relative;aspect-ratio:16/9;background:var(--c-cream);border:.5px solid var(--c-line);overflow:hidden}
.map .grid{position:absolute;inset:0;
  background-image:linear-gradient(var(--c-line) .5px,transparent .5px),linear-gradient(90deg,var(--c-line) .5px,transparent .5px);
  background-size:46px 46px;opacity:.6}
.map .road{position:absolute;background:var(--c-cream-2)}
.map .r1{left:0;right:0;top:58%;height:14px}
.map .r2{top:0;bottom:0;left:38%;width:11px}
.map .r3{left:0;right:0;top:26%;height:7px}
.map .water{position:absolute;right:-8%;top:-10%;width:42%;height:60%;background:color-mix(in srgb,var(--c-gold-soft) 22%,var(--c-cream));transform:rotate(-14deg)}
.map .pin{position:absolute;left:38%;top:58%;transform:translate(-50%,-100%);z-index:3}
.map .pin .dot{width:16px;height:16px;border-radius:999px;background:var(--c-gold);border:3px solid var(--c-paper);box-shadow:0 3px 10px rgba(26,20,14,.35)}
.map .pin::after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);
  border:6px solid transparent;border-top-color:var(--c-gold)}
.map .pulse{position:absolute;left:38%;top:58%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:999px;
  border:1px solid var(--c-gold);opacity:0;animation:pl 3s ease-out infinite}
@keyframes pl{0%{transform:translate(-50%,-50%) scale(.5);opacity:.8}100%{transform:translate(-50%,-50%) scale(2.2);opacity:0}}
.map .lbl2{position:absolute;left:38%;top:58%;transform:translate(-50%,24px);z-index:3;
  background:var(--c-paper);border:.5px solid var(--c-line);padding:8px 13px;white-space:nowrap;
  font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--c-ink)}
.map .note{position:absolute;left:14px;bottom:14px;z-index:3;font-family:ui-monospace,monospace;font-size:10px;
  letter-spacing:.14em;color:var(--c-mute);background:color-mix(in srgb,var(--c-paper) 85%,transparent);padding:6px 10px}
.mapact{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}

.sent{display:none;text-align:center;padding:44px 24px}
.sent.on{display:block;animation:sIn .4s cubic-bezier(.2,.8,.3,1)}
@keyframes sIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.sent .crest{width:60px;height:60px;border-radius:999px;background:var(--c-gold);color:var(--c-paper);display:grid;place-items:center;margin:0 auto 20px}
.sent .crest svg{width:25px;height:25px}
.sent h3{font-family:var(--serif);font-weight:300;font-size:30px;margin:0 0 12px;letter-spacing:-.01em}
.sent p{font-family:var(--serif);font-size:17px;line-height:1.6;color:var(--c-ink-2);max-width:42ch;margin:0 auto 20px}
.sent .ref{font-family:ui-monospace,monospace;font-size:14px;color:var(--c-ink);background:var(--c-cream);
  border:.5px solid var(--c-line);padding:12px 18px;display:inline-block;margin-bottom:22px}

@media (max-width:1000px){.ways{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ways{grid-template-columns:1fr}.map{aspect-ratio:4/3}}