:root { --ob_ana: #4f67c7; --ob_ikincil: #ff8f5a; --ob_yesil: #42bfa5; --ob_pembe: #ff78a5; --ob_yazi: #27313d; --ob_zemin: #fffdf8; }
body.ob_masal { --ob_ana: #875bb7; --ob_ikincil: #ef6e9c; --ob_yesil: #5ab7a6; --ob_pembe: #f5b6d3; --ob_zemin: #fffaff; }
body.ob_modern { --ob_ana: #155c7d; --ob_ikincil: #e67e4a; --ob_yesil: #258b79; --ob_pembe: #d87686; --ob_zemin: #f8fbfd; }
body.ob_renkli { --ob_ana: #2166d1; --ob_ikincil: #ff6d45; --ob_yesil: #19a98b; --ob_pembe: #e94f95; --ob_zemin: #fffdf6; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ob_zemin); color: var(--ob_site_metin); font-family: Inter, ui-rounded, "Segoe UI", sans-serif; }
.ob_site_ust { position: sticky; z-index: 20; top: 0; display: flex; align-items: center; gap: 26px; padding: 16px clamp(20px,6vw,88px); border-bottom: 1px solid #ecebf0; background: rgba(255,255,255,.92); backdrop-filter: blur(16px); }
.ob_site_marka { display: flex; align-items: center; gap: 10px; margin-right: auto; color: var(--ob_site_metin); text-decoration: none; }
.ob_site_marka span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 14px; background: var(--ob_ana); color: #fff; font-weight: 900; }
.ob_site_marka b { max-width: 210px; font-size: .92rem; }
#ob_site_menu { display: flex; align-items: center; max-width: min(58vw,780px); gap: 8px; padding: 5px; white-space: nowrap; }
#ob_site_menu a, .ob_site_menu_diger summary { padding: 7px 10px; border-radius: 999px; color:var(--ob_site_soluk); font-size: .76rem; font-weight: 700; text-decoration: none; cursor: pointer; }
#ob_site_menu a:hover, .ob_site_menu_diger summary:hover, .ob_site_menu_diger[open] summary { background: #f3f5fb; color:var(--ob_site_ana_metin); }
.ob_site_menu_diger { position: relative; }
.ob_site_menu_diger summary { list-style: none; }
.ob_site_menu_diger summary::-webkit-details-marker { display: none; }
.ob_site_menu_diger summary::after { content: "⌄"; margin-left: 6px; }
.ob_site_menu_diger > div { position: absolute; z-index: 30; top: calc(100% + 12px); right: 0; display: grid; width: min(320px,80vw); padding: 12px; border: 1px solid #e4e7ee; border-radius: 18px; background:var(--ob_site_yuzey); box-shadow: 0 22px 50px rgba(40,43,50,.16); }
.ob_site_menu_diger > div a { white-space: normal; }
[dir="rtl"] .ob_site_menu_diger > div { right: auto; left: 0; }
#ob_site_menu_dugmesi { display: none; border: 0; background: transparent; font-size: 1.3rem; }
.ob_site_dil_secici { display: flex; gap: 3px; padding: 3px; border: 1px solid #e5e7eb; border-radius: 999px; background:var(--ob_site_yuzey); }
.ob_site_dil_secici a { min-width: 30px; padding: 6px 8px; border-radius: 999px; color:var(--ob_site_soluk); font-size: .66rem; font-weight: 900; text-align: center; text-decoration: none; }
.ob_site_dil_secici a[aria-current="true"] { background: var(--ob_ana); color: #fff; }
.ob_site_randevu, .ob_site_kahraman_metin > a { padding: 11px 17px; border-radius: 999px; background: var(--ob_ikincil); color: #fff; font-size: .78rem; font-weight: 800; text-decoration: none; }
[dir="rtl"] .ob_site_marka { margin-right: 0; margin-left: auto; }
[dir="rtl"] .ob_site_zengin_icerik ul, [dir="rtl"] .ob_site_zengin_icerik ol { padding-right: 22px; padding-left: 0; }
.ob_site_kahraman { display: grid; min-height: 650px; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 50px; padding: 70px clamp(24px,8vw,120px); overflow: hidden; background: radial-gradient(circle at 88% 18%, #ffe6d8 0 18%, transparent 18.2%), linear-gradient(145deg,#f4f7ff,#fffaf0); }
body.ob_masal .ob_site_kahraman { background: radial-gradient(circle at 12% 12%, #f8dcec 0 14%, transparent 14.2%), radial-gradient(circle at 90% 18%, #e7d7f4 0 20%, transparent 20.2%), linear-gradient(145deg,#fcf7ff,#fff8fb); }
body.ob_modern .ob_site_kahraman { background: radial-gradient(circle at 88% 18%, #cce7ee 0 18%, transparent 18.2%), linear-gradient(145deg,#eef7fb,#fffdf7); }
body.ob_renkli .ob_site_kahraman { background: radial-gradient(circle at 10% 16%, #ffe2a4 0 13%, transparent 13.2%), radial-gradient(circle at 88% 18%, #ffd6e6 0 18%, transparent 18.2%), linear-gradient(145deg,#f4f7ff,#fff9eb); }
.ob_site_kahraman_metin { max-width: 670px; }
.ob_site_kahraman_metin small, .ob_site_bolum small { color:var(--ob_site_ana_metin); font-size: .72rem; font-weight: 900; letter-spacing: .13em; }
.ob_site_kahraman h1 { margin: 14px 0 20px; font-size: clamp(2.8rem,6vw,5.7rem); line-height: .98; letter-spacing: -.06em; }
.ob_site_kahraman p { margin-bottom: 32px; color:var(--ob_site_soluk); font-size: 1.12rem; line-height: 1.8; }
.ob_site_oyun_alani { position: relative; display: grid; width: min(100%,470px); aspect-ratio: 1; place-items: center; border: 14px solid #fff; border-radius: 44% 56% 54% 46%; background: #ffd975; box-shadow: 0 35px 80px rgba(71,67,91,.18); animation: obSiteSekil 8s ease-in-out infinite; }
body.ob_masal .ob_site_oyun_alani { background: #d8bbf0; border-radius: 54% 46% 42% 58%; } body.ob_modern .ob_site_oyun_alani { background: #b9dce4; border-radius: 28px; } body.ob_renkli .ob_site_oyun_alani { background: #ffd36d; border-radius: 38% 62% 55% 45%; }
.ob_site_oyun_alani > span { font-size: 8rem; }
.ob_site_oyun_alani > div { position: absolute; display: grid; width: 76px; height: 76px; place-items: center; border-radius: 25px; background:var(--ob_site_yuzey); font-size: 2rem; box-shadow: 0 18px 35px rgba(51,49,64,.15); }
.ob_site_oyun_alani > div:nth-of-type(1) { top: 8%; left: -7%; }.ob_site_oyun_alani > div:nth-of-type(2) { top: 16%; right: -5%; }.ob_site_oyun_alani > div:nth-of-type(3) { right: 3%; bottom: 7%; }
.ob_site_oyun_alani b { position: absolute; bottom: 12%; padding: 10px 15px; border-radius: 999px; background:var(--ob_site_yuzey); color:var(--ob_site_ana_metin); font-size: .8rem; }
.ob_site_degerler { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; padding: 70px clamp(24px,8vw,120px); }
.ob_site_degerler article { padding: 28px; border: 1px solid #ecebf0; border-radius: 26px; background:var(--ob_site_yuzey); box-shadow: 0 16px 40px rgba(51,49,64,.06); }
.ob_site_degerler span { font-size: 2rem; }.ob_site_degerler b { display: block; margin-top: 16px; }.ob_site_degerler p { color:var(--ob_site_soluk); line-height: 1.6; }
.ob_site_sayfa_kartlari { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; padding: 20px clamp(24px,8vw,120px) 90px; }
.ob_site_sayfa_kartlari > a { display: grid; grid-template-columns: auto 1fr; gap: 16px; min-height: 190px; padding: 24px; border: 1px solid #ecebf0; border-radius: 24px; background:var(--ob_site_yuzey); color: inherit; text-decoration: none; box-shadow: 0 16px 40px rgba(51,49,64,.06); transition: transform .22s ease, box-shadow .22s ease; }
.ob_site_sayfa_kartlari > a:hover { transform: translateY(-5px); box-shadow: 0 22px 48px rgba(51,49,64,.12); }
.ob_site_sayfa_kartlari > a > span { font-size: 2.2rem; }.ob_site_sayfa_kartlari small { color:var(--ob_site_ana_metin); font-size: .66rem; font-weight: 900; letter-spacing: .1em; }.ob_site_sayfa_kartlari h2 { margin: 7px 0; font-size: 1.2rem; }.ob_site_sayfa_kartlari p { margin: 0 0 14px; color:var(--ob_site_soluk); line-height: 1.55; }.ob_site_sayfa_kartlari em { color:var(--ob_site_ana_metin); font-size: .78rem; font-style: normal; font-weight: 850; }
.ob_site_bolum { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 50px; padding: 95px clamp(24px,10vw,150px); }
.ob_site_tek_sayfa { min-height: 56vh; background: linear-gradient(145deg,#fff,#f6f8ff); }
.ob_site_bolum > div { max-width: 760px; }.ob_site_bolum h2 { margin: 12px 0; font-size: clamp(2.1rem,4vw,4rem); letter-spacing: -.045em; }.ob_site_bolum p { color:var(--ob_site_soluk); line-height: 1.85; }.ob_site_bolum .ob_site_ozet { color: var(--ob_site_metin); font-size: 1.13rem; font-weight: 700; }.ob_site_bolum > span { font-size: clamp(5rem,12vw,10rem); }
.ob_site_zengin_icerik { color:var(--ob_site_soluk); line-height: 1.85; }.ob_site_zengin_icerik h2, .ob_site_zengin_icerik h3 { margin: 22px 0 8px; color: var(--ob_site_metin); }.ob_site_zengin_icerik ul, .ob_site_zengin_icerik ol { display: grid; gap: 7px; padding-left: 22px; }.ob_site_zengin_icerik blockquote { margin: 18px 0; padding: 14px 18px; border-left: 5px solid var(--ob_ana); border-radius: 12px; background:var(--ob_site_yuzey); color: var(--ob_site_metin); font-weight: 650; }
.ob_site_renkli_bolum { background: #eef9f6; }
.ob_site_basvuru_bolumu { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(35px,7vw,90px); align-items: center; padding: 95px clamp(24px,10vw,150px); background: linear-gradient(145deg,#eef2ff,#fff2e8); }
.ob_site_basvuru_bolumu > div small { color:var(--ob_site_ana_metin); font-size: .7rem; font-weight: 900; letter-spacing: .13em; }.ob_site_basvuru_bolumu h2 { margin: 12px 0; font-size: clamp(2.3rem,4.5vw,4.5rem); line-height: 1.02; letter-spacing: -.05em; }.ob_site_basvuru_bolumu > div p { color:var(--ob_site_soluk); line-height: 1.8; }.ob_site_basvuru_bolumu > div span { color: #2d8f77; font-size: .75rem; font-weight: 800; }
#ob_site_basvuru_formu { display: grid; gap: 7px; padding: clamp(22px,4vw,38px); border: 1px solid rgba(255,255,255,.9); border-radius: 30px; background: rgba(255,255,255,.9); box-shadow: 0 28px 70px rgba(66,64,83,.13); }.ob_site_basvuru_bolumu form > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.ob_site_basvuru_bolumu form > div span { display: grid; }.ob_site_basvuru_bolumu label { color:var(--ob_site_soluk); font-size: .7rem; font-weight: 800; }.ob_site_basvuru_bolumu input, .ob_site_basvuru_bolumu select, .ob_site_basvuru_bolumu textarea { width: 100%; min-height: 45px; padding: 10px 12px; border: 1px solid #e1e3e9; border-radius: 12px; background:var(--ob_site_yuzey); color: var(--ob_site_metin); font: inherit; }.ob_site_basvuru_bolumu textarea { resize: vertical; }.ob_site_basvuru_bolumu .ob_site_onay { display: flex; align-items: flex-start; gap: 8px; margin: 5px 0; line-height: 1.5; }.ob_site_onay input { width: 16px; min-height: 16px; margin-top: 2px; accent-color: var(--ob_ana); }.ob_site_gizli_alan { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; }.ob_site_basvuru_bolumu button { padding: 13px; border: 0; border-radius: 13px; background: var(--ob_ana); color: #fff; font-weight: 850; }.ob_site_basvuru_bolumu button:disabled { opacity: .6; }.ob_site_basvuru_bolumu #ob_site_basvuru_sonucu { display: block; min-height: 20px; color: #b42318; font-size: .72rem; font-weight: 700; }.ob_site_basvuru_bolumu #ob_site_basvuru_sonucu.ob_basarili { color: #25845f; }
footer { display: grid; gap: 5px; padding: 45px clamp(24px,8vw,120px); background: #303743; color: #fff; } footer span, footer small { color: #bac1cb; }
.ob_gorunur_olacak { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }.ob_gorunur_olacak.ob_gorunur { opacity: 1; transform: none; }
@keyframes obSiteSekil { 50% { border-radius: 58% 42% 45% 55%; transform: translateY(-8px) rotate(1deg); } }
@media (max-width: 850px) { .ob_site_ust { gap: 10px; }.ob_site_marka b { max-width: 150px; }#ob_site_menu_dugmesi { display: block; }.ob_site_randevu { display: none; }.ob_site_dil_secici { max-width: 112px; overflow-x: auto; }#ob_site_menu { position: absolute; top: 75px; right: 18px; display: none; width: min(340px,calc(100vw - 36px)); max-width: none; max-height: 72vh; padding: 16px; overflow-y: auto; border: 1px solid #ecebf0; border-radius: 18px; background:var(--ob_site_yuzey); box-shadow: 0 20px 45px rgba(40,43,50,.15); }[dir="rtl"] #ob_site_menu { right: auto; left: 18px; }#ob_site_menu.ob_acik { display: grid; }#ob_site_menu>a, .ob_site_menu_diger summary { padding: 11px 12px; }.ob_site_menu_diger > div { position: static; width: auto; margin-top: 6px; border: 0; border-left: 2px solid #e4e7ee; border-radius: 0; box-shadow: none; }.ob_site_kahraman { grid-template-columns: 1fr; }.ob_site_oyun_alani { width: min(84vw,430px); margin: auto; }.ob_site_degerler { grid-template-columns: 1fr; }.ob_site_sayfa_kartlari { grid-template-columns: 1fr 1fr; }.ob_site_bolum { grid-template-columns: 1fr; }.ob_site_bolum > span { grid-row: 1; }.ob_site_basvuru_bolumu { grid-template-columns: 1fr; }.ob_site_basvuru_bolumu form > div { grid-template-columns: 1fr; }}
@media (max-width: 560px) { .ob_site_sayfa_kartlari { grid-template-columns: 1fr; }.ob_site_marka b { max-width: 108px; }.ob_site_dil_secici { max-width: 76px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.ob_site_oyun_alani { animation: none; }.ob_gorunur_olacak { opacity: 1; transform: none; transition: none; } }
/* Görselli program ve galeri modülleri */
.ob_program_kartlari{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.ob_program_kartlari>a{display:flex;flex-direction:column;gap:8px;padding:18px;background:var(--ob_site_yuzey);color:inherit;text-decoration:none;border:1px solid color-mix(in srgb,var(--ob_ana,#6750a4) 18%,transparent);border-radius:22px;box-shadow:0 14px 34px #26304a12;transition:.25s transform,.25s box-shadow}.ob_program_kartlari>a:hover{transform:translateY(-6px);box-shadow:0 20px 45px #26304a24}.ob_program_kartlari span{display:grid;place-items:center;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--ob_site_yuzey_ikincil);font-size:42px}.ob_program_kartlari img,.ob_site_galeri img,.ob_program_detayi>img{width:100%;height:100%;object-fit:cover}.ob_program_kartlari small{color:#6750a4;font-weight:800;letter-spacing:.08em}.ob_program_kartlari b{font-size:1.2rem}.ob_program_kartlari p{margin:0;color:var(--ob_site_soluk)}.ob_program_kartlari em{margin-top:auto;color:#6750a4;font-style:normal;font-weight:800}.ob_site_galeri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.ob_site_galeri figure{position:relative;margin:0;aspect-ratio:4/3;overflow:hidden;border-radius:20px}.ob_site_galeri figcaption{position:absolute;inset:auto 10px 10px;padding:8px 12px;background:#ffffffdc;border-radius:12px;font-weight:700}.ob_program_detayi{width:min(1180px,calc(100% - 40px));margin:50px auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:34px;background:var(--ob_site_yuzey);border-radius:28px;box-shadow:0 24px 70px #26304a1f}.ob_program_detayi>img{aspect-ratio:4/3;border-radius:22px}.ob_program_detayi small{display:block;margin-top:20px;color:#6750a4;font-weight:900;letter-spacing:.12em}.ob_program_detayi h1{font-size:clamp(2rem,4vw,4rem);margin:.3em 0}.ob_program_ozellikleri{display:flex;gap:10px;flex-wrap:wrap}.ob_program_ozellikleri span{padding:10px 14px;border-radius:999px;background:var(--ob_site_yuzey_ikincil);font-weight:700}@media(max-width:850px){.ob_program_kartlari,.ob_site_galeri{grid-template-columns:1fr 1fr}.ob_program_detayi{grid-template-columns:1fr}}@media(max-width:560px){.ob_program_kartlari,.ob_site_galeri{grid-template-columns:1fr}}
.ob_site_zengin_icerik img{display:block;max-width:100%;height:auto;margin:22px auto;border-radius:18px;box-shadow:0 16px 40px #26304a20}

/* Okul sitesi, merkezi okul görünümü ve cihazın sistem tercihini izler. */
:root { --ob_site_kose:22px; --ob_site_ana_metin:#315193; --ob_site_ana_dugme_metin:#fff; --ob_site_ikincil_dugme_metin:#000; }
body {
    --ob_site_zemin:var(--ob_zemin);
    --ob_site_yuzey:#ffffff;
    --ob_site_yuzey_ikincil:#f5f7fa;
    --ob_site_metin:#25313a;
    --ob_site_soluk:#5c6876;
    --ob_site_cizgi:#dfe5ee;
    --ob_site_basari:#176b4a;
    --ob_site_hata:#b1263c;
    background:var(--ob_site_zemin);
    color:var(--ob_site_metin);
    color-scheme:light;
}
html[data-ob-gorunum="ob_koyu"] body {
    --ob_site_zemin:#0f131a;
    --ob_site_yuzey:#171d27;
    --ob_site_yuzey_ikincil:#1d2531;
    --ob_site_metin:#edf2f8;
    --ob_site_soluk:#a8b2c0;
    --ob_site_cizgi:#303a49;
    --ob_site_basari:#79dfb8;
    --ob_site_hata:#ff9cab;
    color-scheme:dark;
}
@media(prefers-color-scheme:dark) {
    html[data-ob-gorunum="ob_sistem"] body {
        --ob_site_zemin:#0f131a; --ob_site_yuzey:#171d27; --ob_site_yuzey_ikincil:#1d2531;
        --ob_site_metin:#edf2f8; --ob_site_soluk:#a8b2c0; --ob_site_cizgi:#303a49;
        --ob_site_basari:#79dfb8; --ob_site_hata:#ff9cab; color-scheme:dark;
    }
}
.ob_site_ust {
    background:color-mix(in srgb,var(--ob_site_yuzey) 94%,transparent);
    border-color:var(--ob_site_cizgi);
}
:is(.ob_site_dil_secici,.ob_site_menu_diger>div,#ob_site_basvuru_formu,.ob_site_degerler article,.ob_site_sayfa_kartlari>a,.ob_program_kartlari>a,.ob_program_detayi) {
    min-width:0;
    border-color:var(--ob_site_cizgi);
    border-radius:var(--ob_site_kose);
    background:var(--ob_site_yuzey);
    color:var(--ob_site_metin);
}
#ob_site_menu_dugmesi { color:var(--ob_site_metin); }
#ob_site_menu a:hover,.ob_site_menu_diger summary:hover,.ob_site_menu_diger[open] summary {
    background:var(--ob_site_yuzey_ikincil);
    color:var(--ob_site_ana_metin);
}
.ob_site_dil_secici a { color:var(--ob_site_soluk); }
.ob_site_dil_secici a[aria-current="true"] { color:var(--ob_site_ana_dugme_metin); }
.ob_site_marka span,.ob_site_basvuru_bolumu button { color:var(--ob_site_ana_dugme_metin); }
.ob_site_randevu,.ob_site_kahraman_metin>a,.ob_site_dil_secici a,.ob_site_basvuru_bolumu button { border-radius:calc(var(--ob_site_kose) * .7); }
.ob_site_randevu,.ob_site_kahraman_metin>a { color:var(--ob_site_ikincil_dugme_metin); }
:is(.ob_site_basvuru_bolumu input,.ob_site_basvuru_bolumu select,.ob_site_basvuru_bolumu textarea) {
    border-color:var(--ob_site_cizgi);
    border-radius:calc(var(--ob_site_kose) * .6);
    background:var(--ob_site_yuzey_ikincil);
    color:var(--ob_site_metin);
}
.ob_site_basvuru_bolumu :is(input,textarea)::placeholder { color:var(--ob_site_soluk); opacity:1; }
.ob_site_basvuru_bolumu>div span,#ob_site_basvuru_sonucu.ob_basarili { color:var(--ob_site_basari); }
.ob_site_basvuru_bolumu #ob_site_basvuru_sonucu { color:var(--ob_site_hata); }
.ob_program_kartlari :is(small,em),.ob_program_detayi small { color:var(--ob_site_ana_metin); }
.ob_site_galeri figcaption { background:color-mix(in srgb,var(--ob_site_yuzey) 94%,transparent); color:var(--ob_site_metin); }
.ob_site_zengin_icerik blockquote { background:var(--ob_site_yuzey); }
html[data-ob-gorunum="ob_koyu"] body :is(.ob_site_kahraman,.ob_site_basvuru_bolumu,.ob_site_tek_sayfa) {
    background:radial-gradient(circle at 88% 18%,color-mix(in srgb,var(--ob_ana) 14%,transparent),transparent 48%),var(--ob_site_zemin);
}
html[data-ob-gorunum="ob_koyu"] .ob_site_renkli_bolum { background:var(--ob_site_yuzey_ikincil); }
html[data-ob-gorunum="ob_koyu"] .ob_site_oyun_alani { border-color:var(--ob_site_yuzey); }
html[data-ob-gorunum="ob_koyu"] .ob_site_oyun_alani b { background:var(--ob_site_yuzey); }
.ob_site_marka { min-width:0; }
.ob_site_kahraman .ob_gorunur_olacak { opacity:1; transform:none; }
.ob_site_marka b { overflow-wrap:anywhere; }
.ob_site_sayfa_kartlari>a { grid-template-columns:auto minmax(0,1fr); }
.ob_site_sayfa_kartlari>a>div { min-width:0; overflow-wrap:anywhere; }
.ob_site_kahraman_metin,.ob_site_basvuru_bolumu>div,.ob_program_detayi>div { min-width:0; overflow-wrap:anywhere; }
#ob_site_icerik.ob_site_gecis { animation:obSiteGecisi .16s ease-out both; }
@keyframes obSiteGecisi { from {opacity:.82;transform:translateY(3px)} to {opacity:1;transform:none} }
body.ob_site_yukleniyor::before {content:"";position:fixed;inset:0 0 auto;height:3px;z-index:100;pointer-events:none;background:linear-gradient(90deg,transparent,var(--ob_ana),transparent);background-size:40% 100%;background-repeat:no-repeat;animation:obSiteBeklemesi 1s linear infinite}
@keyframes obSiteBeklemesi {from{background-position:-70% 0}to{background-position:170% 0}}
#ob_site_menu a[aria-current="page"] {color:var(--ob_site_ana_metin);text-decoration:underline;text-underline-offset:5px}
@media(prefers-reduced-motion:reduce){#ob_site_icerik.ob_site_gecis,body.ob_site_yukleniyor::before{animation:none}body.ob_site_yukleniyor::before{background:var(--ob_ana)}}
@media(max-width:850px) {
    #ob_site_menu { border-color:var(--ob_site_cizgi); background:var(--ob_site_yuzey); }
    .ob_site_menu_diger>div { border-color:var(--ob_site_cizgi); }
}