/* === 959pazar Altın-Kırmızı Tema === */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --bg:#120f0f;
  --panel:#1a1412;
  --panel-2:#211a17;
  --border:#352a23;

  --text:#f8e9b0;
  --muted:#d6cfa1;

  --gold:#f1c232;
  --gold-light:#ffe066;
  --gold-dark:#b3922b;

  --red:#c52a2a;
  --red-dark:#751010;
  --red-glow:#ff3d3d;
}

/* GENEL */
body{
  font-family:"Segoe UI",sans-serif;
  background:linear-gradient(180deg,var(--bg) 0%,#1a1210 100%);
  color:var(--text);
}

/* HEADER */
.topbar{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 24px;
  background:linear-gradient(90deg,#2a1814 0%,#311c0c 50%,#2a1814 100%);
  border-bottom:1px solid var(--border);
  box-shadow:0 0 20px rgba(197,42,42,0.25);
}
.site-logo{
  height:48px;cursor:pointer;
  filter:drop-shadow(0 0 5px rgba(255,70,70,0.5));
  transition:transform .3s ease,filter .3s ease;
}
.site-logo:hover{transform:scale(1.05);filter:drop-shadow(0 0 12px var(--red-glow));}
.nav{display:flex;gap:16px;}
.nav-link{
  text-decoration:none;
  color:var(--muted);
  font-size:.95rem;
  padding:6px 10px;
  border-radius:6px;
  transition:all .25s ease;
}
.nav-link:hover{
  color:#fff;
  background:linear-gradient(180deg,#2d1a16,#3b1d19);
  box-shadow:0 0 6px rgba(255,80,80,0.4);
}
.nav-link.active{
  background:linear-gradient(180deg,var(--red),var(--red-dark));
  color:#fff;
  font-weight:700;
  box-shadow:0 0 12px rgba(255,80,80,0.5);
}

/* YAPI */
.layout{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:20px 24px;}
.filters{
  background:linear-gradient(180deg,var(--panel-2),var(--panel));
  border-radius:12px;padding:16px;
  border:1px solid var(--border);
  box-shadow:inset 0 0 20px rgba(255,70,70,0.08);
}
.filters h2{
  color:var(--gold-light);
  margin-bottom:12px;
  text-shadow:0 0 6px rgba(241,194,50,0.5);
}
.filter-group{display:flex;flex-direction:column;margin-bottom:14px;font-size:.9rem;}
.filter-group label{margin-bottom:4px;color:var(--muted);}
.filter-group select,.filter-group input{
  padding:6px 8px;border-radius:8px;
  border:1px solid #46382f;
  background:#0f0b0b;color:var(--text);
  transition:border .25s,box-shadow .25s;
}
.filter-group select:focus{
  border-color:var(--gold);
  box-shadow:0 0 8px rgba(241,194,50,0.3);
}
.btn-primary{
  width:100%;padding:9px 10px;border:none;border-radius:8px;
  background:linear-gradient(90deg,var(--red),#d6371b,var(--red));
  color:#fff;font-weight:700;cursor:pointer;
  box-shadow:0 0 10px rgba(197,42,42,0.4);
  transition:filter .25s,transform .15s;
}
.btn-primary:hover{filter:brightness(1.2);transform:translateY(-1px);}

/* SEKMELER */
.tab-buttons{display:flex;gap:8px;margin-bottom:10px;}
.tab-btn{
  flex:1;padding:8px 0;border-radius:8px;
  border:1px solid #4b3b2c;
  background:linear-gradient(180deg,#1a1414,#241916);
  color:#f8e9b0;font-weight:600;cursor:pointer;
  transition:all .25s ease;
}
.tab-btn:hover{
  background:linear-gradient(180deg,#2c1c1a,#3a1e1a);
  box-shadow:0 0 6px rgba(255,70,70,0.3);
}
.tab-btn.active{
  background:linear-gradient(180deg,var(--red),#8b1818);
  color:#fff;box-shadow:0 0 10px rgba(255,80,80,0.4);
}

/* ARTİ KUTULARI */
.plus-container{
  border:1px solid #3a2e28;
  background:linear-gradient(180deg,#1a1414,#14100e);
  border-radius:10px;
  padding:14px;text-align:center;
  box-shadow:inset 0 0 8px rgba(255,80,80,0.05);
}
.plus-content{display:none;opacity:0;transition:opacity .25s ease;}
.plus-content.active{display:block;opacity:1;}
.plus-range{
  display:flex;align-items:center;justify-content:center;gap:10px;
}
.plus-range select{
  width:80px;padding:6px 8px;border-radius:6px;
  background:#0f0b0b;border:1px solid #46382f;
  color:var(--text);font-weight:600;text-align:center;
  transition:border .25s,box-shadow .25s;
}
.plus-range select:focus{border-color:var(--red);box-shadow:0 0 6px rgba(255,70,70,0.4);}
.single-plus-box{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  background:#1c1414;border:1px solid #3a2a2a;
  padding:14px;border-radius:10px;
}
.single-plus-box select{
  width:100px;padding:6px 8px;border-radius:6px;
  background:#0f0b0b;border:1px solid #46382f;color:var(--text);
  font-weight:600;text-align:center;
}
.single-plus-box .hint{font-size:.8rem;color:#c5bba0;}

/* ITEMLER */
.items-section {
  background: var(--panel-inner);
  border-radius: 12px;
  padding: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 0 10px rgba(255,215,64,0.08);
}
.items-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  border-bottom: 1px solid #2d2d2d;
  padding-bottom: 6px;
}
.items-header h1 {
  color: var(--accent-gold);
  font-size: 1.2rem;
  text-shadow: 0 0 4px rgba(255,215,64,0.4);
}

/* === 2 SÜTUNLU GRID === */
.items-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 1fr));
  gap: 20px;
  justify-content: center;
}

/* ITEM KARTLARI */
.item-card {
  background: #141414;
  border-radius: 10px;
  padding: 16px;
  border: 1px solid #2f2f2f;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 8px;
  min-height: 140px;
  box-shadow: inset 0 0 8px rgba(255,215,64,0.05);
  transition: transform .2s ease, box-shadow .3s ease;
}
.item-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 14px rgba(255,0,0,0.3), 0 0 8px rgba(255,215,64,0.2);
}
.item-name {
  font-weight: 600;
  font-size: 1.05rem;
  color: var(--text-light);
  text-shadow: 0 0 3px rgba(255,215,64,0.4);
}
.item-meta {
  font-size: .9rem;
  color: var(--text-muted);
}
.item-price {
  font-weight: 700;
  font-size: 1.05rem;
  color: var(--accent-gold);
  text-shadow: 0 0 3px rgba(255,215,64,0.3);
}
.item-actions {
  margin-top: 8px;
  display: flex;
  justify-content: flex-end;
}
.item-actions button {
  font-size: .85rem;
  padding: 6px 12px;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  background: linear-gradient(90deg,#f1c232,#c21818);
  color: #fff;
  font-weight: 700;
  transition: background .3s ease, transform .2s ease;
}
.item-actions button:hover {
  background: linear-gradient(90deg,#ff3b3b,#ffb400);
  color: #fff;
  transform: scale(1.05);
}

/* MOBİL İÇİN TEK SÜTUN */
@media(max-width:900px){
  .items-grid {
    grid-template-columns: 1fr;
  }
}

.item-card:hover{
  transform:translateY(-2px);
  box-shadow:0 0 10px rgba(255,70,70,0.25);
}
.item-name{font-weight:600;color:#ffd972;text-shadow:0 0 3px rgba(255,215,64,0.4);}
.item-meta{font-size:.85rem;color:#caa;}
.item-price{font-weight:700;color:var(--red-glow);text-shadow:0 0 4px rgba(255,70,70,0.3);}
.item-actions{margin-top:6px;display:flex;justify-content:flex-end;}
.item-actions button{
  font-size:.8rem;padding:5px 10px;border-radius:6px;border:none;cursor:pointer;
  background:linear-gradient(90deg,var(--red),#a91212,var(--red));
  color:#fff;font-weight:700;transition:background .3s,transform .2s;
}
.item-actions button:hover{
  background:linear-gradient(90deg,#ff3d3d,#ff6a00);
  transform:scale(1.05);
}

/* FOOTER */
.footer{
  margin-top:12px;padding:12px 24px 20px;
  border-top:1px solid #2f2f2f;font-size:.85rem;
  color:#c5b973;text-align:center;background:#110d0d;
}
@media(max-width:768px){
  .layout{grid-template-columns:1fr;}
  .topbar{flex-direction:column;gap:8px;}
}
/* === 959PAZAR BAŞLIK EFEKTİ (YATAY TEK SATIR) === */
.page-title {
  text-align: center;
  font-family: "Cinzel", "Trajan Pro", serif;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.5px;
  margin-bottom: 18px;
  color: #ffd740;
  text-shadow: 0 0 6px rgba(255,215,64,0.4);
  animation: fadeInTitle 1s ease;
  white-space: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
@keyframes fadeInTitle {
  from {opacity: 0; transform: translateY(10px);}
  to {opacity: 1; transform: translateY(0);}
}

/* 959pazar (altın parıltı) */
.page-title .brand {
  background: linear-gradient(90deg,#f1c232,#ffe480,#f1c232);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 8px rgba(255,215,64,0.6);
  animation: goldPulse 3s infinite alternate ease-in-out;
}

/* Slogan (kırmızı alevli geçiş) */
.page-title .slogan {
  background: linear-gradient(90deg,#ff5555,#ffb000,#ff5555);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 8px rgba(255,0,0,0.5);
  animation: redGlow 2.5s infinite alternate ease-in-out;
}

/* Animasyonlar */
@keyframes goldPulse {
  0% {text-shadow: 0 0 6px rgba(255,215,64,0.5);}
  100% {text-shadow: 0 0 14px rgba(255,215,64,1);}
}
@keyframes redGlow {
  0% {text-shadow: 0 0 6px rgba(255,0,0,0.4);}
  100% {text-shadow: 0 0 14px rgba(255,0,0,0.8);}
}

/* emojiye özel: efektten muaf bırak */
.page-title::before, .page-title::after {content:none;}
.page-title span, .page-title {vertical-align:middle;}


/* === 🔥 959pazar Sabit Emoji Alev Efekti === */
.logo-text {
  font-family: 'Cinzel Decorative', serif;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  position: relative;
}

.logo-text .fire {
  display: inline-block;
  font-size: 1.9rem;
  animation: firePulse 1.8s infinite ease-in-out alternate;
  filter: drop-shadow(0 0 4px rgba(255,100,0,0.6))
          drop-shadow(0 0 10px rgba(255,0,0,0.4));
  transform-origin: bottom center;
}

@keyframes firePulse {
  0% {
    transform: translateY(0px) scale(1);
    filter: drop-shadow(0 0 4px rgba(255,100,0,0.6))
            drop-shadow(0 0 10px rgba(255,0,0,0.4));
  }
  50% {
    transform: translateY(-0.8px) scale(1.03);
    filter: drop-shadow(0 0 6px rgba(255,120,0,0.7))
            drop-shadow(0 0 12px rgba(255,40,0,0.6));
  }
  100% {
    transform: translateY(-1.2px) scale(1.05);
    filter: drop-shadow(0 0 8px rgba(255,160,0,0.8))
            drop-shadow(0 0 14px rgba(255,0,0,0.7));
  }
}

/* Altın ışıltılı yazı */
.logo-text .num {
  background: linear-gradient(90deg,#ff3b00,#ff9800,#ffd740);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 10px rgba(255,120,0,0.5);
  animation: goldGlow 4s infinite alternate ease-in-out;
}

.logo-text .gold {
  background: linear-gradient(90deg,#ffd740,#f1c232,#ffe480);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 10px rgba(255,215,64,0.6);
  animation: goldGlow 3s infinite alternate ease-in-out;
}

@keyframes goldGlow {
  0% { text-shadow: 0 0 6px rgba(255,215,64,0.4); }
  100% { text-shadow: 0 0 14px rgba(255,215,64,1); }
}
/* Efsun Filtre Alanı */
#efsun-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.efsun-input {
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid #46382f;
  background: #0f0b0b;
  color: var(--text);
  font-weight: 500;
}

.btn-secondary {
  margin-top: 6px;
  width: 100%;
  padding: 6px 8px;
  border: 1px dashed #8b1c1c;
  border-radius: 8px;
  background: rgba(255,70,70,0.05);
  color: #f5e9b0;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.25s;
}
.btn-secondary:hover {
  background: rgba(255,70,70,0.15);
  color: #fff;
}

/* Kaldırma ikonu (isteğe bağlı) */
.efsun-box {
  display: flex;
  align-items: center;
  gap: 6px;
}
.efsun-remove {
  background: none;
  border: none;
  color: #ff7070;
  cursor: pointer;
  font-size: 1.1rem;
}
.efsun-remove:hover { color: #ff3d3d; }
/* === DİNAMİK SLOGAN GEÇİŞİ === */
.slogan {
  display: inline-block;
  color: #e9e1b0;
  font-weight: 600;
  letter-spacing: 0.3px;
  text-shadow: 0 0 6px rgba(255,215,64,0.3);
  transition: opacity 1s ease;
}

.slogan.fade-out { opacity: 0; }
.slogan.fade-in { opacity: 1; }
.efsun-box {
  display: flex;
  align-items: center;
  gap: 6px;
}

.efsun-input {
  flex: 1;
  padding: 6px 8px;
  border-radius: 8px;
  border: 1px solid #46382f;
  background: #0f0b0b;
  color: var(--text);
  font-weight: 500;
}

.efsun-input:focus {
  border-color: var(--red);
  box-shadow: 0 0 8px rgba(255,70,70,0.4);
}

.efsun-remove {
  background: none;
  border: none;
  color: #ff7070;
  cursor: pointer;
  font-size: 1.1rem;
}
.efsun-remove:hover {
  color: #ff3d3d;
}
.efsun-box {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
}
.efsun-min, .efsun-max {
  width: 60px;
  padding: 5px;
  border-radius: 6px;
  border: 1px solid #46382f;
  background: #0f0b0b;
  color: #f5e9b0;
  text-align: center;
}
.efsun-min:focus, .efsun-max:focus {
  border-color: #f1c232;
  box-shadow: 0 0 6px rgba(241,194,50,0.3);
}
/* === 🧿 EFSUN GÖRSEL DÜZEN (SON SÜRÜM) === */
#efsun-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Her efsun kutusu */
.efsun-box {
  background: linear-gradient(180deg,#1a1414,#0f0b0b);
  border: 1px solid #3a2e28;
  border-radius: 10px;
  padding: 12px 14px 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  box-shadow: inset 0 0 6px rgba(255,215,64,0.05);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.efsun-box:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 10px rgba(255,215,64,0.15);
}

/* Dropdown */
.efsun-box select {
  margin-top: 4px;
  padding: 7px 8px;
  border-radius: 6px;
  background: #0f0b0b;
  color: #f5e9b0;
  border: 1px solid #46382f;
  font-weight: 600;
  width: 100%;
  appearance: none;
}

/* Değer alanları */
.efsun-values {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  margin-top: 8px;
  flex-wrap: wrap;
}

/* Min ve max kutuları */
.efsun-min, .efsun-max {
  width: 65px;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  border: 1px solid #46382f;
  background: #0f0b0b;
  color: #f5e9b0;
  font-weight: 500;
  -moz-appearance: textfield; /* Firefox */
}
.efsun-min:focus, .efsun-max:focus {
  border-color: #f1c232;
  box-shadow: 0 0 6px rgba(241,194,50,0.3);
}

/* Sayı oklarını kaldır (Chrome / Edge / Safari) */
.efsun-min::-webkit-outer-spin-button,
.efsun-min::-webkit-inner-spin-button,
.efsun-max::-webkit-outer-spin-button,
.efsun-max::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Birim (% veya puan) */
.efsun-unit {
  font-size: 0.85rem;
  color: #d6cfa1;
  margin-left: 2px;
}

/* Kaldırma butonu (kutunun üst kenarında düzgün hizalanmış) */
.efsun-box {
  position: relative;
  overflow: visible; /* önceki hidden kaldırıldı ki X kesilmesin */
}

.efsun-remove {
  position: absolute;
  top: -10px;   /* biraz yukarıda, kutunun dışında değil */
  right: -8px;  /* sağ kenardan hafif dışarı taşsın */
  background: radial-gradient(circle at center, #ff4d4d 0%, #7a1111 80%);
  border: 1px solid rgba(255, 90, 90, 0.5);
  border-radius: 50%;
  color: #fff;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  width: 22px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  box-shadow: 0 0 6px rgba(255, 0, 0, 0.4);
  transition: all 0.25s ease;
  z-index: 5;
}

.efsun-remove:hover {
  transform: scale(1.1);
  background: radial-gradient(circle at center, #ff6a6a 0%, #b31313 80%);
  box-shadow: 0 0 10px rgba(255, 70, 70, 0.6);
}