/* Nefes yardımcısı */
.ny-baslat { position: fixed; left: 22px; bottom: 22px; z-index: 70; display: inline-flex; align-items: center; gap: 9px; padding: 13px 20px 13px 16px; border: 0; border-radius: 999px; cursor: pointer; font: inherit; font-size: 14.5px; font-weight: 700; color: #fff; background: linear-gradient(120deg, #071a3d, #1d3f8f); box-shadow: 0 14px 30px -12px rgba(7,26,61,.7), inset 0 0 0 1px rgba(127,241,241,.25); transition: transform .2s, box-shadow .2s; }
.ny-baslat:hover { transform: translateY(-2px); box-shadow: 0 18px 34px -12px rgba(7,26,61,.8), inset 0 0 0 1px rgba(127,241,241,.5); }
.ny-baslat svg { width: 18px; height: 18px; color: #7ff1f1; }
body.cerez-acik .ny-baslat { bottom: 190px; }
@media (max-width: 720px) { body.cerez-acik .ny-baslat { bottom: 250px; } .ny-baslat { left: 14px; bottom: 16px; padding: 12px 16px 12px 13px; font-size: 13.5px; } }
@media (max-width: 380px) { .ny-baslat span { display: none; } .ny-baslat { padding: 13px; } }
html.ny-acik { overflow: hidden; }
.ny-kok { position: fixed; inset: 0; z-index: 96; }
.ny-perde { position: absolute; inset: 0; background: rgba(4,14,36,.5); opacity: 0; transition: opacity .22s; }
.ny-panel { position: absolute; left: 22px; bottom: 22px; width: min(470px, calc(100vw - 44px)); max-height: min(780px, calc(100vh - 44px)); display: flex; flex-direction: column; background: #fff; border-radius: 26px; overflow: hidden; box-shadow: 0 40px 80px -30px rgba(4,14,36,.6); opacity: 0; transform: translateY(18px) scale(.98); transform-origin: bottom left; transition: opacity .22s, transform .22s; }
.ny-kok.acik .ny-perde { opacity: 1; }
.ny-kok.acik .ny-panel { opacity: 1; transform: none; }
.ny-bas { flex-shrink: 0; position: relative; padding: 24px 26px 26px; color: #fff; background: radial-gradient(260px 200px at 100% 0%, rgba(127,241,241,.25), transparent 70%), linear-gradient(135deg, #071a3d 0%, #13306e 60%, #2a4fc0 100%); overflow: hidden; }
.ny-bas::after { content: ""; position: absolute; right: -60px; top: -40px; width: 220px; height: 220px; border-radius: 50%; border: 30px solid rgba(255,255,255,.05); pointer-events: none; }
.ny-chip { display: inline-flex; align-items: center; gap: 7px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.12); font-size: 12.5px; font-weight: 600; }
.ny-chip svg { width: 14px; height: 14px; color: #7ff1f1; }
.ny-kapat { position: absolute; right: 18px; top: 18px; z-index: 1; width: 38px; height: 38px; border-radius: 50%; border: 0; display: grid; place-items: center; background: rgba(255,255,255,.14); color: #fff; cursor: pointer; }
.ny-kapat:hover { background: rgba(255,255,255,.24); }
.ny-kapat svg { width: 18px; height: 18px; }
.ny-bas h2 { margin-top: 16px; font-size: 1.5rem; line-height: 1.25; color: #fff; letter-spacing: -.01em; }
.ny-bas h2 em { font-style: normal; color: #7ff1f1; }
.ny-alt { margin-top: 8px; color: #c6d4ea; font-size: 14.5px; }
.ny-govde { overflow-y: auto; padding: 4px 20px 16px; overscroll-behavior: contain; }
.ny-grup { display: flex; align-items: center; gap: 12px; margin: 18px 0 10px; font-size: 12px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--navy-900); }
.ny-grup::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.ny-izgara { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ny-secenek { display: grid; grid-template-columns: 34px minmax(0, 1fr) 20px; align-items: center; gap: 10px; text-align: left; padding: 11px 12px; border-radius: 14px; border: 1px solid var(--line); background: var(--bg); font: inherit; font-size: 14px; font-weight: 600; color: var(--navy-900); cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; }
.ny-secenek:hover { border-color: #b5c3e8; }
.ny-secenek[aria-pressed="true"] { border-color: var(--teal); background: #effbfb; box-shadow: 0 0 0 3px rgba(20,200,200,.15); }
.ny-ikon { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; background: #fff; color: #2a4fc0; box-shadow: 0 1px 0 var(--line), inset 0 0 0 1px var(--line); }
.ny-ikon svg { width: 18px; height: 18px; }
.ny-ad { line-height: 1.3; }
.ny-tik { width: 20px; height: 20px; border-radius: 50%; border: 1.5px solid #c9d3e2; background: #fff; }
.ny-secenek[aria-pressed="true"] .ny-tik { border-color: var(--teal); background: var(--teal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5 9-10'/%3E%3C/svg%3E") center / 12px no-repeat; }
.ny-alt-bar { flex-shrink: 0; padding: 14px 20px 18px; border-top: 1px solid var(--line); background: #fff; display: grid; gap: 8px; }
.ny-ana { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; padding: 15px; border: 0; border-radius: 999px; font: inherit; font-weight: 700; font-size: 15.5px; color: #fff; background: linear-gradient(120deg, #071a3d, #2a4fc0); cursor: pointer; text-align: center; }
.ny-ana svg { width: 18px; height: 18px; }
.ny-ana[disabled] { background: #b9c4ea; cursor: not-allowed; }
.ny-ipucu { text-align: center; font-size: 13px; font-weight: 600; color: var(--navy-900); }
.ny-oneri { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 16px; border: 1px solid var(--line); border-radius: 16px; margin-bottom: 10px; background: #fff; }
.ny-oneri.ilk { border-color: var(--teal); box-shadow: 0 0 0 3px rgba(20,200,200,.12); }
.ny-ikon.buyuk { width: 44px; height: 44px; border-radius: 12px; background: var(--navy-900); color: #7ff1f1; box-shadow: none; }
.ny-ikon.buyuk svg { width: 22px; height: 22px; }
.ny-oneri-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.ny-oneri-bas b { color: var(--navy-900); font-size: 15.5px; margin-right: 2px; }
.ny-rozet { font-size: 10.5px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; padding: 3px 8px; border-radius: 999px; }
.ny-rozet.en { background: var(--teal-100); color: var(--teal-600); }
.ny-rozet.yakinda { background: #fff4dc; color: #9a6400; }
.ny-rozet.hizmet { background: #e3f6ee; color: #0f7a4f; }
.ny-oneri p { margin-top: 6px; font-size: 13.5px; color: var(--muted); }
.ny-eslesme { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.ny-eslesme span { font-size: 12px; font-weight: 600; padding: 4px 9px; border-radius: 999px; background: #effbfb; color: var(--teal-600); border: 1px solid #c4efef; }
.ny-incele { display: inline-block; margin-top: 10px; font-size: 13.5px; font-weight: 700; color: var(--navy-900); }
.ny-incele:hover { color: var(--teal-600); }
.ny-eylem { display: grid; grid-template-columns: 1fr; gap: 8px; }
.ny-ikinci { display: block; text-align: center; padding: 13px; border-radius: 999px; border: 1px solid var(--line); font-weight: 700; color: var(--navy-900); }
.ny-ikinci:hover { border-color: var(--teal); }
.ny-geri { border: 0; background: none; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--muted); cursor: pointer; padding: 4px; }
.ny-geri:hover { color: var(--navy-900); }
.ny-secenek:focus-visible, .ny-ana:focus-visible, .ny-kapat:focus-visible, .ny-baslat:focus-visible, .ny-ikinci:focus-visible, .ny-geri:focus-visible { outline: 3px solid var(--teal); outline-offset: 2px; }
@media (max-width: 560px) {
  .ny-panel { left: 0; right: 0; bottom: 0; width: 100%; max-height: 92vh; border-radius: 24px 24px 0 0; transform: translateY(40px); }
  .ny-izgara { grid-template-columns: 1fr; }
  .ny-bas { padding: 20px 20px 22px; }
  .ny-bas h2 { font-size: 1.3rem; padding-right: 30px; }
}
@media (prefers-reduced-motion: reduce) { .ny-panel, .ny-perde, .ny-baslat { transition: none; } }