/* Okulra — 2026-10-18 */
@font-face{font-family:"Onest";font-style:normal;font-weight:400;font-display:swap;src:url(/okulra/fonts/onest-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:"Onest";font-style:normal;font-weight:400;font-display:swap;src:url(/okulra/fonts/onest-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+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:500;font-display:swap;src:url(/okulra/fonts/onest-latin-ext-500-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:"Onest";font-style:normal;font-weight:500;font-display:swap;src:url(/okulra/fonts/onest-latin-500-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+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:600;font-display:swap;src:url(/okulra/fonts/onest-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:"Onest";font-style:normal;font-weight:600;font-display:swap;src:url(/okulra/fonts/onest-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+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:700;font-display:swap;src:url(/okulra/fonts/onest-latin-ext-700-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:"Onest";font-style:normal;font-weight:700;font-display:swap;src:url(/okulra/fonts/onest-latin-700-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+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Okulra tanıtım sitesi — tek stil dosyası. Görsel dil: mürekkep laciverdi + tebeşir kremi + kayısı (K-02). */
:root {
  --murekkep: #16233F;
  --murekkep-2: #22345C;
  --murekkep-3: #33497A;
  --krem: #FBF7F0;
  --krem-2: #F4ECDF;
  --kagit: #FFFFFF;
  --cizgi: #E6DCCB;
  --cizgi-2: #D5C8B2;
  --metin: #1D2433;
  --soluk: #5A6274;
  --kayisi: #F08A3C;
  --kayisi-koyu: #B4541A;
  --kayisi-acik: #FDE9D7;
  --yaprak: #23805F;
  --yaprak-acik: #DDF1E8;
  --gok: #2F6FD0;
  --gok-acik: #E1ECFB;
  --gul: #C0392B;
  --gul-acik: #FBE3E0;
  --hardal: #C98A0A;
  --hardal-acik: #FBF0D5;
  --golge: 0 1px 2px rgba(22, 35, 63, .06), 0 8px 24px -12px rgba(22, 35, 63, .18);
  --golge-buyuk: 0 2px 6px rgba(22, 35, 63, .08), 0 28px 60px -24px rgba(22, 35, 63, .35);
  --r: 14px;
  --r-k: 9px;
  --font: "Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color-scheme: light;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 84px; }
body { margin: 0; font-family: var(--font); font-size: 17px; line-height: 1.6; color: var(--metin); background: var(--kagit); overflow-x: clip; }
img, svg { max-width: 100%; }
a { color: var(--murekkep-3); text-underline-offset: 3px; }
a:hover { color: var(--kayisi-koyu); }
h1, h2, h3, h4 { font-family: var(--font); line-height: 1.18; color: var(--murekkep); letter-spacing: -.015em; margin: 0 0 .5em; }
h1 { font-size: clamp(2.1rem, 5.2vw, 3.6rem); font-weight: 700; letter-spacing: -.03em; }
h2 { font-size: clamp(1.55rem, 3.2vw, 2.3rem); font-weight: 700; }
h3 { font-size: 1.15rem; font-weight: 600; }
p { margin: 0 0 1em; }
:focus-visible { outline: 3px solid var(--kayisi); outline-offset: 2px; border-radius: 4px; }
.gizli-metin { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; left: -999px; top: 8px; background: var(--murekkep); color: #fff; padding: 8px 14px; border-radius: 8px; z-index: 100; }
.atla:focus { left: 12px; }
.kap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 20px; }
.kap.dar { max-width: 820px; }
.soluk { color: var(--soluk); }
.kucuk { font-size: .9rem; }
.orta { text-align: center; margin-top: 1.6em; }
.ikon { width: 1.25em; height: 1.25em; flex: none; vertical-align: -.22em; }
.yer-tutucu { background: var(--hardal-acik); padding: 0 4px; border-radius: 4px; }

/* ---------- logo ---------- */
.logo { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.logo-simge { width: 36px; height: 36px; flex: none; }
.logo-yazi { font-weight: 700; font-size: 1.5rem; letter-spacing: -.035em; color: var(--murekkep); line-height: 1; }
.logo-yazi b { color: var(--kayisi-koyu); font-weight: 700; }
.logo-acik .logo-yazi { color: #fff; }
.logo-acik .logo-yazi b { color: var(--kayisi); }

/* ---------- düğmeler ---------- */
.dugme { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 20px; border-radius: 999px; font: 600 1rem/1.2 var(--font); text-decoration: none; border: 2px solid transparent; cursor: pointer; transition: transform .15s, background .15s, color .15s; white-space: nowrap; }
.dugme:hover { transform: translateY(-1px); }
.dugme-birincil { background: var(--kayisi-koyu); color: #fff; }
.dugme-birincil:hover { background: #9C4613; color: #fff; }
.dugme-cizgi { border-color: var(--murekkep); color: var(--murekkep); background: transparent; }
.dugme-cizgi:hover { background: var(--murekkep); color: #fff; }
.dugme-hayalet { color: var(--murekkep); background: transparent; }
.dugme-acik { background: #fff; color: var(--murekkep); }
.dugme-acik:hover { background: var(--kayisi-acik); color: var(--murekkep); }
.dugme-cizgi-acik { border-color: rgba(255,255,255,.7); color: #fff; }
.dugme-cizgi-acik:hover { background: #fff; color: var(--murekkep); }
.dugme-whatsapp { background: #1F7A4D; color: #fff; }
.dugme-whatsapp:hover { background: #17633E; color: #fff; }
.dugme-buyuk { padding: 14px 26px; font-size: 1.05rem; }
.dugme.tam { width: 100%; }

/* ---------- üst çubuk ---------- */
.ust { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,.92); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--cizgi); }
.ust-ic { display: flex; align-items: center; gap: 16px; min-height: 68px; }
.ust-marka { text-decoration: none; margin-right: auto; }
.ana-menu { display: flex; align-items: center; gap: 22px; }
.ana-menu ul { display: flex; gap: 4px; list-style: none; margin: 0; padding: 0; }
.ana-menu ul a { display: block; padding: 8px 11px; border-radius: 8px; color: var(--metin); text-decoration: none; font-weight: 500; font-size: .97rem; }
.ana-menu ul a:hover, .ana-menu ul a[aria-current="page"] { background: var(--krem-2); color: var(--murekkep); }
.menu-eylem { display: flex; gap: 8px; }
.menu-dugme { display: none; width: 44px; height: 44px; border: 1px solid var(--cizgi); background: #fff; border-radius: 10px; cursor: pointer; position: relative; }
.menu-cizgi, .menu-cizgi::before, .menu-cizgi::after { position: absolute; left: 11px; width: 20px; height: 2px; background: var(--murekkep); border-radius: 2px; content: ""; transition: transform .2s; }
.menu-cizgi { top: 20px; }
.menu-cizgi::before { left: 0; top: -6px; }
.menu-cizgi::after { left: 0; top: 6px; }
.menu-dugme[aria-expanded="true"] .menu-cizgi { background: transparent; }
.menu-dugme[aria-expanded="true"] .menu-cizgi::before { transform: translateY(6px) rotate(45deg); }
.menu-dugme[aria-expanded="true"] .menu-cizgi::after { transform: translateY(-6px) rotate(-45deg); }
@media (max-width: 1020px) {
  .menu-dugme { display: block; }
  .ana-menu { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid var(--cizgi); flex-direction: column; align-items: stretch; padding: 12px 20px 20px; gap: 12px; box-shadow: var(--golge); max-height: calc(100vh - 68px); overflow-y: auto; }
  .ana-menu.acik { display: flex; }
  .ana-menu ul { flex-direction: column; }
  .ana-menu ul a { padding: 12px; font-size: 1.05rem; }
  .menu-eylem .dugme { flex: 1; }
}

/* ---------- kahraman ---------- */
.kahraman { background: radial-gradient(1200px 500px at 85% -10%, var(--kayisi-acik), transparent 60%), linear-gradient(180deg, var(--krem) 0%, #fff 100%); padding: 64px 0 72px; overflow: hidden; }
.kahraman-ic { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); gap: 48px; align-items: center; }
.ust-baslik { font-size: .82rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--kayisi-koyu); margin: 0 0 14px; display: flex; align-items: center; gap: 8px; }
.vurgu { color: var(--kayisi-koyu); }
.kahraman-alt { font-size: 1.15rem; color: var(--soluk); max-width: 36em; }
.kahraman-eylem { display: flex; flex-wrap: wrap; gap: 12px; margin: 26px 0 22px; }
.guven { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 20px; color: var(--soluk); font-size: .95rem; }
.guven li { display: flex; align-items: center; gap: 6px; }
.guven .ikon { color: var(--yaprak); }
.kahraman-sahne { position: relative; padding-bottom: 40px; min-width: 0; }
.sahne-telefon { position: absolute; right: -34px; bottom: -36px; width: 186px; }
.sahne-telefon figcaption { display: none; }
.kahraman-sahne > .maket figcaption { display: none; }
@media (max-width: 960px) {
  .kahraman { padding: 40px 0 48px; }
  .kahraman-ic { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .kahraman-sahne { padding-bottom: 0; }
  .sahne-telefon { display: none; }
}

/* ---------- bölümler ---------- */
.bolum { padding: 80px 0; }
.bolum-sik { padding: 48px 0; }
.bolum-krem { background: var(--krem); }
.bolum-murekkep { background: var(--murekkep); color: #E8ECF5; }
.bolum-murekkep h2, .bolum-murekkep h3 { color: #fff; }
.bolum-murekkep .ust-baslik { color: var(--kayisi); }
.bolum-bas { max-width: 740px; margin: 0 0 40px; }
.bolum-bas p { color: var(--soluk); font-size: 1.08rem; }
.bolum-bas .ust-baslik { color: var(--kayisi-koyu); font-size: .82rem; }
.iki-sutun { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.iki-sutun.tek { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 900px) { .iki-sutun { grid-template-columns: minmax(0, 1fr); gap: 32px; } .bolum { padding: 56px 0; } }
.kucuk-baslik { font-size: 1.2rem; }

/* zaman çizelgesi */
.zaman { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.zaman li { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 22px; display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; align-items: start; }
.zaman-saat { grid-column: 1 / -1; font-weight: 700; font-size: 1.5rem; color: var(--kayisi-koyu); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
.zaman-ikon { width: 40px; height: 40px; border-radius: 10px; background: var(--krem-2); color: var(--murekkep); display: grid; place-items: center; }
.zaman h3 { margin: 6px 0 4px; font-size: 1.05rem; }
.zaman p { margin: 0; color: var(--soluk); font-size: .95rem; }
@media (max-width: 900px) { .zaman { grid-template-columns: minmax(0, 1fr); } }

/* modül kartları */
.kart-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 18px; }
.modul-kart { position: relative; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 22px 22px 18px; text-decoration: none; color: var(--metin); transition: transform .15s, box-shadow .15s, border-color .15s; }
.modul-kart:hover { transform: translateY(-3px); box-shadow: var(--golge); border-color: var(--cizgi-2); color: var(--metin); }
.modul-ikon { width: 46px; height: 46px; border-radius: 12px; background: var(--murekkep); color: var(--kayisi); display: grid; place-items: center; margin-bottom: 14px; }
.modul-ikon .ikon { width: 24px; height: 24px; }
.modul-kart h3 { margin-bottom: 6px; }
.modul-kart p { color: var(--soluk); font-size: .95rem; flex: 1; }
.paket-etiket { align-self: flex-start; font-size: .75rem; font-weight: 600; padding: 3px 10px; border-radius: 999px; }
.paket-temel { background: var(--gok-acik); color: #1C4E99; }
.paket-akademik { background: var(--kayisi-acik); color: #8A3C0E; }
.paket-kampus { background: var(--yaprak-acik); color: #155C42; }
.grup-bas { margin-bottom: 22px; }
.grup-bas p { color: var(--soluk); margin: 0; }

/* farklar */
.fark-izgara { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.fark-izgara.uclu { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fark { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 24px; }
.bolum-krem .fark { background: #fff; }
.fark > .ikon { width: 34px; height: 34px; color: var(--kayisi-koyu); margin-bottom: 12px; }
.fark p { color: var(--soluk); font-size: .95rem; margin: 0; }
@media (max-width: 1020px) { .fark-izgara, .fark-izgara.uclu { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .fark-izgara, .fark-izgara.uclu { grid-template-columns: minmax(0, 1fr); } }

/* roller */
.rol-izgara { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.rol-kart { display: block; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 22px; text-decoration: none; color: var(--metin); transition: box-shadow .15s, transform .15s; }
.rol-kart:hover { box-shadow: var(--golge); transform: translateY(-2px); color: var(--metin); }
.rol-kart > .ikon { width: 30px; height: 30px; color: var(--murekkep-3); margin-bottom: 10px; }
.rol-kart p { color: var(--soluk); margin: 0; font-size: .95rem; }
@media (max-width: 900px) { .rol-izgara { grid-template-columns: minmax(0, 1fr); } }
.rol-atla { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 28px; padding-bottom: 8px; }
.rol-atla a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--cizgi); border-radius: 999px; text-decoration: none; color: var(--murekkep); font-weight: 500; font-size: .93rem; background: #fff; }
.rol-atla a:hover { background: var(--krem-2); }

/* listeler */
.tik-liste { list-style: none; padding: 0; margin: 0 0 1.2em; display: grid; gap: 10px; }
.tik-liste li { display: flex; gap: 10px; align-items: flex-start; }
.tik-liste .ikon { color: var(--yaprak); margin-top: .2em; }
.tik-liste.acik .ikon { color: var(--kayisi); }

/* iç sayfa bandı */
.bant { background: linear-gradient(180deg, var(--krem) 0%, #fff 100%); padding: 28px 0 44px; border-bottom: 1px solid var(--cizgi); }
.bant h1 { font-size: clamp(1.9rem, 4.4vw, 3rem); max-width: 22em; }
.bant-alt { font-size: 1.12rem; color: var(--soluk); max-width: 46em; margin: 0; }
.bant-rozet { margin: 18px 0 0; }
.paket-rozet { display: inline-block; font-size: .85rem; font-weight: 600; padding: 5px 12px; border-radius: 999px; }
.bant-404 { padding: 90px 0; text-align: center; }
.bant-404 .bant-alt { margin: 0 auto 24px; }
.kirinti ol { list-style: none; padding: 0; margin: 0 0 22px; display: flex; flex-wrap: wrap; gap: 4px; font-size: .88rem; color: var(--soluk); }
.kirinti li + li::before { content: "›"; margin-right: 4px; color: var(--cizgi-2); }
.kirinti a { color: var(--soluk); }

/* modül sayfası */
.modul-maket { max-width: 900px; margin: 0 auto; }
.bolum-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.ozellik-kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 26px; }
.ozellik-kutu h2 { font-size: 1.3rem; }
@media (max-width: 800px) { .bolum-izgara { grid-template-columns: minmax(0, 1fr); } }
.modul-baglar { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.modul-baglar a { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--cizgi); border-radius: 999px; text-decoration: none; color: var(--murekkep); font-size: .93rem; }
.modul-baglar a:hover { background: var(--krem-2); }

/* SSS */
.sss details { border-bottom: 1px solid var(--cizgi); }
.sss summary { cursor: pointer; padding: 18px 36px 18px 0; font-weight: 600; color: var(--murekkep); list-style: none; position: relative; }
.sss summary::-webkit-details-marker { display: none; }
.sss summary::after { content: "+"; position: absolute; right: 6px; top: 14px; font-size: 1.5rem; font-weight: 400; color: var(--kayisi-koyu); }
.sss details[open] summary::after { content: "−"; }
.sss-yanit p { color: var(--soluk); padding-bottom: 6px; }

/* çağrı */
.cagri { background: var(--murekkep); color: #DCE3F0; padding: 64px 0; position: relative; overflow: hidden; }
.cagri::before { content: ""; position: absolute; right: -120px; bottom: -200px; width: 460px; height: 460px; border-radius: 50%; border: 60px solid rgba(240, 138, 60, .14); }
.cagri-ic { display: flex; align-items: center; gap: 40px; justify-content: space-between; position: relative; }
.cagri h2 { color: #fff; }
.cagri p { margin: 0; max-width: 40em; }
.cagri-eylem { display: flex; gap: 12px; flex-wrap: wrap; }
@media (max-width: 900px) { .cagri-ic { flex-direction: column; align-items: flex-start; } }

/* fiyat */
.paket-ozet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.paket-mini { display: block; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 24px; text-decoration: none; color: var(--metin); }
.paket-mini.one { border: 2px solid var(--kayisi); box-shadow: var(--golge); }
.paket-mini:hover { color: var(--metin); box-shadow: var(--golge); }
.paket-mini p { margin: 0 0 .5em; }
.fiyat-buyuk { font-size: 2rem; font-weight: 700; color: var(--murekkep); letter-spacing: -.03em; margin: 6px 0 2px !important; }
.fiyat-buyuk small { font-size: .95rem; font-weight: 500; color: var(--soluk); letter-spacing: 0; }
@media (max-width: 900px) { .paket-ozet { grid-template-columns: minmax(0, 1fr); } }
.donem-sec { display: inline-flex; background: var(--krem-2); border-radius: 999px; padding: 4px; margin: 0 0 26px; }
.donem-sec button { border: 0; background: transparent; padding: 9px 18px; border-radius: 999px; font: 600 .95rem var(--font); color: var(--soluk); cursor: pointer; }
.donem-sec button[aria-pressed="true"] { background: #fff; color: var(--murekkep); box-shadow: var(--golge); }
.paketler { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: start; }
.paket { position: relative; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 28px 24px 24px; }
.paket.one { border: 2px solid var(--kayisi); box-shadow: var(--golge-buyuk); }
.paket-serit { position: absolute; top: -13px; left: 24px; background: var(--kayisi-koyu); color: #fff; font-size: .78rem; font-weight: 600; padding: 4px 12px; border-radius: 999px; }
.paket-kimin { color: var(--soluk); font-size: .93rem; min-height: 3em; }
.paket .tik-liste { font-size: .95rem; margin: 18px 0 22px; }
.paket .tik-liste a { color: var(--metin); text-decoration: none; }
.paket .tik-liste a:hover { text-decoration: underline; }
@media (max-width: 960px) { .paketler { grid-template-columns: minmax(0, 1fr); } .paket-kimin { min-height: 0; } }
.her-pakette { list-style: none; padding: 0; margin: 28px 0 0; display: flex; flex-wrap: wrap; gap: 10px 24px; color: var(--soluk); font-size: .95rem; }
.her-pakette li { display: flex; gap: 6px; align-items: center; }
.her-pakette .ikon { color: var(--yaprak); }
.hesap { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 16px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 22px; }
.hesap label, .demo-formu label { display: grid; gap: 6px; font-weight: 600; font-size: .92rem; color: var(--murekkep); }
input, select, textarea { font: 400 1rem var(--font); padding: 11px 12px; border: 1px solid var(--cizgi-2); border-radius: var(--r-k); background: #fff; color: var(--metin); width: 100%; min-width: 0; }
input:focus, select:focus, textarea:focus { outline: 2px solid var(--kayisi); outline-offset: 0; border-color: var(--kayisi); }
.hesap-sonuc { margin-top: 18px; background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 22px; }
.hesap-sonuc dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0 0 10px; }
.hesap-sonuc dt { font-size: .85rem; color: var(--soluk); }
.hesap-sonuc dd { margin: 2px 0 0; font-weight: 700; font-size: 1.25rem; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.hesap-sonuc .vurgulu dd { color: var(--kayisi-koyu); font-size: 1.5rem; }
@media (max-width: 760px) { .hesap { grid-template-columns: minmax(0, 1fr); } .hesap-sonuc dl { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tablo-kutu { position: relative; overflow-x: auto; border: 1px solid var(--cizgi); border-radius: var(--r); background: #fff; -webkit-overflow-scrolling: touch; }
.tablo-kutu table { border-collapse: collapse; width: 100%; font-size: .95rem; }
.tablo-kutu th, .tablo-kutu td { padding: 11px 14px; border-bottom: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
.karsilastirma { min-width: 560px; }
.karsilastirma td { text-align: center !important; }
.karsilastirma.sol td { text-align: left !important; }
.karsilastirma thead th { background: var(--krem); color: var(--murekkep); font-weight: 600; }
.karsilastirma tbody th { font-weight: 500; }
.karsilastirma .var .ikon { color: var(--yaprak); }
.karsilastirma .yok { color: var(--cizgi-2); }
.fiyat-satiri th, .fiyat-satiri td { font-weight: 700 !important; background: var(--krem); }

/* mobil sayfası */
.adim-izgara { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 18px; }
.adim-kutu { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 22px; }
.adim-kutu ol { margin: 0; padding-left: 1.2em; display: grid; gap: 6px; }
@media (max-width: 760px) { .adim-izgara { grid-template-columns: minmax(0, 1fr); } }

/* iletişim */
.demo-formu { background: #fff; border: 1px solid var(--cizgi); border-radius: var(--r); padding: 26px; display: grid; gap: 14px; box-shadow: var(--golge); }
.form-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px; }
@media (max-width: 560px) { .form-iki { grid-template-columns: minmax(0, 1fr); } }
.form-eylem { display: flex; flex-wrap: wrap; gap: 10px; }
.form-hata { background: var(--gul-acik); color: var(--gul); padding: 10px 12px; border-radius: var(--r-k); margin: 0; font-size: .95rem; }
.iletisim-yan { align-self: start; }
.iletisim-liste { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 12px; }
.iletisim-liste li { display: flex; gap: 10px; align-items: flex-start; overflow-wrap: anywhere; }
.iletisim-liste .ikon { color: var(--kayisi-koyu); margin-top: .15em; }
.kunye-kutu, .kunye { background: var(--krem); border: 1px solid var(--cizgi); border-radius: var(--r); padding: 18px 20px; margin: 0 0 24px; }
.kunye-kutu h3 { margin-bottom: 8px; }
.kunye-kutu dl, .kunye dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 14px; margin: 0; font-size: .92rem; }
.kunye-kutu dt, .kunye dt { color: var(--soluk); }
.kunye-kutu dd, .kunye dd { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 480px) { .kunye-kutu dl, .kunye dl { grid-template-columns: minmax(0, 1fr); } .kunye-kutu dd, .kunye dd { margin-bottom: 6px; } }

/* yasal */
.yasal h2 { font-size: 1.3rem; margin-top: 1.6em; }
.yasal table { min-width: 620px; }
.not-kutu { background: var(--gok-acik); border-left: 4px solid var(--gok); padding: 14px 18px; border-radius: 0 var(--r-k) var(--r-k) 0; margin: 0 0 1.2em; }

/* alt bilgi */
.alt { background: #0F1A30; color: #B8C2D6; padding: 56px 0 24px; font-size: .95rem; }
.alt a { color: #DCE3F0; text-decoration: none; }
.alt a:hover { color: var(--kayisi); }
.alt-izgara { display: grid; grid-template-columns: 1.4fr 1.2fr 1fr .9fr; gap: 32px; }
.alt h2 { font-size: .85rem; letter-spacing: .1em; text-transform: uppercase; color: #fff; margin-bottom: 14px; }
.alt ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 7px; }
.alt-marka p { margin: 14px 0 0; }
.alt-son { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; border-top: 1px solid rgba(255,255,255,.1); margin-top: 40px; padding-top: 18px; font-size: .82rem; color: #8995AC; }
@media (max-width: 900px) { .alt-izgara { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .alt-marka { grid-column: 1 / -1; } }
@media (max-width: 520px) { .alt-izgara { grid-template-columns: minmax(0, 1fr); } }

/* =================== MAKETLER =================== */
.maket { margin: 0; min-width: 0; }
.maket figcaption { font-size: .85rem; color: var(--soluk); margin-top: 10px; text-align: center; }
.bolum-murekkep .maket figcaption { color: #9FB0CF; }
.mk-pencere { background: #fff; border: 1px solid var(--cizgi); border-radius: 16px; box-shadow: var(--golge-buyuk); overflow: hidden; font-size: 13px; line-height: 1.4; color: var(--metin); }
.mk-cubuk { display: flex; align-items: center; gap: 6px; padding: 9px 12px; background: var(--krem); border-bottom: 1px solid var(--cizgi); }
.mk-cubuk i { width: 9px; height: 9px; border-radius: 50%; background: var(--cizgi-2); }
.mk-cubuk b { margin-left: 10px; font-weight: 500; font-size: 11.5px; color: var(--soluk); background: #fff; border: 1px solid var(--cizgi); border-radius: 6px; padding: 2px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.mk-icerik { padding: 16px; display: grid; gap: 12px; }
.mk-baslik { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; }
.mk-baslik > span:first-child { display: grid; min-width: 0; }
.mk-baslik b { font-size: 14.5px; color: var(--murekkep); }
.mk-baslik small { color: var(--soluk); font-size: 11.5px; }
.mk-baslik > .ikon { color: var(--murekkep-3); }
.mk-rozet { display: inline-block; font-size: 11px; font-weight: 600; padding: 3px 8px; border-radius: 999px; background: var(--krem-2); color: var(--murekkep); white-space: nowrap; }
.mk-yesil { background: var(--yaprak-acik); color: #155C42; }
.mk-turuncu { background: var(--kayisi-acik); color: #8A3C0E; }
.mk-kirmizi { background: var(--gul-acik); color: #9B2C21; }
.mk-mavi { background: var(--gok-acik); color: #1C4E99; }
.mk-kartlar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.mk-kartlar-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mk-kart { border: 1px solid var(--cizgi); border-radius: 10px; padding: 9px 10px; display: grid; gap: 1px; background: #fff; min-width: 0; }
.mk-kart small { font-size: 10.5px; color: var(--soluk); }
.mk-kart b { font-size: 17px; color: var(--murekkep); letter-spacing: -.02em; }
.mk-kart span { font-size: 10.5px; color: var(--soluk); }
.mk-kart.mk-yesil { border-color: #BFE3D3; }
.mk-kart.mk-turuncu { border-color: #F6CDA9; }
.mk-kart.mk-kirmizi { border-color: #F2C1BB; }
.mk-kart.mk-mavi { border-color: #BCD3F5; }
.mk-kart.mk-yesil, .mk-kart.mk-turuncu, .mk-kart.mk-kirmizi, .mk-kart.mk-mavi { background: #fff; }
.mk-kart.mk-yesil b { color: var(--yaprak); }
.mk-kart.mk-turuncu b { color: var(--kayisi-koyu); }
.mk-kart.mk-kirmizi b { color: var(--gul); }
.mk-kart.mk-mavi b { color: var(--gok); }
.mk-iki { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
.mk-liste { border: 1px solid var(--cizgi); border-radius: 10px; padding: 10px; display: grid; gap: 8px; align-content: start; min-width: 0; }
.mk-liste h4 { font-size: 12px; margin: 0; color: var(--soluk); text-transform: uppercase; letter-spacing: .06em; }
.mk-liste p { margin: 0; display: flex; align-items: center; gap: 8px; }
.mk-liste p > span:not(.mk-rozet):not(.mk-av) { display: grid; min-width: 0; flex: 1; }
.mk-liste p b { font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mk-liste p small { font-size: 11px; color: var(--soluk); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mk-liste p > .ikon { color: var(--kayisi-koyu); width: 18px; height: 18px; }
.mk-av { flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--murekkep-3); color: #fff; display: grid; place-items: center; font-size: 10.5px; font-weight: 600; }
.mk-av-buyuk { width: 40px; height: 40px; font-size: 13px; background: var(--kayisi-koyu); }
.mk-alt-cubuk { display: flex; justify-content: space-between; align-items: center; gap: 10px; border-top: 1px solid var(--cizgi); padding-top: 10px; color: var(--soluk); font-size: 12px; flex-wrap: wrap; }
.mk-dugme { background: var(--kayisi-koyu); color: #fff; font-weight: 600; padding: 6px 12px; border-radius: 999px; font-size: 12px; white-space: nowrap; }
.mk-dugme-acik { background: var(--krem-2); color: var(--murekkep); }
.mk-tablo-kap { overflow: hidden; border: 1px solid var(--cizgi); border-radius: 10px; }
.mk-tablo-kap table { width: 100%; border-collapse: collapse; }
.mk-tablo-kap th, .mk-tablo-kap td { padding: 6px 8px; border-bottom: 1px solid var(--cizgi); text-align: left; font-size: 12px; white-space: nowrap; }
.mk-tablo-kap thead th { background: var(--krem); font-weight: 600; color: var(--soluk); font-size: 11px; }
.mk-tablo-kap tbody tr:last-child > * { border-bottom: 0; }
/* yoklama */
.mk-yoklama { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mk-yoklama li { display: flex; align-items: center; gap: 8px; border: 1px solid var(--cizgi); border-radius: 10px; padding: 6px 8px; }
.mk-yoklama b { flex: 1; min-width: 0; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-durumlar { display: flex; gap: 4px; flex: none; }
.mk-durumlar i { font-style: normal; font-size: 11px; padding: 3px 7px; border-radius: 6px; background: var(--krem); color: var(--soluk); }
.mk-durumlar i.secili { color: #fff; font-weight: 600; }
.mk-d-geldi { background: var(--yaprak) !important; }
.mk-d-gec { background: var(--hardal) !important; }
.mk-d-gelmedi { background: var(--gul) !important; }
.mk-d-izinli { background: var(--gok) !important; }
@media (max-width: 520px) { .mk-durumlar i:not(.secili) { display: none; } }
/* program */
.mk-program th, .mk-program td { text-align: center !important; }
.mk-program tbody th { font-weight: 600; color: var(--murekkep); }
.mk-program tbody th small, .mk-program td small { display: block; font-size: 9.5px; font-weight: 400; color: var(--soluk); }
.mk-program td { font-weight: 600; font-size: 11.5px !important; }
.mk-ders-mat { background: #E8EEFB; color: #24448A; }
.mk-ders-tür, .mk-ders-tur { background: #FCEBDD; color: #8A3C0E; }
.mk-ders-fen { background: #E1F3EA; color: #155C42; }
.mk-ders-ing { background: #F3E6F7; color: #6A2F80; }
.mk-ders-sos { background: #FBF0D5; color: #7A5400; }
.mk-iptal { background: repeating-linear-gradient(-45deg, #FBE3E0, #FBE3E0 5px, #fff 5px, #fff 10px); color: var(--gul); }
.mk-vekil { background: var(--murekkep); color: #fff; }
.mk-vekil small { color: #F4C9A6 !important; }
.mk-sekmeler { display: inline-flex; background: var(--krem); border-radius: 8px; padding: 2px; font-size: 11px; }
.mk-sekmeler b, .mk-sekmeler i { font-style: normal; padding: 3px 9px; border-radius: 6px; }
.mk-sekmeler b { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.08); }
/* ödev */
.mk-satirlar { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mk-satirlar li { display: flex; align-items: center; gap: 8px; border-bottom: 1px dashed var(--cizgi); padding: 4px 2px 7px; }
.mk-satirlar b { flex: 1; min-width: 0; font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-kutu { width: 15px; height: 15px; border: 1.5px solid var(--cizgi-2); border-radius: 4px; flex: none; }
.mk-kutu.dolu { background: var(--murekkep-3); border-color: var(--murekkep-3); }
.mk-puan { width: 38px; text-align: right; font-weight: 600; font-variant-numeric: tabular-nums; flex: none; }
/* değerlendirme */
.mk-kriter { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; align-items: center; border: 1px solid var(--cizgi); border-radius: 10px; padding: 8px 10px; }
.mk-kriter > span:first-child { font-weight: 600; font-size: 12.5px; }
.mk-puanlar { display: flex; gap: 4px; }
.mk-puanlar i { font-style: normal; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; background: var(--krem); font-weight: 600; font-size: 11.5px; color: var(--soluk); }
.mk-puanlar i.secili { background: var(--murekkep); color: #fff; }
.mk-not { grid-column: 1 / -1; background: var(--hardal-acik); border-radius: 8px; padding: 6px 8px; font-size: 11.5px; display: grid; }
.mk-not small { font-weight: 600; color: #7A5400; }
/* deneme */
.mk-net td:nth-child(n+2), .mk-net th:nth-child(n+2) { text-align: right !important; font-variant-numeric: tabular-nums; }
.mk-bar-td { width: 28%; }
.mk-bar { display: block; height: 7px; border-radius: 4px; background: linear-gradient(90deg, var(--kayisi), var(--kayisi-koyu)); }
@media (max-width: 520px) { .mk-bar-td, .mk-bar-th { display: none; } }
/* ısı haritası */
.mk-isi th, .mk-isi td { text-align: center !important; font-size: 11px !important; }
.mk-isi thead th { font-size: 10px !important; }
.mk-isi tbody th { text-align: left !important; font-weight: 600; color: var(--murekkep); }
.u1 { background: #F6CFC9; color: #8E2418; }
.u2 { background: #FBE2C8; color: #8A3C0E; }
.u3 { background: #DDEFD9; color: #2D6A2A; }
.u4 { background: #A9DCC4; color: #0F4F38; }
.mk-lejant { display: flex; flex-wrap: wrap; gap: 6px; font-size: 11px; }
.mk-lejant span { padding: 2px 8px; border-radius: 6px; }
/* rehberlik */
.mk-not-kutu { display: flex; gap: 10px; align-items: flex-start; background: var(--murekkep); color: #DCE3F0; border-radius: 10px; padding: 10px 12px; }
.mk-not-kutu > span { display: grid; }
.mk-not-kutu b { color: #fff; font-size: 12.5px; }
.mk-not-kutu small { font-size: 11.5px; }
.mk-not-kutu .ikon { color: var(--kayisi); }
/* raporlar */
.mk-cipler { display: flex; flex-wrap: wrap; gap: 5px; }
.mk-cipler span { font-size: 11px; padding: 4px 9px; border-radius: 999px; border: 1px solid var(--cizgi); color: var(--soluk); }
.mk-cipler span.secili { background: var(--murekkep); color: #fff; border-color: var(--murekkep); }
.mk-mini { display: inline-block; font-size: 10.5px; padding: 2px 7px; border-radius: 6px; background: var(--krem-2); margin-left: 4px; font-weight: 600; color: var(--murekkep); }
/* kurulum */
.mk-kurallar { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mk-kurallar li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; border: 1px solid var(--cizgi); border-radius: 10px; padding: 8px 10px; }
.mk-kurallar li > span:first-child { flex: 1 1 180px; font-size: 12.5px; }
.mk-kurallar b { font-variant-numeric: tabular-nums; color: var(--murekkep); }
.mk-kip { display: inline-flex; background: var(--krem); border-radius: 7px; padding: 2px; }
.mk-kip i { font-style: normal; font-size: 10.5px; padding: 2px 7px; border-radius: 5px; color: var(--soluk); }
.mk-kip i.secili { background: var(--kayisi-koyu); color: #fff; font-weight: 600; }
/* telefon */
.maket-telefon { max-width: 290px; margin-left: auto; margin-right: auto; }
.mk-telefon { position: relative; background: #0F1A30; border-radius: 34px; padding: 10px; box-shadow: var(--golge-buyuk); }
.mk-centik { position: absolute; top: 14px; left: 50%; transform: translateX(-50%); width: 70px; height: 16px; background: #0F1A30; border-radius: 999px; z-index: 2; }
.mk-ekran { background: var(--krem); border-radius: 26px; overflow: hidden; font-size: 12px; line-height: 1.4; padding: 34px 12px 10px; display: grid; gap: 9px; min-height: 470px; align-content: start; }
.mk-tel-ust { display: flex; align-items: center; gap: 8px; }
.mk-tel-ust > span:nth-child(2) { display: grid; flex: 1; min-width: 0; }
.mk-tel-ust b { font-size: 13px; color: var(--murekkep); }
.mk-tel-ust small { font-size: 10.5px; color: var(--soluk); }
.mk-okul-logo { width: 30px; height: 30px; border-radius: 8px; background: var(--murekkep); color: var(--kayisi); display: grid; place-items: center; font-weight: 700; font-size: 11px; }
.mk-zil { position: relative; color: var(--murekkep); }
.mk-zil i, .mk-mesaj-isaret i { position: absolute; top: -5px; right: -6px; background: var(--gul); color: #fff; font-style: normal; font-size: 9px; font-weight: 700; width: 15px; height: 15px; border-radius: 50%; display: grid; place-items: center; }
.mk-cocuk { display: flex; align-items: center; gap: 10px; background: #fff; border-radius: 14px; padding: 10px; border: 1px solid var(--cizgi); }
.mk-cocuk > span:nth-child(2) { display: grid; flex: 1; min-width: 0; }
.mk-cocuk b { color: var(--murekkep); }
.mk-cocuk small { color: var(--soluk); font-size: 10.5px; }
.mk-mesaj-isaret { position: relative; color: var(--murekkep-3); }
.mk-tel-kartlar { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mk-tel-kartlar span { background: #fff; border: 1px solid var(--cizgi); border-radius: 12px; padding: 8px 10px; display: grid; }
.mk-tel-kartlar small { font-size: 10px; color: var(--soluk); }
.mk-tel-kartlar b { font-size: 15px; color: var(--yaprak); }
.mk-tel-kartlar span:last-child b { color: var(--murekkep); }
.mk-tel-kartlar em { font-style: normal; font-size: 10px; color: var(--soluk); }
.mk-bildirimler { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mk-bildirimler li { display: flex; gap: 8px; align-items: center; background: #fff; border-radius: 12px; padding: 8px 10px; border: 1px solid var(--cizgi); }
.mk-bildirimler li > span { display: grid; min-width: 0; }
.mk-bildirimler b { font-size: 11.5px; }
.mk-bildirimler small { font-size: 10px; color: var(--soluk); }
.mk-bildirimler .ikon { color: var(--kayisi-koyu); width: 18px; height: 18px; }
.mk-tel-menu { display: flex; justify-content: space-around; background: #fff; border-radius: 14px; padding: 8px; margin-top: 4px; border: 1px solid var(--cizgi); }
.mk-tel-menu i { color: var(--soluk); display: grid; place-items: center; width: 34px; height: 30px; border-radius: 8px; }
.mk-tel-menu i.secili { background: var(--murekkep); color: var(--kayisi); }
.mk-sohbet { display: grid; gap: 7px; align-content: start; min-height: 300px; }
.mk-gun { justify-self: center; font-size: 10px; background: var(--krem-2); padding: 2px 10px; border-radius: 999px; color: var(--soluk); }
.mk-balon { margin: 0; max-width: 85%; padding: 8px 10px 5px; border-radius: 14px; font-size: 11.5px; display: grid; }
.mk-balon small { justify-self: end; font-size: 9.5px; color: var(--soluk); margin-top: 2px; }
.mk-gelen { background: #fff; border: 1px solid var(--cizgi); border-bottom-left-radius: 4px; }
.mk-giden { background: var(--murekkep); color: #fff; justify-self: end; border-bottom-right-radius: 4px; }
.mk-giden small { color: #B8C6E4; }
.mk-ek { grid-template-columns: auto 1fr; gap: 0 8px; align-items: center; }
.mk-ek > .ikon { color: var(--gul); width: 22px; height: 22px; }
.mk-ek > span { display: grid; }
.mk-ek > small { grid-column: 1 / -1; }
.mk-yaz { display: flex; align-items: center; justify-content: space-between; background: #fff; border: 1px solid var(--cizgi); border-radius: 999px; padding: 5px 5px 5px 14px; color: var(--soluk); }
.mk-yaz i { width: 30px; height: 30px; border-radius: 50%; background: var(--kayisi-koyu); color: #fff; display: grid; place-items: center; }
.mk-yaz .ikon { width: 16px; height: 16px; }
@media (max-width: 600px) {
  .mk-kartlar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mk-kartlar-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mk-iki { grid-template-columns: minmax(0, 1fr); }
  .mk-icerik { padding: 12px; }
  .mk-tablo-kap th, .mk-tablo-kap td { padding: 5px 5px; font-size: 11px; }
  .maket-turnike .mk-tablo-kap th:nth-child(2), .maket-turnike .mk-tablo-kap td:nth-child(2) { display: none; }
  .maket-rapor .mk-tablo-kap th:nth-child(2), .maket-rapor .mk-tablo-kap td:nth-child(2) { display: none; }
}

@media (prefers-reduced-motion: reduce) { * { transition: none !important; scroll-behavior: auto !important; } }
@media print { .ust, .alt, .cagri { display: none; } }