/* UPRA — sayfalar arası ortak stiller: üst menü, mobil menü, WhatsApp butonu */
body{margin:0;background:#F6F5EE;color:#262928;font-family:'Archivo',sans-serif}
a{color:#262928}a:hover{color:#000}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #CB9D6B;outline-offset:3px}
.u-link{transition:background-color .2s ease,color .2s ease}
.u-link:hover{background:#262928;color:#F6F5EE}

.u-ust{position:sticky;top:0;z-index:40;background:#F6F5EE;border-bottom:1px solid #262928}
.u-ust-ic{max-width:1440px;margin:0 auto;padding:0 clamp(16px,4vw,56px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;min-height:72px}
.u-marka{display:flex;align-items:center;gap:12px;text-decoration:none}
.u-marka img{width:36px;height:42px;object-fit:contain;mix-blend-mode:multiply}
.u-marka span{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;color:#45463F}
.u-nav{display:flex;flex-wrap:wrap;gap:4px}
.u-nav a{padding:12px 14px;text-decoration:none;font-size:15px;font-weight:500}
.u-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.u-menu-btn{display:none;align-items:center;gap:8px;min-height:48px;padding:0 14px;background:transparent;border:1px solid #262928;color:#262928;font-family:'Archivo',sans-serif;font-size:15px;font-weight:500;cursor:pointer}

/* Ana sayfa: menü ilk kaydırıştan sonra yukarıdan iner */
.u-ust--giris{position:fixed;left:0;right:0;transform:translateY(-100%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.u-ust--giris.gorunur{transform:none}

@media (max-width:720px){
  .u-menu-btn{display:inline-flex}
  .u-nav{display:none;order:3;flex-basis:calc(100% + 2 * clamp(16px,4vw,56px));flex-direction:column;gap:0;margin:0 calc(-1 * clamp(16px,4vw,56px));border-top:1px solid #262928}
  .u-nav.acik{display:flex}
  .u-nav a{padding:16px clamp(16px,4vw,56px);border-bottom:1px solid rgba(38,41,40,.15)}
}

/* WhatsApp: ayarlar.js'te numara varsa görünür */
.u-wa{position:fixed;right:16px;bottom:16px;z-index:45;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 18px 0 14px;background:#262928;color:#F6F5EE;text-decoration:none;font-size:15px;font-weight:500;border:1px solid #262928;transition:background-color .2s ease}
.u-wa:hover{background:#000;color:#F6F5EE}
.u-wa svg{flex:none}
@media (max-width:480px){.u-wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.u-wa{padding:0 14px}}

@media (prefers-reduced-motion: reduce){*{transition:none !important;scroll-behavior:auto !important}}