/* Siteadi 2026 GLASS — Seçilen mor / mavi görselin gerçek responsive CSS uygulaması.
 * Tamamen yerel: CDN, dış font, üçüncü taraf resim ve dış JS içermez.
 * Sadece .reference-home kapsamındaki ana sayfa / makale / resim linkleri için.
 */
body.reference-home {
  --glass-ink: #101a48;
  --glass-blue: #334bed;
  --glass-violet: #a822f8;
  --glass-white: rgba(249,250,255,.59);
  --glass-line: rgba(255,255,255,.80);
  --glass-shadow: 0 10px 25px rgba(43,54,158,.15), inset 0 1px 1px rgba(255,255,255,.55);
  display:block;
  color:var(--glass-ink);
  font-family: Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  font-size:14px;
  background-color:#a5bafa;
  background-image:
    radial-gradient(ellipse at 18% 14%,rgba(41,157,249,.7),transparent 45%),
    radial-gradient(ellipse at 82% 10%,rgba(209,91,252,.72),transparent 45%),
    radial-gradient(ellipse at 52% 63%,rgba(87,123,240,.66),transparent 64%),
    linear-gradient(123deg,#d3ddff 0%,#8cc1f8 35%,#aea6f7 69%,#c5a0ff 100%);
  background-size:cover;
  min-height:100vh;
  isolation:isolate;
  overflow-x:hidden;
}
body.reference-home::before {
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.68;
  background:
    linear-gradient(145deg,transparent 0 8%,rgba(255,255,255,.34) 8.1% 13%,transparent 13.2% 68%,rgba(255,255,255,.18) 68.1% 72%,transparent 72.2%),
    linear-gradient(25deg,transparent 0 45%,rgba(245,242,255,.20) 45.1% 51%,transparent 51.1%),
    linear-gradient(124deg,rgba(255,255,255,.45),transparent 26% 80%,rgba(255,255,255,.18));
}
.reference-home a {color:#2832b3;text-decoration:none}
.reference-home a:hover {color:#4b22d5}
.reference-home .fn-header {max-width:1240px;padding:11px 22px 0;margin:0 auto}
.reference-home .fn-header-top {margin:0 auto 11px;justify-content:center}
.reference-home .fn-banner {
  position:relative;isolation:isolate;max-width:1110px;width:100%;min-height:112px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 39px;
  color:#fff;border:1.5px solid rgba(255,255,255,.88);border-radius:20px;
  background: radial-gradient(ellipse at 19% 90%,rgba(32,176,255,.8),transparent 45%),
              radial-gradient(ellipse at 82% 4%,rgba(198,70,255,.95),transparent 49%),
              linear-gradient(102deg,#2868c8,#273dc9 43%,#513cc8 75%,#675cde);
  box-shadow:0 0 0 1px rgba(157,225,255,.42),0 14px 32px rgba(50,47,182,.32),inset 0 0 21px rgba(220,246,255,.24);
  overflow:hidden;
}
.reference-home .fn-banner::before {
  content:"";position:absolute;inset:-60px 11% -67px;border-radius:50%;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse at center,transparent 26%,rgba(23,194,255,.45) 30%,rgba(246,81,255,.26) 34%,transparent 45%);
  filter:blur(2px);
}
.reference-home .fn-banner::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(255,255,255,.29),transparent 22% 76%,rgba(255,255,255,.12));mix-blend-mode:screen}
.reference-home .fn-banner:hover {color:#fff}
.reference-home .fn-banner-icon {position:relative;z-index:1;flex:0 0 94px;width:94px;height:82px;border-radius:14px;color:#ffd24b;
  background:linear-gradient(155deg,#102c6f,#101444 90%);box-shadow:0 8px 16px rgba(14,27,91,.32),inset 0 1px 0 rgba(255,255,255,.28);
  font-size:47px;line-height:1;display:flex;align-items:center;justify-content:center;flex-direction:column;
}
.reference-home .fn-banner-icon.second {color:#e8e1ff;background:linear-gradient(150deg,#32287d,#1d1a62)}
.reference-home .fn-banner-icon small {display:block;margin-top:1px;color:#fff;font-size:13px;letter-spacing:2.2px;font-weight:900}
.reference-home .fn-banner-name {position:relative;z-index:1;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center}
.reference-home .fn-banner-small {font-size:11px;font-weight:800;line-height:1.15;letter-spacing:3px;color:#f5efff;text-shadow:0 1px 6px #28289e}
.reference-home .fn-banner-name strong {font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.7vw,56px);font-weight:800;font-style:italic;letter-spacing:-2px;line-height:1.03;color:#fff;text-shadow:0 3px 3px rgba(15,18,119,.44),0 0 13px rgba(255,255,255,.68);max-width:100%;overflow-wrap:anywhere}
.reference-home .fn-banner-name strong::after {content:"";position:absolute;left:50%;top:49%;z-index:-1;transform:translate(-50%,-50%) rotate(-8deg);width:clamp(155px,24vw,330px);height:45px;border:2px solid #88ffff;border-right-color:#fd7df5;border-bottom-color:#b09aff;border-radius:50%;filter:drop-shadow(0 0 7px #54edff) drop-shadow(0 0 5px #c464ed)}
.reference-home .fn-banner-name em {font-size:14px;font-weight:700;font-style:normal;letter-spacing:.7px;color:#f7f7ff;text-shadow:0 1px 5px #211e88}
.reference-home .fn-banner-stars {color:#ffcf1b;white-space:nowrap;letter-spacing:2px;font-size:22px;filter:drop-shadow(0 1px 4px #ffcc7b)}
.reference-home .fn-custom-logo {max-width:310px;max-height:67px;object-fit:contain}
.reference-home .fn-nav-wrap {max-width:1000px;margin:0 auto 23px;border:1.5px solid rgba(255,255,255,.66);border-radius:16px;overflow:visible;
  background:linear-gradient(115deg,rgba(38,95,197,.63),rgba(64,72,192,.58) 44%,rgba(130,112,207,.59));
  box-shadow:0 9px 21px rgba(38,58,163,.19),inset 0 1px 0 rgba(255,255,255,.34);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
}
.reference-home .fn-nav {display:flex;align-items:center;gap:12px;padding:8px 14px;min-height:57px;justify-content:space-between}
.reference-home .fn-menu-links {display:flex;align-items:center;flex-wrap:nowrap;gap:1px;min-width:0}
.reference-home .fn-menu-links>a {display:inline-flex;gap:7px;align-items:center;white-space:nowrap;font-weight:800;color:#fff;text-shadow:0 1px 2px #2f46a9;font-size:12px;letter-spacing:.05px;border-radius:11px;padding:12px 11px;line-height:1.2;transition:background .2s,box-shadow .2s,transform .2s}
.reference-home .fn-menu-links>a .fn-icon {flex:0 0 16px;width:16px;height:16px}
.reference-home .fn-menu-links>a:hover,.reference-home .fn-menu-links>a[aria-current="page"] {color:#fff;background:linear-gradient(115deg,#368dff,#3545eb);box-shadow:0 4px 12px rgba(30,49,188,.32),inset 0 1px 1px rgba(255,255,255,.33)}
.reference-home .fn-user-actions {display:flex;align-items:center;flex-wrap:nowrap;gap:6px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.52);padding-left:12px}
.reference-home .fn-user-actions a,.reference-home .fn-user-actions form button {display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:750;white-space:nowrap;color:#fff;border:1px solid rgba(255,255,255,.29);border-radius:9px;padding:10px 10px;background:rgba(50,84,177,.17);line-height:1.2}
.reference-home .fn-user-actions .fn-admin-link {border-color:rgba(255,255,255,.66);background:rgba(43,88,204,.22)}
.reference-home .fn-user-actions a:hover,.reference-home .fn-user-actions form button:hover {background:rgba(255,255,255,.22);color:#fff}
.reference-home .fn-user-actions form {margin:0}
.reference-home .fn-user-actions .fn-icon {height:15px;width:15px}
.reference-home .fn-menu-toggle {border:1px solid rgba(255,255,255,.55);border-radius:9px;background:rgba(35,84,191,.35);color:#fff;font-weight:750;padding:10px 12px;font-size:13px}
.reference-home .fn-menu-toggle:hover {background:#364ce0;color:#fff}
.reference-home .fn-shell {max-width:1200px;margin:0 auto;padding:0 22px 72px}
.reference-home .fn-grid {display:grid;grid-template-columns:minmax(0, 1fr) minmax(350px, .49fr);align-items:start;gap:22px}
.reference-home .fn-feed {min-width:0}
.reference-home .fn-post,.reference-home .fn-empty,.reference-home .fn-side-box,.reference-home .fn-upload-widget,.reference-home .fn-article,.reference-home .fn-result-preview,.reference-home .fn-result-links {
  background:linear-gradient(130deg,rgba(247,250,255,.78),rgba(246,240,255,.66) 65%,rgba(233,239,255,.65));
  border:1.5px solid var(--glass-line);border-radius:18px;
  box-shadow:var(--glass-shadow);backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);
}
.reference-home .fn-post {min-height:169px;position:relative;margin:0 0 16px;padding:17px 21px;display:flex;align-items:center;gap:18px;overflow:hidden}
.reference-home .fn-post::after {content:"";pointer-events:none;position:absolute;right:-48px;bottom:-100px;width:210px;height:188px;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:linear-gradient(140deg,rgba(160,210,255,.18),rgba(229,161,255,.18));transform:rotate(-27deg)}
.reference-home .fn-post-thumb {position:relative;flex:0 0 115px;width:115px;height:115px;left:auto;top:auto;z-index:1;border:3px solid rgba(255,255,255,.97);border-radius:50%;overflow:hidden;background:rgba(255,255,255,.6);box-shadow:0 0 0 2px rgba(104,170,254,.5),0 8px 14px rgba(64,65,194,.20)}
.reference-home .fn-post-thumb img {width:100%;height:100%;object-fit:cover;display:block;filter:none}
.reference-home .fn-post-body {position:relative;z-index:1;min-width:0;flex:1}
.reference-home .fn-post h2 {font-size:20px;line-height:1.27;font-weight:850;margin:0 0 8px;letter-spacing:-.55px;color:#0e1744}
.reference-home .fn-post h2 a {color:#101a43}
.reference-home .fn-post h2 a:hover {color:#3b38d7}
.reference-home .fn-post-meta {display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#374d96;font-size:11px;line-height:1.5;font-weight:650}
.reference-home .fn-post-meta .fn-meta-sep {color:rgba(80,75,167,.43)}
.reference-home .fn-post-meta svg {width:12px;height:12px;vertical-align:-2px;margin-right:4px;color:#393ad7}
.reference-home .fn-post p {margin:8px 0 0;max-width:97%;color:#24335f;font-size:12px;line-height:1.62}
.reference-home .fn-post-read {display:inline-flex;align-items:center;margin-top:8px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.95);color:#3433c9;font-size:12px;font-weight:850;padding:6px 13px;border-radius:99px;box-shadow:0 2px 5px rgba(40,70,180,.08)}
.reference-home .fn-post-read:hover {background:#fff;color:#1b4dcb}
.reference-home .fn-empty {min-height:175px;text-align:center;padding:45px 18px;color:#122051}
.reference-home .fn-empty h2 {font-size:22px;font-weight:800;color:#121f52}
.reference-home .fn-empty p {font-size:13px;color:#566394}
.reference-home .fn-feed-bottom {display:flex;gap:11px;align-items:center;justify-content:center;margin-top:20px}
.reference-home .fn-feed-bottom a {border:1px solid rgba(255,255,255,.8);border-radius:11px;background:rgba(255,255,255,.63);font-weight:750;padding:9px 14px}
.reference-home .fn-sidebar {display:flex;flex-direction:column;gap:14px;min-width:0}
.reference-home .fn-upload-widget {margin:0;overflow:hidden;padding:0 16px 15px}
.reference-home .fn-upload-head {padding:15px 3px 14px;gap:9px;border-bottom:1px solid rgba(255,255,255,.43)}
.reference-home .fn-upload-head:after {left:3px;bottom:-2px;width:158px;height:4px;background:linear-gradient(90deg,#02aefa,#7a2efa,#d928ec);border-radius:7px}
.reference-home .fn-upload-head svg {width:25px;height:25px;color:#151c56}
.reference-home .fn-upload-head h2 {font-size:19px;color:#121b52;letter-spacing:-.45px;font-weight:850}
.reference-home .fn-quick-upload {padding:16px 0 0}
.reference-home .fn-upload-drop {min-height:193px;border:2px dashed #7951ff;border-radius:14px;padding:19px 13px;gap:6px;
  background:linear-gradient(130deg,rgba(250,251,255,.45),rgba(230,232,255,.34));color:#10174c}
.reference-home .fn-upload-drop:hover,.reference-home .fn-upload-drop.is-dragover,.reference-home .fn-upload-drop:focus-within,.reference-home .fn-upload-guest:hover {border-color:#3459ff;background:rgba(255,255,255,.67);box-shadow:0 0 0 4px rgba(116,69,255,.10);color:#10174c}
.reference-home .fn-upload-cloud {width:75px;height:67px;margin-bottom:3px;filter:drop-shadow(0 5px 7px rgba(71,68,194,.22))}
.reference-home .fn-upload-drop strong {font-size:21px;font-weight:900;color:#11194d}
.reference-home .fn-upload-drop span {font-size:12px;color:#525c9a}
.reference-home .fn-upload-drop small {font-size:11px;color:#526198}
.reference-home .fn-upload-actions {padding:11px 0 0}
/* Eski sürümün butonu gizleyen kuralını iptal et: fotoğraf henüz seçilmemişse JS butonu devre dışı bırakır. */
.reference-home .fn-quick-upload.is-enhanced:not(.is-ready) .fn-upload-actions {display:block}
.reference-home .fn-upload-submit {border:1px solid rgba(255,255,255,.28);border-radius:11px;min-height:42px;color:#fff;
  background:linear-gradient(100deg,#0b9efb 0%,#4c3cf3 54%,#b91cef 100%);font-weight:850;font-size:13px;
  box-shadow:0 5px 13px rgba(81,65,204,.18)}
.reference-home .fn-upload-submit:hover {filter:brightness(1.06);background:linear-gradient(100deg,#0c92ef,#4634ed,#ae19e8)}
.reference-home .fn-upload-submit:disabled {opacity:.62;background:linear-gradient(100deg,#7d9bd9,#a18bdb);cursor:not-allowed}
.reference-home .fn-upload-actions p {font-size:11px;margin-top:8px;color:#53628b}
.reference-home .fn-upload-guest {margin:15px 0 0;min-height:196px}
.reference-home .fn-upload-guest-links {padding:10px 0 0}
.reference-home .fn-upload-guest-links a {font-size:12px;border-radius:9px}
.reference-home .fn-side-box {margin:0;padding:14px 16px 15px;overflow:hidden}
.reference-home .fn-side-head {display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.reference-home .fn-side-box h2 {display:flex;align-items:center;gap:8px;font-size:16px;color:#0e1851;text-transform:none;font-weight:850;line-height:1.3;letter-spacing:-.25px;margin:0}
.reference-home .fn-side-head .fn-gallery-icon {display:inline-flex;color:#5832f0;flex-shrink:0}
.reference-home .fn-side-head .fn-gallery-icon svg {width:21px;height:21px}
.reference-home .fn-side-more {color:#4222da;font-size:11px;font-weight:800;white-space:nowrap}
.reference-home .fn-side-gallery {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.reference-home .fn-side-gallery a {display:block;min-width:0;aspect-ratio:1/1.05;overflow:hidden;border-radius:9px;padding:3px;border:1px solid rgba(255,255,255,.96);background:rgba(255,255,255,.79);box-shadow:0 2px 5px rgba(51,62,140,.17)}
.reference-home .fn-side-gallery img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}
.reference-home .fn-side-gallery a:hover img {transform:scale(1.07)}
.reference-home .fn-footer {min-height:62px;color:#26326f;font-size:12px;border-top:1px solid rgba(255,255,255,.55);background:rgba(240,241,255,.39);backdrop-filter:blur(10px)}
.reference-home .fn-footer-inner {max-width:1345px;padding:18px 22px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}
.reference-home .fn-footer a {font-weight:750}
.reference-home .fn-article-shell {max-width:1110px}
.reference-home .fn-article {max-width:1050px;padding:clamp(24px,4vw,45px)}
.reference-home .fn-article h1 {color:#151b54}
.reference-home .fn-article-body {color:#25315f}
.reference-home .fn-article-breadcrumb a {color:#4631d3}
.reference-home .fn-link-result {max-width:1110px}
.reference-home .fn-result-heading {background:rgba(232,247,255,.85);border-radius:17px}
.reference-home .fn-result-heading h1 {color:#1c3070}
.reference-home .fn-result-links h2 {color:#121f54}
.reference-home .fn-result-back,.reference-home .fn-link-line button {background:linear-gradient(100deg,#269cf5,#6c35ea)}
.reference-home .fn-result-back:hover,.reference-home .fn-link-line button:hover {background:#3936de}
/* Sağ panel galeri detay sayfası */
.reference-home .fn-section-page {max-width:1180px}
.reference-home .fn-section-page header {margin-bottom:23px;color:#132359}
.reference-home .fn-section-page h1 {font-size:clamp(24px,3.5vw,34px);font-weight:850}
.reference-home .fn-section-page header p {margin:0;color:#53659a}
.reference-home .fn-section-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:16px}
.reference-home .fn-section-grid a {padding:10px;border:1px solid rgba(255,255,255,.8);border-radius:15px;background:rgba(251,251,255,.62);box-shadow:var(--glass-shadow);color:#16245c}
.reference-home .fn-section-grid img {width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:10px;background:#fff;display:block}
.reference-home .fn-section-grid span {display:block;font-weight:700;font-size:12px;margin:9px 2px 2px;overflow-wrap:anywhere}
/* Tablet: önce sayfa birimleri daralsın, sonra tek sütuna geçsin. */
@media(max-width:1220px) {
 .reference-home .fn-nav {gap:6px;padding:7px 10px}
 .reference-home .fn-menu-links>a {font-size:10px;padding:11px 8px;gap:4px}
 .reference-home .fn-menu-links>a .fn-icon {width:14px;height:14px}
 .reference-home .fn-user-actions {padding-left:7px;gap:4px}
 .reference-home .fn-user-actions a,.reference-home .fn-user-actions form button {font-size:11px;padding:9px 7px}
 .reference-home .fn-grid {grid-template-columns:minmax(0,1fr) minmax(305px,.48fr);gap:14px}
}
@media(max-width:940px) {
 .reference-home .fn-header {padding:12px 16px 0}
 .reference-home .fn-banner {padding:10px 19px;min-height:96px;gap:12px}
 .reference-home .fn-banner-icon {flex-basis:72px;width:72px;height:67px;font-size:34px}
 .reference-home .fn-banner-icon small {font-size:10px}
 .reference-home .fn-banner-stars {font-size:17px}
 .reference-home .fn-grid {grid-template-columns:minmax(0,1fr) 285px}
 .reference-home .fn-nav {flex-wrap:wrap}
 .reference-home .fn-menu-links {flex-wrap:wrap}
 .reference-home .fn-menu-links>a {font-size:11px}
 .reference-home .fn-user-actions {margin-left:auto}
 .reference-home .fn-post {padding:15px;gap:14px}
 .reference-home .fn-post-thumb {flex-basis:91px;width:91px;height:91px}
 .reference-home .fn-post h2 {font-size:17px}
 .reference-home .fn-side-box {padding:12px}
 .reference-home .fn-side-gallery {gap:5px}
}
@media(max-width:720px) {
 .reference-home .fn-header {padding:10px 11px 0}
 .reference-home .fn-banner {border-radius:15px;min-height:83px;padding:9px 14px;gap:9px}
 .reference-home .fn-banner-icon {flex-basis:62px;width:62px;height:62px;font-size:31px;border-radius:11px}
 .reference-home .fn-banner-icon small {font-size:9px;letter-spacing:1px}
 .reference-home .fn-banner-name strong {font-size:clamp(27px,5vw,39px)}
 .reference-home .fn-banner-name strong::after {width:160px;height:29px}
 .reference-home .fn-banner-small {font-size:7px;letter-spacing:1.25px}
 .reference-home .fn-banner-name em {font-size:9px;letter-spacing:0}
 .reference-home .fn-banner-stars {display:none}
 .reference-home .fn-nav-wrap {margin-bottom:16px}
 .reference-home .fn-nav {padding:8px 10px;gap:7px}
 .reference-home .fn-menu-toggle {display:inline-flex;align-items:center;gap:8px}
 .reference-home .fn-menu-links {display:none;flex-basis:100%;order:3;flex-direction:column;align-items:stretch;border-top:1px solid rgba(255,255,255,.3);margin:5px 0 0;padding:8px 0 0}
 .reference-home .fn-menu-links.is-open {display:flex}
 .reference-home .fn-menu-links>a {border-radius:8px;border:0;font-size:12px;padding:12px 10px}
 .reference-home .fn-menu-links>a .fn-icon {width:17px;height:17px}
 .reference-home .fn-grid {grid-template-columns:minmax(0,1fr);gap:15px}
 .reference-home .fn-shell {padding:0 11px 45px}
 .reference-home .fn-sidebar {display:flex;flex-direction:column;gap:12px}
 .reference-home .fn-post {margin:0 0 12px;min-height:130px;padding:15px;gap:14px}
 .reference-home .fn-post-thumb {flex-basis:92px;width:92px;height:92px}
 .reference-home .fn-upload-widget {margin:0}
 .reference-home .fn-side-box {margin:0}
 .reference-home .fn-side-gallery {gap:10px}
 .reference-home .fn-upload-drop {min-height:190px}
}
@media(max-width:470px) {
 .reference-home .fn-header {padding:9px 8px 0}
 .reference-home .fn-banner {gap:8px;padding:8px;min-height:76px}
 .reference-home .fn-banner-icon {flex-basis:49px;width:49px;height:53px;font-size:25px}
 .reference-home .fn-banner-icon small {font-size:7px}
 .reference-home .fn-banner-icon.second {display:flex}
 .reference-home .fn-banner-name strong {font-size:27px;letter-spacing:-1px}
 .reference-home .fn-banner-name strong::after {width:122px;height:24px}
 .reference-home .fn-banner-name em {font-size:8px}
 .reference-home .fn-banner-small {font-size:5.5px;letter-spacing:.55px}
 .reference-home .fn-nav {align-items:start}
 .reference-home .fn-user-actions {gap:3px}
 .reference-home .fn-user-actions a,.reference-home .fn-user-actions form button {padding:8px 6px;font-size:10px}
 .reference-home .fn-user-actions .fn-icon {display:none}
 .reference-home .fn-shell {padding:0 9px 36px}
 .reference-home .fn-post {padding:13px 12px;gap:12px;align-items:flex-start}
 .reference-home .fn-post-thumb {flex-basis:65px;width:65px;height:65px;border-width:2px}
 .reference-home .fn-post h2 {font-size:15px;margin:1px 0 6px}
 .reference-home .fn-post-meta {gap:4px;font-size:9px}
 .reference-home .fn-post p {font-size:11px;line-height:1.5}
 .reference-home .fn-post-read {font-size:11px;padding:6px 10px}
 .reference-home .fn-upload-head h2 {font-size:18px}
 .reference-home .fn-side-box h2 {font-size:14px}
 .reference-home .fn-side-gallery {gap:7px}
 .reference-home .fn-footer-inner {justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce) {.reference-home *{transition:none!important;animation:none!important}}
/* İnce ekranlarda eski CSS'den kalan align-items:start değerini etkisizleştir. */
@media (max-width:720px) {
 .reference-home .fn-sidebar {align-items:stretch;width:100%}
 .reference-home .fn-sidebar > .fn-upload-widget {width:100%;min-width:0;align-self:stretch}
 .reference-home .fn-sidebar > .fn-side-box {width:100%;min-width:0;align-self:stretch}
}
.reference-home .fn-user-actions > .fn-register-link {background:rgba(41,81,218,.46);color:#fff;border-color:rgba(255,255,255,.52);border-radius:9px}

/* Mobil ana sayfa sıralaması: üstte yükleme / sağ panel galerileri, altta makaleler.
 * Masaüstü grid yerleşimine dokunmaz. */
@media (max-width:720px) {
  .reference-home .fn-grid > .fn-sidebar {grid-column:1;grid-row:1;}
  .reference-home .fn-grid > .fn-feed {grid-column:1;grid-row:2;}
}


/* Üst alan: solda site adı + slogan (görsel logo varsa metin yerine), sağda yönetilebilir banner.
   Menü / içerik genişliği 1000 px olarak korunur. */
.reference-home .fn-header {max-width:1000px;padding:12px 0 0;margin:0 auto}
.reference-home .fn-header-top {display:block;margin:0 auto 13px}
.reference-home .fn-brand-layout {display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:15px;min-height:90px;height:90px}
.reference-home .fn-brand-left {min-width:0;display:flex;justify-content:center;align-items:flex-start;flex-direction:column;gap:5px;padding:6px 13px 6px 18px;border-radius:16px;overflow:hidden;
  background:linear-gradient(115deg,rgba(243,248,255,.25),rgba(234,223,255,.08));color:#122657;text-decoration:none;}
.reference-home .fn-brand-left:hover {color:#122657}
.reference-home .fn-brand-title {max-width:100%;font-size:clamp(24px,2.7vw,35px);font-weight:850;letter-spacing:-1.2px;line-height:1.18;overflow-wrap:anywhere;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.reference-home .fn-brand-slogan {color:#24396f;font-size:clamp(14px,1.55vw,19px);font-weight:620;line-height:1.4;overflow-wrap:anywhere}
.reference-home .fn-brand-logo {display:block;max-width:70%;max-height:79px;width:auto;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 7px rgba(12,52,133,.15))}
.reference-home .fn-brand-right {min-width:0;max-width:100%;height:90px;overflow:hidden;border-radius:17px;border:1.5px solid rgba(255,255,255,.83);
 background:linear-gradient(115deg,#2b74dd,#3840cf 54%,#9a42f4);box-shadow:0 11px 25px rgba(40,56,155,.22),inset 0 0 12px rgba(255,255,255,.16);position:relative}
/* Banner alani tamamen kaplar: bos yan alanlar kalkar; orani farkli goruntuler kirpilabilir. */
.reference-home .fn-brand-banner-image {display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center center}
.reference-home .fn-brand-fallback {height:100%;width:100%;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-around;gap:12px;
 color:#fff;background:radial-gradient(ellipse at 48% 54%,rgba(255,255,255,.14),transparent 45%),linear-gradient(100deg,#2a75d7,#3c42c8 55%,#8c4ee8);padding:10px 17px}
.reference-home .fn-brand-fallback::before {content:"";position:absolute;z-index:-1;left:21%;right:21%;top:22%;bottom:17%;border-radius:50%;border:2px solid rgba(110,251,255,.80);box-shadow:0 0 19px #5be3ff,0 0 23px rgba(230,124,255,.85);transform:rotate(-9deg)}
.reference-home .fn-brand-fallback-icon {font-size:36px;color:#ffdb65;filter:drop-shadow(0 1px 6px #ffffa1)}
.reference-home .fn-brand-fallback-icon:last-child {color:#f3ebff}
.reference-home .fn-brand-fallback-center {min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.15}
.reference-home .fn-brand-fallback-center small {font-size:10px;font-weight:850;letter-spacing:1.5px}
.reference-home .fn-brand-fallback-center b {font-family:Georgia,serif;font-style:italic;font-size:clamp(21px,3vw,36px);color:#fff;text-shadow:0 2px 9px #2219a7}
.reference-home .fn-brand-fallback-center em {font-size:11px;font-style:normal;font-weight:750;letter-spacing:.6px}
@media(max-width:1020px) {
 .reference-home .fn-header {padding:12px 12px 0}
}
@media(max-width:720px) {
 .reference-home .fn-header {padding:9px 9px 0}
 .reference-home .fn-brand-layout {grid-template-columns:1fr;gap:9px;min-height:0;height:auto}
 .reference-home .fn-brand-left {align-items:center;text-align:center;gap:4px;padding:11px 13px;background:rgba(255,255,255,.18);overflow:visible}
 .reference-home .fn-brand-title {font-size:clamp(25px,6vw,34px)}
 .reference-home .fn-brand-slogan {font-size:14px}
 .reference-home .fn-brand-logo {max-height:65px;object-position:center}
 .reference-home .fn-brand-right {height:90px;border-radius:13px}
}
@media(max-width:400px) {
 .reference-home .fn-brand-right {height:90px}
 .reference-home .fn-brand-fallback-center b {font-size:21px}
 .reference-home .fn-brand-fallback-center small {font-size:7px;letter-spacing:.7px}
 .reference-home .fn-brand-fallback-center em {font-size:8px}
 .reference-home .fn-brand-fallback-icon {font-size:22px}
}


/* 2026-11: Logo/banner, menü ve içerik aynı 1200px ızgaraya hizalanır. */
.reference-home .fn-header,
.reference-home .fn-shell {
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.reference-home .fn-header { padding: 12px 22px 0; }
.reference-home .fn-header-top,
.reference-home .fn-nav-wrap { width: 100%; max-width: none; }
.reference-home .fn-shell { padding: 0 22px 72px; }
.reference-home .fn-brand-layout { width: 100%; }
@media (max-width: 720px) {
  .reference-home .fn-header { padding: 9px 11px 0; }
  .reference-home .fn-shell { padding: 0 11px 45px; }
}
@media (max-width: 470px) {
  .reference-home .fn-header { padding: 9px 9px 0; }
  .reference-home .fn-shell { padding: 0 9px 36px; }
}