.cm-map{--ink:#173f86;display:grid;grid-template-columns:minmax(34rem,.8fr) minmax(0,1.2fr);min-height:clamp(31rem,54vw,47rem);color:var(--ink);background:#eef5ff;border-bottom:1px solid rgba(23,63,134,.2)}
.cm-map__copy{position:relative;z-index:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding-block:clamp(3rem,7vw,7rem);padding-left:clamp(2rem,6vw,8rem);padding-right:clamp(2rem,5vw,5rem);overflow:hidden;background:radial-gradient(circle at 0 0,rgba(48,184,220,.18),transparent 42%),#f8fbff}
.cm-map__eyebrow{margin:0 0 1.4rem;font:700 .72rem/1 "Proxima Nova",sans-serif;letter-spacing:.28em}
.cm-map h2{max-width:9ch;margin:0;font:800 clamp(3rem,5vw,6.25rem)/.88 "Proxima Nova",sans-serif;letter-spacing:-.04em;overflow-wrap:normal;word-break:normal}
.cm-map address{max-width:28rem;margin:2.25rem 0 0;padding-top:1.25rem;border-top:2px solid var(--ink);font:600 1rem/1.55 "Proxima Nova",sans-serif;font-style:normal}
.cm-map__copy a{display:inline-flex;width:max-content;align-items:center;gap:.8rem;margin-top:2rem;padding:.95rem 0;color:var(--ink);border-bottom:1px solid currentColor;font:800 .76rem/1 "Proxima Nova",sans-serif;letter-spacing:.15em;text-decoration:none}
.cm-map__copy a span{font-size:1.1rem;transition:transform .2s}.cm-map__copy a:hover span{transform:translate(.2rem,-.2rem)}
.cm-map__canvas{position:relative;isolation:isolate;display:grid;min-height:31rem;overflow:hidden;place-items:center;background:linear-gradient(145deg,#102f68,#1f4c98)}
.cm-map__canvas:after{content:"ESKİŞEHİR · 39.7667° N / 30.5256° E";position:absolute;right:2rem;bottom:1.5rem;color:rgba(255,255,255,.72);font:700 .62rem/1 "Proxima Nova",sans-serif;letter-spacing:.2em}
.cm-map__grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:62px 62px;transform:perspective(700px) rotateX(5deg) scale(1.1)}
.cm-map__grid i{position:absolute;height:2px;background:#33c4e4;transform-origin:left}.cm-map__grid i:nth-child(1){width:42%;left:5%;top:28%;transform:rotate(18deg)}.cm-map__grid i:nth-child(2){width:55%;left:38%;top:45%;transform:rotate(-23deg)}.cm-map__grid i:nth-child(3){width:38%;left:18%;top:70%;transform:rotate(-35deg)}.cm-map__grid i:nth-child(4){width:47%;left:46%;top:76%;transform:rotate(14deg)}
.cm-map__grid span{position:absolute;left:54%;top:46%;width:1.25rem;height:1.25rem;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 .65rem rgba(214,61,154,.3),0 0 2.5rem #d63d9a;background:#d63d9a}
.cm-map__canvas button{position:relative;z-index:2;display:flex;align-items:center;gap:1rem;min-height:4rem;padding:.4rem 1.4rem;border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(8,35,81,.74);font:800 .75rem/1 "Proxima Nova",sans-serif;letter-spacing:.14em;cursor:pointer;backdrop-filter:blur(10px);transition:.2s}
.cm-map__canvas button:hover{color:#173f86;background:#fff;transform:translateY(-2px)}.cm-map__canvas button:focus-visible{outline:3px solid #33c4e4;outline-offset:4px}.cm-map__canvas button b{font-size:1.55rem;font-weight:400}
.cm-map iframe{width:100%;height:100%;min-height:31rem;border:0}.cm-map__canvas[data-map-state=loaded]:after{display:none}
[dir=rtl] .cm-map__copy{padding-right:clamp(2rem,6vw,8rem);padding-left:clamp(2rem,5vw,5rem)}
@media(max-width:1099px){.cm-map{grid-template-columns:1fr}.cm-map__copy{padding:4rem clamp(1.5rem,7vw,4rem);overflow:visible}.cm-map h2{max-width:12ch;font-size:clamp(3rem,11vw,5rem)}.cm-map__canvas{min-height:26rem}.cm-map iframe{min-height:26rem}}
@media(prefers-reduced-motion:reduce){.cm-map__copy a span,.cm-map__canvas button{transition:none}}