/* Vitrolo Sipariş — ortak temel. Yazı tipi: Plus Jakarta Sans (OFL, Türkçe alt kümesi latin-ext). */
@font-face { font-family: "Jakarta"; src: url("/fonts/plusjakarta-latin.woff2") format("woff2"); font-weight: 200 800; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Jakarta"; src: url("/fonts/plusjakarta-latin-ext.woff2") format("woff2"); font-weight: 200 800; font-display: swap; unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
html, body { margin: 0; padding: 0; }
body { font: 15px/1.5 "Jakarta", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip; }
button, input, select, textarea { font: inherit; color: inherit; }
input, select, textarea { font-size: 16px; }   /* iOS yakınlaştırma yok (≥16 px) */
button { cursor: pointer; -webkit-tap-highlight-color: transparent; }
button:disabled { cursor: not-allowed; opacity: .5; }
:focus-visible { outline: 3px solid currentColor; outline-offset: 2px; border-radius: 6px; }
h1, h2, h3, h4 { margin: 0; line-height: 1.15; letter-spacing: -.015em; }
p { margin: 0 0 .5em; }
a { color: inherit; }
.ic { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; vertical-align: -4px; }
.sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.concept { position: sticky; top: 0; z-index: 90; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 28px; padding: 4px 12px; background: #FFF3D1; color: #4A3700; font-size: 12.5px; font-weight: 600; text-align: center; border-bottom: 1px solid #EBD9A4; }
.v-toasts { position: fixed; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom)); transform: translateX(-50%); z-index: 500; display: grid; gap: 8px; width: min(92vw, 420px); pointer-events: none; }
.v-toast { background: #15171C; color: #fff; padding: 12px 16px; border-radius: 12px; font-weight: 600; box-shadow: 0 12px 30px -10px rgba(0,0,0,.5); animation: vt-in .25s ease-out; }
.v-toast.hata { background: #A1251B; } .v-toast.ok { background: #136B43; }
.v-toast.cik { opacity: 0; transform: translateY(6px); transition: .35s; }
@keyframes vt-in { from { opacity: 0; transform: translateY(8px); } }
.v-guncel { position: fixed; top: 0; left: 0; right: 0; z-index: 600; background: #1D3FCC; color: #fff; text-align: center; padding: 8px 12px; font-weight: 700; font-size: 14px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }