/* lokman.in — "Bana yazın" balonu ve doğrulamalı mesaj formu (13 Kas). Sitenin dili: mürekkep #0f0f0e, kâğıt #f5f4ef,
   Castoro başlık + italik soluk vurgu, Inter gövde, harf aralıklı küçük etiketler, ok halkalı siyah düğme. */
.mj-balon{position:fixed;z-index:60;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:10px;height:52px;padding:0 20px 0 7px;border:0;border-radius:999px;background:#0f0f0e;color:#f5f4ef;font:500 15px/1 Inter,system-ui,sans-serif;letter-spacing:.01em;box-shadow:0 14px 34px -14px rgba(15,15,14,.55);cursor:pointer;opacity:0;transform:translateY(18px) scale(.94);pointer-events:none;transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.mj-balon.gorunur{opacity:1;transform:none;pointer-events:auto}
.mj-balon i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#f5f4ef;color:#0f0f0e}
.mj-balon svg{width:19px;height:19px}
@media (max-width:560px){.mj-balon{height:50px;padding:0 6px}.mj-balon b{display:none}}

.mj-perde{position:fixed;inset:0;z-index:70;background:rgba(15,15,14,.42);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .35s ease}
.mj-perde.acik{opacity:1;pointer-events:auto}
.mj-pano{position:fixed;z-index:71;left:max(16px,env(safe-area-inset-left,0px));bottom:calc(80px + env(safe-area-inset-bottom,0px));width:min(420px,calc(100vw - 32px));max-height:calc(100vh - 110px);overflow:auto;overscroll-behavior:contain;border-radius:26px;background:#f5f4ef;color:#0f0f0e;box-shadow:0 40px 80px -30px rgba(15,15,14,.55);opacity:0;transform:translateY(16px) scale(.98);transform-origin:bottom left;pointer-events:none;transition:opacity .35s ease,transform .5s cubic-bezier(.16,1,.3,1)}
.mj-pano.acik{opacity:1;transform:none;pointer-events:auto}
@media (max-width:560px){.mj-pano{left:0;right:0;bottom:0;width:auto;max-height:94vh;max-height:94svh;border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);transform:translateY(100%)}.mj-pano.acik{transform:none}
  .mj-pano::before{content:"";display:block;width:40px;height:4px;border-radius:4px;background:#d8d4ca;margin:10px auto 0}}
.mj-pano-ust{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 4px 24px}
.mj-pano-ust b{font:400 32px/1.05 Castoro,Georgia,serif;letter-spacing:-.01em}
.mj-pano-ust b em,.mj-baslik em{font-style:italic;color:#9a988f}
.mj-kapat{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:#e9e6df;color:#0f0f0e;font:400 22px/1 Inter,sans-serif;cursor:pointer}
.mj-pano .mj-form{padding:14px 24px 24px}

/* form */
.mj-form{display:grid;gap:16px;font:400 15px/1.5 Inter,system-ui,sans-serif;color:#0f0f0e}
.mj-alan{display:grid;gap:8px}
.mj-alan>span:first-child{font:500 11px/1 Inter,system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#6f6d66}
.mj-alan small{font-size:10px;letter-spacing:.12em;color:#9c9a94;margin-left:6px}
.mj-form input,.mj-form textarea,.mj-form select{width:100%;box-sizing:border-box;margin:0;border:1px solid #e2ded5;border-radius:14px;background:#fff;color:#0f0f0e;font:400 16px/1.4 Inter,system-ui,sans-serif;padding:14px 16px;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.mj-form input::placeholder,.mj-form textarea::placeholder{color:#b3b0a8}
.mj-form input:focus,.mj-form textarea:focus,.mj-form select:focus{outline:0;border-color:#0f0f0e;box-shadow:0 0 0 3px rgba(15,15,14,.08)}
.mj-form textarea{min-height:120px;resize:vertical}
.mj-secim{position:relative;display:block}
.mj-secim select{padding-right:44px;cursor:pointer}
.mj-secim select:invalid{color:#b3b0a8}
.mj-secim svg{position:absolute;right:16px;top:50%;width:18px;height:18px;margin-top:-9px;pointer-events:none;color:#0f0f0e}
.mj-form .mj-kod{font-size:26px;letter-spacing:.42em;text-align:center;font-variant-numeric:tabular-nums;padding:16px}
.mj-ana{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;height:56px;padding:0 8px 0 24px;border:0;border-radius:999px;background:#0f0f0e;color:#f5f4ef;font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;transition:opacity .2s,transform .3s cubic-bezier(.16,1,.3,1)}
.mj-ana i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f5f4ef;color:#0f0f0e}
.mj-ana svg{width:18px;height:18px}
.mj-ana:not(:disabled):active{transform:scale(.98)}
.mj-ana:disabled{opacity:.28;cursor:default}
.mj-kodbilgi{margin:0;font-size:15px;color:#2b2a27}
.mj-satir{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mj-bag{border:0;background:none;padding:6px 0;color:#0f0f0e;font:500 14px/1.4 Inter,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mj-bag:disabled{color:#9c9a94;text-decoration:none;cursor:default}
.mj-hata{margin:0;color:#b04a33;font-size:14px;font-weight:500}
.mj-tamam{display:grid;gap:10px;justify-items:start;padding:6px 0}
.mj-tamam b{font:400 26px/1.2 Castoro,Georgia,serif}
.mj-tamam p{margin:0;color:#4a4945}
.mj-gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mj-balon:focus-visible,.mj-ana:focus-visible,.mj-bag:focus-visible,.mj-kapat:focus-visible{outline:2px solid #c96a52;outline-offset:3px}

/* sayfa sonundaki "Bana yazın": sitenin kırmızı renk kartı (doku dahil), solda başlık ve renkli konu hapları, sağda krem form kartı */
.mesaj-bolum{padding-top:clamp(56px,8vw,112px)}
.mesaj-kart{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:stretch;padding:clamp(22px,4vw,56px);color:#f5f4ef}
.mesaj-kart>*{position:relative;z-index:1}
.mesaj-sol{display:flex;flex-direction:column;gap:18px;min-width:0}
.mesaj-etiket{display:inline-flex;align-items:center;gap:14px;font:500 12px/1 Inter,system-ui,sans-serif;letter-spacing:.28em;text-transform:uppercase;color:rgba(245,244,239,.78)}
.mesaj-etiket i{width:28px;height:1px;background:currentColor}
.mesaj-bas{margin:0;font:400 clamp(40px,4.6vw,68px)/1.02 Castoro,Georgia,serif;letter-spacing:-.015em;color:#f5f4ef}
.mesaj-bas span{font-style:italic;color:#0f0f0e}
.mesaj-konular{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.mesaj-konular button{height:44px;padding:0 18px;border:0;border-radius:999px;font:500 15px/1 Inter,system-ui,sans-serif;color:#0f0f0e;cursor:pointer;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .3s}
.mesaj-konular button:hover{transform:translateY(-3px)}
.mesaj-konular button[aria-pressed="true"]{box-shadow:0 0 0 2px #f5f4ef,0 0 0 4px #0f0f0e}
.mk-sari{background:#dcc07a}.mk-mavi{background:#a8c4d4}.mk-krem{background:#f5f4ef}.mk-koyu{background:#0f0f0e;color:#f5f4ef!important}
.mesaj-tirnak{margin-top:auto;font:400 clamp(140px,16vw,240px)/.7 Castoro,Georgia,serif;color:rgba(15,15,14,.16);user-select:none;padding-top:24px}
.mesaj-kart .mesaj-yeri{padding:clamp(20px,2.6vw,30px);border-radius:22px;background:#f5f4ef;color:#0f0f0e;box-shadow:0 30px 60px -36px rgba(15,15,14,.55)}
.mesaj-yeri .mj-form input,.mesaj-yeri .mj-form textarea,.mesaj-yeri .mj-form select{background:#fff}
.mesaj-yeri .mj-form .mj-hata{font-size:14px;color:#b04a33}
.mesaj-yeri .mj-form .mj-kodbilgi{font-size:15px;color:#2b2a27}
.mesaj-yeri .mj-form .mj-tamam p{font-size:15px;color:#4a4945}
@media (max-width:860px){.mesaj-bolum{padding-top:48px}.mesaj-kart{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 16px 16px;border-radius:24px}
  .mesaj-bas{font-size:38px}.mesaj-tirnak{display:none}.mesaj-konular button{height:40px;padding:0 14px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.mj-balon,.mj-pano,.mj-perde{transition:none}}