:root{--gold:#c9a55a;--gold2:#7a5b25;--ink:#070907;--panel:#0b0e0b;--text:#eee8d7;--muted:#b9b29f;--outer-x:14px;--outer-y:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050505;color:var(--text);font-family:Georgia,"Times New Roman",serif;background-image:radial-gradient(circle at 50% 0,#202011 0,transparent 34%),url('images/background.png');background-size:cover,900px auto;background-attachment:fixed;overflow-x:hidden}button,input,select{font:inherit}
.site-shell{position:relative;width:100%;min-height:100vh;background:rgba(3,5,3,.94);padding:8px 14px 14px;overflow:hidden}
/* DIŞ FRAME — ince ve ekranı çevreleyen */
.frame-corner,.frame-edge,.top-frame-center{position:absolute;z-index:40;pointer-events:none;background-repeat:no-repeat}.frame-corner{width:40px;height:40px;background-size:contain}.frame-corner.tl{left:0;top:0;background-image:url('images/corner-tl.png')}.frame-corner.tr{right:0;top:0;background-image:url('images/corner-tr.png');background-position:right top}.frame-corner.bl{left:0;bottom:0;background-image:url('images/corner-bl.png');background-position:left bottom}.frame-corner.br{right:0;bottom:0;background-image:url('images/corner-br.png');background-position:right bottom}
.frame-edge.top,.frame-edge.bottom{left:28px;right:28px;height:8px;background-repeat:no-repeat;background-size:100% 100%}.frame-edge.top{top:0;background-image:url('images/top-rail-source.png')}.frame-edge.bottom{bottom:0;background-image:url('images/edge-bottom.png')}.frame-edge.left,.frame-edge.right{top:28px;bottom:28px;width:14px;background-repeat:repeat-y;background-size:14px auto}.frame-edge.left{left:0;background-image:url('images/edge-left.png')}.frame-edge.right{right:0;background-image:url('images/edge-right.png');background-position:right top}
.top-frame-center{top:0;left:50%;transform:translateX(-50%);width:min(760px,56vw);height:14px;background-image:url('images/top-center-piece.png');background-size:100% 100%;background-position:center top;z-index:41}
/* HEADER */
.topbar{min-height:116px;display:grid;grid-template-columns:minmax(420px,1fr) 340px minmax(330px,1fr);align-items:start;position:relative;padding:0 22px;z-index:6}.main-nav{display:flex;gap:22px;padding-top:32px;padding-left:34px;white-space:nowrap;justify-content:flex-start}.main-nav a{color:#d6cfbc;text-decoration:none;font-size:14px;padding:8px 0;border-bottom:2px solid transparent}.main-nav a span{color:#e0b94e;margin-right:7px}.main-nav a.active,.main-nav a:hover{color:#f1d06d;border-color:#cf9e32}.brand{display:block;align-self:start;margin-top:-4px;z-index:12}.brand img{display:block;width:100%;height:150px;object-fit:contain;position:relative;z-index:12}.top-actions{justify-self:end;display:flex;align-items:center;gap:12px;padding-top:24px}
/* gerçek Search bar görseli */
.mini-search,.hero-search{border:0!important;box-shadow:none!important;background-color:transparent!important;background-image:url('images/search-bar.png')!important;background-repeat:no-repeat!important;background-size:100% 100%!important}
.mini-search{height:42px;width:240px;display:flex;align-items:center;padding:0 12px}.mini-search input{width:100%;border:0;outline:0;background:transparent;color:#eee;padding:0 8px}.mini-search button,.icon-button{border:0;background:transparent;color:#d7bd73;cursor:pointer}.icon-button{font-size:20px}
/* LOGO ALTI BORU: tek parça tekrar yok, orta boşluk logonun kuyruğu için */
.ornament-line{height:8px;margin:0;position:relative;z-index:8}.rail-half{position:absolute;top:0;height:8px;background:url('images/under-logo-rail-source.png') center/100% 100% no-repeat}.rail-left{left:20px;right:calc(50% + 177px)}.rail-right{left:calc(50% + 177px);right:20px}.rail-cap{position:absolute;top:50%;width:30px;height:30px;transform:translateY(-50%);background-size:contain;background-repeat:no-repeat;z-index:9}.cap-left{left:6px;background-image:url('images/rail-joint-left.png');background-position:left center}.cap-right{right:6px;background-image:url('images/rail-joint-right.png');background-position:right center}
/* HERO */
.hero{min-height:350px;margin:0 2px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:52px 32px;background:radial-gradient(circle at 70% 50%,rgba(85,74,34,.13),transparent 32%),linear-gradient(90deg,rgba(11,14,8,.96),rgba(2,3,2,.98));border-left:1px solid #3d321b;border-right:1px solid #3d321b}.eyebrow{letter-spacing:2px;color:#d1b66b;font-size:13px}.hero h1{font-size:54px;line-height:.98;margin:8px 0 16px;max-width:720px}.hero p{font-size:17px;color:#c8c0ab;line-height:1.5;max-width:680px}.hero-search{margin-top:28px;width:min(430px,100%);height:49px;display:flex;align-items:center;padding-left:14px}.hero-search input{flex:1;background:none;border:0;outline:0;color:#eee;padding:0 10px}.hero-search button{width:47px;height:35px;margin-right:5px;border:0;background:transparent;color:#fff;font-size:22px}.hero-visual{height:260px;position:relative;display:grid;place-items:center;opacity:.65}.glow-ring{position:absolute;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(195,158,67,.15),rgba(0,0,0,0) 65%)}.psu-ghost{width:270px;height:170px;border:1px solid #39362b;background:linear-gradient(145deg,#11150f,#050605);transform:perspective(600px) rotateY(-10deg);display:grid;place-content:center;text-align:center;box-shadow:0 25px 40px #000,inset 0 0 45px #000}.psu-ghost span{font-weight:bold;font-size:28px;letter-spacing:4px;color:#696859}.psu-ghost small{color:#555548;margin-top:8px}
/* ORTA BİLGİ BANDI — birleşim parçaları borunun önünde DEĞİL, borunun ARASINDA */
.feature-assembly{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;margin:0 0;align-items:stretch;z-index:10}.feature-strip{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(#242722,#151814);border:0;z-index:2}.feature-strip::before,.feature-strip::after{content:"";position:absolute;left:0;right:0;height:6px;background:url('images/under-logo-rail-source.png') center/100% 100% no-repeat;z-index:3}.feature-strip::before{top:-6px}.feature-strip::after{bottom:-6px}.feature-joint{position:relative;z-index:5;background-repeat:no-repeat;background-position:center;background-size:100% 100%;min-height:98px}.feature-joint-left{background-image:url('images/feature-side-left-clean.png')}.feature-joint-right{background-image:url('images/feature-side-right-clean.png')}.feature-strip article{display:flex;gap:14px;padding:19px 22px;min-height:98px;position:relative}.feature-strip article:not(:last-child):after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:#6a5a39}.feature-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;border:1px solid #d2ae59;box-shadow:0 0 0 5px #302817;color:#f3e6bd;font-size:20px}.feature-strip h3{margin:0 0 5px;font-size:17px}.feature-strip p{margin:0;color:#ded7c4;font-size:13px;line-height:1.35}
.section-rail{height:5px;margin:6px 34px 0;background:url('images/footer-top-rail.png') center/100% 100% no-repeat}
.content-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 240px;gap:14px;padding:0 2px 18px}.panel{border:1px solid #6f5526;border-radius:7px;background:linear-gradient(145deg,#0b0e0b,#050705);box-shadow:inset 0 0 0 2px #151109,0 8px 18px #000}.filters{padding:22px 20px 20px;border:18px solid transparent;border-image-source:url('images/filter-frame.png');border-image-slice:58 fill;border-image-width:18px;border-image-repeat:stretch;background:#060806;box-shadow:none;border-radius:0;align-self:start}.filters h2,.section-title h2{font-size:16px;margin:0 0 14px}.filters label{display:block;font-size:12px;margin:9px 0}.filters select{display:block;width:100%;margin-top:4px;background:#11130f;color:#eee;border:1px solid #51431f;border-radius:4px;padding:7px 8px}.more-filter{border:0;background:none;color:#d7b65e;font-size:12px;padding:8px 0;cursor:pointer}.section-title{display:flex;justify-content:space-between;align-items:center;height:34px}.section-title a,.tier-card a{color:#d8b75c;text-decoration:none;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.psu-card{min-width:0;border:1px solid #675024;border-radius:7px;padding:10px;background:#070907;box-shadow:inset 0 0 0 1px #141007}.psu-image{height:118px;border-radius:5px;background:radial-gradient(circle at 50% 50%,#2d342d 0 8%,#151a15 9% 23%,#050605 24% 43%,#121512 44% 46%,#050605 47%);box-shadow:inset 0 0 20px #000;margin-bottom:9px;position:relative}.psu-image:before,.psu-image:after{content:"";position:absolute;left:50%;top:50%;width:58px;height:8px;background:#202620;border-radius:50%;transform-origin:center}.psu-image:before{transform:translate(-50%,-50%) rotate(45deg)}.psu-image:after{transform:translate(-50%,-50%) rotate(-45deg)}.tier{display:inline-block;padding:3px 11px;background:#507a50;border:1px solid #b9e2a9;border-radius:3px;font-weight:bold}.tier.muted{background:#4a6248}.psu-card h3{margin:9px 0 4px;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psu-card p{color:#aaa593;font-size:12px;margin:0}.card-foot{display:flex;align-items:end;justify-content:space-between;margin-top:20px}.card-foot strong{font-size:17px}.card-foot button,.assistant-card button{color:#f7edd1;background:linear-gradient(#94753d,#59431f);border:1px solid #b89650;border-radius:4px;padding:7px 12px}.right-column{display:flex;flex-direction:column;gap:12px}.assistant-card,.tier-card{padding:18px 14px;display:grid;grid-template-columns:50px 1fr;gap:10px}.bot-icon,.gear-icon{font-size:33px;color:#e1ba4e}.assistant-card h3,.tier-card h3{margin:0 0 6px;font-size:16px}.assistant-card p,.tier-card p{font-size:12px;color:#d6cfbc;margin:0 0 14px;line-height:1.35}.decorative-gears{min-height:92px;padding:12px;display:flex;justify-content:space-between;align-items:center;color:#765d2b;font-size:30px}
/* footer üstü ince boru + link ayırıcıları */
.footer-top-rail{height:5px;margin:0 34px;background:url('images/footer-top-rail.png') center/100% 100% no-repeat}footer{margin:0 2px;padding:16px 30px 18px;border-top:0;display:flex;align-items:center;gap:54px;background:#080a08}.footer-brand{font-size:21px;font-weight:bold;letter-spacing:1px}.footer-brand small{display:block;font-size:8px;text-align:center;letter-spacing:3px}.footer-brand+nav{display:flex;gap:0;flex-wrap:wrap;align-items:center}.footer-brand+nav a{color:#d2cbb9;text-decoration:none;font-size:12px;padding:0 19px;position:relative}.footer-brand+nav a:not(:last-child):after{content:"";position:absolute;right:-6px;top:50%;width:15px;height:39px;transform:translateY(-50%);background:url('images/footer-divider-clean.png') center/contain no-repeat;opacity:.95}
.light{background:#e8e5da;background-image:radial-gradient(circle at 50% 0,#fff 0,#e7e2d4 52%,#cbc3ae 100%)}.light .site-shell{background:rgba(236,233,221,.94);color:#242015}.light .hero{background:linear-gradient(90deg,rgba(246,243,231,.96),rgba(225,219,201,.96))}.light .panel,.light .psu-card,.light footer,.light .mini-search,.light .hero-search{color:#252117}.light .hero p,.light .psu-card p,.light .assistant-card p,.light .tier-card p{color:#5d574a}.hidden-card{display:none!important}
@media(max-width:1150px){.topbar{grid-template-columns:1fr 260px}.top-actions{display:none}.brand{grid-column:2}.main-nav{grid-column:1;padding-left:6px}.hero{grid-template-columns:1fr}.hero-visual{display:none}.content-grid{grid-template-columns:215px 1fr}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.decorative-gears{display:none}.cards{grid-template-columns:repeat(2,1fr)}.feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-shell{padding:7px 11px 13px}.frame-corner{width:32px;height:32px}.frame-edge.left,.frame-edge.right{top:23px;bottom:23px;width:11px;background-size:11px auto}.frame-edge.top,.frame-edge.bottom{left:23px;right:23px;height:7px}.top-frame-center{height:11px;width:62vw}.topbar{display:flex;flex-direction:column-reverse;align-items:center;gap:0;padding:0}.brand{width:260px}.brand img{height:105px}.main-nav{width:100%;overflow-x:auto;padding:3px 0 10px;gap:18px}.main-nav a{font-size:12px}.ornament-line{height:6px}.rail-half{height:6px}.rail-left{right:calc(50% + 125px)}.rail-right{left:calc(50% + 125px)}.rail-cap{width:24px;height:24px}.hero{margin:0;padding:35px 22px;min-height:330px}.hero h1{font-size:38px}.feature-assembly{grid-template-columns:22px minmax(0,1fr) 22px}.feature-strip{grid-template-columns:1fr}.feature-strip article:not(:last-child):after{left:18px;right:18px;top:auto;bottom:0;width:auto;height:1px}.content-grid{grid-template-columns:1fr;padding:0}.filters{order:2}.featured{order:1}.right-column{order:3;grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}footer{margin:0;flex-direction:column;align-items:flex-start;gap:15px;padding-left:24px}.footer-brand+nav a{padding:0 14px}.footer-brand+nav a:not(:last-child):after{display:none}}
@media(max-width:500px){.cards{grid-template-columns:1fr}.hero h1{font-size:32px}.feature-strip article{padding-right:10px}}

/* =========================
   V9 — bağlantı / hizalama / animasyon düzeltmeleri
   ========================= */

/* Güncel şeffaf yan direkler */
.frame-edge.left{
  width:12px;
  top:26px;
  bottom:26px;
  background-image:url('images/side-left-latest.png');
  background-repeat:repeat-y;
  background-size:12px auto;
  background-position:left top;
}
.frame-edge.right{
  width:12px;
  top:26px;
  bottom:26px;
  background-image:url('images/side-right-latest.png');
  background-repeat:repeat-y;
  background-size:12px auto;
  background-position:right top;
}

/* Logo altındaki ince yatay boru: iki parça, uçlarda gerçek birleşim parçaları */
.ornament-line{height:7px; margin:0 0 0; overflow:visible;}
.rail-half{
  top:0;
  height:7px;
  background:url('images/under-logo-rail-source.png') center/100% 100% no-repeat;
}
.rail-left{left:18px; right:calc(50% + 177px)}
.rail-right{left:calc(50% + 177px); right:18px}
.rail-cap{
  top:50%;
  width:34px;
  height:44px;
  transform:translateY(-50%);
  background-size:contain;
  background-position:center;
  z-index:12;
}
.cap-left{
  left:-10px;
  background-image:url('images/rail-joint-left-latest.png');
}
.cap-right{
  right:-10px;
  background-image:url('images/rail-joint-right-latest.png');
}

/* Hero ve tüm ana bölümler dikey çerçeveden biraz içeride */
.hero{margin-left:18px; margin-right:18px;}

/* Orta bilgi şeridi: birleşim parçaları artık ayrı kolon DEĞİL,
   ana dikey direğin merkezine oturan gerçek T bağlantıları. */
.feature-assembly{
  position:relative;
  display:block;
  margin:0;
  overflow:visible;
  z-index:10;
}
.feature-strip{
  margin-left:18px;
  margin-right:18px;
  position:relative;
  z-index:2;
}
.feature-strip::before,
.feature-strip::after{
  left:0;
  right:0;
  height:5px;
  background:url('images/under-logo-rail-source.png') center/100% 100% no-repeat;
}
.feature-strip::before{top:-5px}
.feature-strip::after{bottom:-5px}
.feature-joint{
  position:absolute;
  top:50%;
  z-index:9;
  min-height:0;
  width:32px;
  height:112px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  pointer-events:none;
}
.feature-joint-left{
  left:7px;
  transform:translate(-50%,-50%);
  background-image:url('images/feature-side-left-latest.png');
}
.feature-joint-right{
  right:7px;
  transform:translate(50%,-50%);
  background-image:url('images/feature-side-right-latest.png');
}

/* Bilgi şeridinden sonraki ince boru da aynı iç hatta otursun */
.section-rail{
  height:4px;
  margin:7px 18px 0;
  background:url('images/footer-top-rail.png') center/100% 100% no-repeat;
}

/* Filtreler ve sağ sütun ana dış frame'e yapışmasın */
.content-grid{
  grid-template-columns:250px minmax(0,1fr) 240px;
  gap:14px;
  padding:0 30px 18px;
}

/* Footer'ın üstüne belirgin ama ince boru */
.footer-top-rail{
  height:4px;
  margin:0 18px;
  background:url('images/footer-top-rail.png') center/100% 100% no-repeat;
}
footer{margin-left:18px; margin-right:18px;}
.footer-brand+nav a:not(:last-child):after{
  background-image:url('images/footer-divider-latest.png');
}

/* Search bar: doğrudan kullanıcının orijinal PNG'si */
.mini-search,.hero-search{
  background-image:url('images/search-bar.png')!important;
  background-size:100% 100%!important;
  background-repeat:no-repeat!important;
  border:0!important;
  outline:0!important;
}
.mini-search{height:44px;width:250px;padding:0 13px 0 15px}
.hero-search{height:52px;width:min(455px,100%);padding-left:16px}

/* Modern ama hafif giriş animasyonları */
body.js-ready .reveal{
  opacity:0;
  transform:translateY(18px);
  filter:blur(2px);
  transition:opacity .65s ease, transform .65s cubic-bezier(.2,.7,.2,1), filter .65s ease;
}
body.js-ready .reveal.from-left{transform:translateX(-20px)}
body.js-ready .reveal.from-right{transform:translateX(20px)}
body.js-ready .reveal.is-visible{
  opacity:1;
  transform:translate(0,0);
  filter:blur(0);
}
.hero-copy .reveal:nth-child(1){transition-delay:.04s}
.hero-copy .reveal:nth-child(2){transition-delay:.12s}
.hero-copy .reveal:nth-child(3){transition-delay:.20s}
.hero-copy .reveal:nth-child(4){transition-delay:.28s}
.feature-strip article:nth-child(1){transition-delay:.03s}
.feature-strip article:nth-child(2){transition-delay:.09s}
.feature-strip article:nth-child(3){transition-delay:.15s}
.feature-strip article:nth-child(4){transition-delay:.21s}

@media (prefers-reduced-motion: reduce){
  body.js-ready .reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
}

@media(max-width:1150px){
  .content-grid{padding-left:24px;padding-right:24px}
}
@media(max-width:760px){
  .hero{margin-left:12px;margin-right:12px}
  .feature-strip{margin-left:12px;margin-right:12px}
  .feature-joint{height:86px;width:25px}
  .feature-joint-left{left:5px}
  .feature-joint-right{right:5px}
  .section-rail,.footer-top-rail{margin-left:12px;margin-right:12px}
  .content-grid{padding-left:18px;padding-right:18px}
  footer{margin-left:12px;margin-right:12px}
}

/* =========================
   V10 — sade köşeler, CSS üst arama, daha büyük filtre kontrolleri
   ========================= */

/* Orta/yatay rayların uçlarına sonradan eklenen dekoratif birleşim parçalarını kaldır.
   Ana dış frame köşeleri korunuyor. */
.ornament-line .rail-cap,
.feature-assembly > .feature-joint{
  display:none !important;
}

/* Logo altı rayın uçlarını sade biçimde dikey frame'e kadar getir. */
.rail-left{left:12px;right:calc(50% + 177px)}
.rail-right{left:calc(50% + 177px);right:12px}

/* Üst sağ arama: artık PNG kullanmıyor, doğrudan CSS. */
.mini-search{
  width:250px;
  height:38px;
  padding:0 5px 0 13px;
  display:flex;
  align-items:center;
  gap:6px;
  background:linear-gradient(180deg,rgba(18,20,16,.95),rgba(5,7,5,.98)) !important;
  background-image:none !important;
  border:1px solid #8e7132 !important;
  border-radius:22px !important;
  box-shadow:inset 0 0 0 1px rgba(220,183,90,.10), 0 0 12px rgba(0,0,0,.55) !important;
}
.mini-search > span{color:#efe4bc;font-size:17px;line-height:1}
.mini-search input{
  min-width:0;
  flex:1;
  height:100%;
  padding:0 4px;
  border:0;
  outline:0;
  color:#eee8d7;
  background:transparent;
  font-size:13px;
}
.mini-search input::placeholder{color:#9e9a8e}
.mini-search button{
  width:34px;
  height:28px;
  display:grid;
  place-items:center;
  flex:0 0 34px;
  padding:0;
  border:0;
  border-left:1px solid rgba(171,137,62,.35);
  background:transparent;
  color:#e3c669;
  font-size:17px;
  cursor:pointer;
}
.mini-search:focus-within{
  border-color:#c5a54f !important;
  box-shadow:0 0 0 2px rgba(197,165,79,.10),0 0 14px rgba(168,128,43,.20) !important;
}

/* Büyük hero araması orijinal görselini kullanmaya devam etsin. */
.hero-search{
  background-image:url('images/search-bar.png') !important;
  background-size:100% 100% !important;
  background-repeat:no-repeat !important;
}

/* Filtre panelini örnek tasarımdaki gibi daha dolu kullan. */
.content-grid{
  grid-template-columns:270px minmax(0,1fr) 240px;
}
.filters{
  padding:25px 23px 22px;
  border-image-width:17px;
}
.filters h2{
  font-size:17px;
  margin-bottom:17px;
}
.filters label{
  font-size:13px;
  font-weight:600;
  margin:11px 0;
  line-height:1.15;
}
.filters select{
  height:34px;
  margin-top:5px;
  padding:5px 31px 5px 10px;
  font-size:13px;
  border-radius:5px;
  background-color:#11130f;
  border-color:#5f4b24;
  cursor:pointer;
}
.more-filter{
  min-height:31px;
  margin-top:3px;
  padding:5px 2px;
  font-size:12px;
}

/* Biraz daha nefes: filtre ve sağ panel dış frame'e yapışmasın. */
.content-grid{padding-left:34px;padding-right:34px}

@media(max-width:1150px){
  .content-grid{grid-template-columns:235px 1fr;padding-left:24px;padding-right:24px}
  .filters select{height:36px}
}
@media(max-width:760px){
  .content-grid{padding-left:18px;padding-right:18px}
  .filters{padding:24px 22px}
  .filters select{height:38px;font-size:14px}
}


/* V11 — DIŞ FRAME TAMAMEN KALDIRILDI */
.frame-corner,.frame-edge,.top-frame-center{display:none!important;background-image:none!important}
.site-shell{padding:0;overflow:hidden}
/* Dış çerçeve kalktığı için ana alanlar ekran kenarına göre hizalanır. */
.topbar{padding-left:28px;padding-right:28px}
.hero{margin-left:0;margin-right:0;border-left:0;border-right:0}
/* İç tasarım elemanları korunur: logo altı ray, bilgi bandı, filtre frame'i, footer rayı. */
@media(max-width:760px){.site-shell{padding:0}.topbar{padding-left:14px;padding-right:14px}}

/* V12 — bilgi bandındaki sağ birleşim parçasını solda birebir ayna olarak kullan */
.feature-assembly > .feature-joint{
  display:block !important;
}
.feature-joint-right{
  background-image:url('images/feature-side-right-latest.png') !important;
  right:7px !important;
  left:auto !important;
  transform:translate(50%,-50%) !important;
}
.feature-joint-left{
  /* Sağdaki parçanın aynısı; ayrı sol görsel kullanılmıyor. */
  background-image:url('images/feature-side-right-latest.png') !important;
  left:7px !important;
  right:auto !important;
  transform:translate(-50%,-50%) scaleX(-1) !important;
}
@media(max-width:760px){
  .feature-joint-right{right:5px !important}
  .feature-joint-left{left:5px !important}
}


/* =========================
   V13 — açık tema düzeltmeleri + CSS üst arama + sağ alt kutu kaldırıldı
   ========================= */

/* Sağ üst arama: görsel yok, tamamen CSS. Önceki search-bar kurallarını kesin olarak ezer. */
.top-actions .mini-search{
  background-image:none !important;
  background-color:rgba(8,10,8,.96) !important;
  background:linear-gradient(180deg,#131611 0%,#070907 100%) !important;
  border:1px solid #8c7132 !important;
  border-radius:22px !important;
  box-shadow:inset 0 0 0 1px rgba(222,185,91,.08),0 4px 14px rgba(0,0,0,.35) !important;
}
.top-actions .mini-search input{color:#eee8d7 !important}
.top-actions .mini-search input::placeholder{color:#938f84 !important}

/* Sağ alttaki dekoratif dişli kutusu artık yok. */
.decorative-gears{display:none !important}

/* AÇIK TEMA — ana sayfa */
body.light{
  --text:#272318;
  --muted:#645f52;
  background:#ebe8dc !important;
  background-image:radial-gradient(circle at 50% 0,#fffdf5 0,#ece8d9 52%,#d6cfbd 100%) !important;
  color:#272318 !important;
}
body.light .site-shell{background:rgba(239,236,224,.97) !important;color:#272318 !important}

/* Açık yüzeylerdeki yazılar koyu */
body.light .hero,
body.light .featured,
body.light .section-title,
body.light .main-nav{color:#2b261b}
body.light .hero{background:linear-gradient(90deg,#f4f1e5 0%,#e7e2d3 100%) !important}
body.light .hero h1,
body.light .hero p,
body.light .section-title h2,
body.light .footer-brand,
body.light .main-nav a{color:#2a251a !important}
body.light .eyebrow{color:#8b6823 !important}
body.light .main-nav a.active,
body.light .main-nav a:hover{color:#8a641b !important}

/* Koyu kalan panellerin içinde yazılar AÇIK kalmalı. */
body.light .feature-strip,
body.light .filters,
body.light .psu-card,
body.light .assistant-card,
body.light .tier-card,
body.light footer{
  color:#f0ead8 !important;
}
body.light .feature-strip h3,
body.light .feature-strip p,
body.light .filters h2,
body.light .filters label,
body.light .psu-card h3,
body.light .psu-card p,
body.light .card-foot strong,
body.light .assistant-card h3,
body.light .assistant-card p,
body.light .tier-card h3,
body.light .tier-card p,
body.light footer,
body.light footer a{
  color:#f0ead8 !important;
}
body.light .feature-strip p,
body.light .psu-card p,
body.light .assistant-card p,
body.light .tier-card p{color:#c9c1ad !important}
body.light .tier-card a,
body.light .section-title a,
body.light .more-filter{color:#a77a17 !important}

/* Filtre seçimleri açık temada da koyu panel içinde okunaklı. */
body.light .filters select{
  background:#11130f !important;
  color:#f1ecdf !important;
  border-color:#665126 !important;
}

/* Sağ üst CSS arama açık temada açık yüzeye dönüşsün. */
body.light .top-actions .mini-search{
  background-image:none !important;
  background:linear-gradient(180deg,#fffdf6 0%,#e8e3d5 100%) !important;
  border-color:#9d7c34 !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 3px 10px rgba(80,66,35,.16) !important;
}
body.light .top-actions .mini-search input{color:#2b261b !important}
body.light .top-actions .mini-search input::placeholder{color:#777064 !important}
body.light .top-actions .mini-search > span,
body.light .top-actions .mini-search button{color:#73561c !important}

/* Hero araması açık temada okunabilir olsun; görsel çerçevesi korunuyor. */
body.light .hero-search input{color:#2c271c !important}
body.light .hero-search input::placeholder{color:#6f685c !important}
body.light .hero-search > span{color:#473d27 !important}

/* Açık temada kart dışındaki ana boş alanın başlıkları görünür olsun. */
body.light .featured{color:#2d281d !important}
body.light .section-title h2{color:#2d281d !important}

/* Footer koyu kaldığı için marka ve menü tekrar açık renkte. */
body.light footer .footer-brand,
body.light footer nav a{color:#e7dfca !important}


/* =========================
   V14 — üst ray uç birleşimleri + tam genişlik bantlar + içerik nefesi
   ========================= */

/* Logo altındaki iki yatay rayın dört ucuna aynı temiz birleşim parçası.
   Aynı PNG yönüne göre aynalanır; rayın ucunun üstüne değil, ucunu saracak şekilde ortalanır. */
.ornament-line{overflow:visible !important;}
.top-rail-junction{
  position:absolute;
  top:50%;
  width:31px;
  height:24px;
  z-index:14;
  pointer-events:none;
  background:url('images/top-rail-end-joint.png') center/contain no-repeat;
  transform-origin:center;
}
.junction-outer-left{
  left:0;
  transform:translate(-5px,-50%) scaleX(1);
}
.junction-inner-left{
  right:calc(50% + 177px);
  transform:translate(50%,-50%) scaleX(-1);
}
.junction-inner-right{
  left:calc(50% + 177px);
  transform:translate(-50%,-50%) scaleX(1);
}
.junction-outer-right{
  right:0;
  transform:translate(5px,-50%) scaleX(-1);
}

/* Rayları birleşim parçalarının altına birkaç piksel sok; siyah boşluk kalmasın. */
.rail-left{left:5px !important;right:calc(50% + 170px) !important;}
.rail-right{left:calc(50% + 170px) !important;right:5px !important;}

/* Detaylı Veritabanı / Teknik Analiz bandının koyu zemini ekranın iki ucuna kadar gitsin. */
.feature-assembly{width:100%;margin-left:0 !important;margin-right:0 !important;}
.feature-strip{margin-left:0 !important;margin-right:0 !important;width:100%;}
.feature-strip::before,.feature-strip::after{left:0 !important;right:0 !important;}

/* V12 yan birleşimlerini tam ekran kenarına oturt. */
.feature-joint-left{left:0 !important;}
.feature-joint-right{right:0 !important;}

/* Filtreler + PSU kartları + sağ asistan, bilgi bandından biraz aşağı başlasın. */
.section-rail{margin-top:8px !important;}
.content-grid{
  margin-top:18px !important;
  padding-top:0 !important;
}

/* En alttaki siyah footer ve üstündeki ince boru tam genişlik. */
.footer-top-rail{margin-left:0 !important;margin-right:0 !important;width:100%;}
footer{
  margin-left:0 !important;
  margin-right:0 !important;
  width:100%;
}

@media(max-width:760px){
  .top-rail-junction{width:25px;height:20px;}
  .junction-inner-left{right:calc(50% + 125px);}
  .junction-inner-right{left:calc(50% + 125px);}
  .rail-left{right:calc(50% + 119px) !important;}
  .rail-right{left:calc(50% + 119px) !important;}
  .content-grid{margin-top:14px !important;}
}


/* =========================
   V15 — logo konumu + içerik hizası + çalışan filtreler
   ========================= */

/* Logo biraz daha aşağı insin; kuyruk logo altı ray boşluğuna daha doğal yaklaşsın. */
.brand{
  transform:translateY(14px);
}

/* Header yüksekliğini logonun yeni konumuna göre koru. */
.topbar{
  min-height:130px;
}

/* Filtre / PSU kart kutuları / sağ sütun aynı üst çizgiden başlasın.
   Öne çıkan başlığı kutuların üstünde ayrı satır olarak kalır. */
.filters,
.right-column{
  margin-top:34px;
}

/* Dış frame olmadığı için sol ve sağ paneller ekran kenarlarına biraz daha yaklaşsın. */
.content-grid{
  padding-left:12px !important;
  padding-right:12px !important;
  column-gap:14px;
}

/* Filtre frame'i kenara yakın ama nefesli dursun. */
.filters{
  justify-self:stretch;
}

/* Sağ asistan bölümü de sağ kenara daha çok yaklaşsın. */
.right-column{
  justify-self:stretch;
}

/* Filtrelerde etkileşim hissi. */
.filters select:focus{
  outline:none;
  border-color:#b38a38;
  box-shadow:0 0 0 2px rgba(179,138,56,.12);
}
.filters select:hover{
  border-color:#876a2f;
}

/* "Daha Fazla Filtre" bu demo sürümünde filtreleri sıfırlama görevi görüyor. */
.more-filter:hover{
  color:#f0cc70;
}

/* Mobilde logo aşağı kayması daha az olsun. */
@media(max-width:760px){
  .brand{transform:translateY(7px);}
  .topbar{min-height:auto;}
  .filters,.right-column{margin-top:0;}
  .content-grid{padding-left:10px !important;padding-right:10px !important;}
}

.detail-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#eee6d1;border:1px solid #6e5524;background:linear-gradient(#59471f,#322a16);padding:7px 11px;border-radius:4px;font-size:12px}.detail-link:hover{border-color:#d0a84d;color:#fff2c7}