/* Yazı tipleri kendi sunucumuzdan */
@font-face{font-family:"Overpass";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/overpass-latin-800-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Overpass";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/overpass-latin-ext-800-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Overpass";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/overpass-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Overpass";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/overpass-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lora";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lora-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lora";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/lora-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Lora";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/lora-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Lora";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/lora-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* didimrehber.tr — turistik yön levhası kahverengisi, beyaz şerit, taş grisi */
:root {
  --zemin: #EDEFF0; --yuzey: #FFFFFF; --metin: #221A15; --soluk: #5F5852; --cizgi: #D3D6D8;
  --vurgu: #5C3218; --vurgu-koyu: #3F210F; --vurgu-metin: #FFFFFF; --vurgu-acik: #E3B98F; --ikincil: #E2DCD6;
  --koyu: #2A1D15; --koyu-metin: #C3B6AB; --koyu-baslik: #FFFFFF;
  --f-baslik: "Overpass", "Arial", system-ui, sans-serif; --f-govde: "Lora", Georgia, serif; --f-etiket: "Overpass", system-ui, sans-serif;
  --baslik-kalinlik: 800; --kose: 6px;
}
h1, h2, h3 { letter-spacing: -.01em; }
.k-marka { font-weight: 800; font-size: 1.35rem; display: inline-flex; align-items: center; gap: 8px; }
.tabela-mini { background: var(--vurgu); color: #fff; padding: 5px 9px 3px; border-radius: 4px; box-shadow: inset 0 0 0 2px var(--vurgu), inset 0 0 0 4px #fff; }
.k-dugme { font-family: var(--f-etiket); font-weight: 800; letter-spacing: .02em; }
.g-acilis { padding: clamp(40px, 7vw, 96px) 0; }
.g-acilis__ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 64px); align-items: center; }
.g-acilis h1 { font-size: clamp(2.8rem, 6.4vw, 5.4rem); line-height: .96; }
.g-acilis__giris { font-size: 1.15rem; color: var(--soluk); max-width: 46ch; margin-bottom: 26px; }
.g-direk { position: relative; display: grid; gap: 14px; justify-items: start; padding: 10px 0 40px 28px; }
.g-direk__cubuk { position: absolute; left: 50%; top: 0; bottom: 0; width: 14px; margin-left: -7px; background: linear-gradient(90deg, #8E969B, #C9CED1 45%, #7E868B); border-radius: 3px; z-index: 0; }
.g-levha { position: relative; z-index: 1; display: grid; gap: 2px; min-width: min(100%, 360px); padding: 16px 64px 14px 22px; background: var(--vurgu); color: #fff; text-decoration: none; border-radius: 6px; box-shadow: inset 0 0 0 3px var(--vurgu), inset 0 0 0 6px #fff, 0 14px 24px -16px rgba(0, 0, 0, .6); clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 50%, calc(100% - 34px) 100%, 0 100%); transition: transform .2s; }
.g-levha--sol { justify-self: end; padding: 16px 22px 14px 64px; clip-path: polygon(34px 0, 100% 0, 100% 100%, 34px 100%, 0 50%); text-align: right; }
.g-levha:hover { transform: translateX(4px); color: #fff; }
.g-levha--sol:hover { transform: translateX(-4px); }
.g-levha__ad { font: 800 clamp(1.15rem, 2vw, 1.45rem)/1.1 var(--f-baslik); }
.g-levha__alt { font: 600 .95rem var(--f-etiket); color: var(--vurgu-acik); }
@media (max-width: 980px) { .g-acilis__ic { grid-template-columns: 1fr; } }