/* ═══════════════════════════════════════════════════════
 * Sürüngen Pazarı — v4.3 Enhancements
 * Hero gradyanları, buton efektleri, animasyonlu borderlar
 * Admin'den kontrol edilebilir
 * ═══════════════════════════════════════════════════════ */

/* ─── Gradyan Renk Değişkenleri ─── */
:root{
  --grad-hero: linear-gradient(135deg, var(--p) 0%, var(--s) 50%, var(--pd) 100%);
  --grad-hero-soft: linear-gradient(135deg, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.95) 0%, rgba(var(--s-r,255),var(--s-g,101),var(--s-b,132),.9) 100%);
  --grad-btn: linear-gradient(135deg, var(--p), var(--s));
  --grad-btn-hover: linear-gradient(135deg, var(--s), var(--p));
  --grad-title: linear-gradient(135deg, var(--p), var(--s));
  --grad-title-shine: linear-gradient(90deg, var(--p), var(--s), var(--p));
  --rotating-border-speed: 4s;
}

/* ─── HERO Gradyan Sistemi ─── */
.sp-hero-gradient,
.hero-section,
.hero,
[data-hero-gradient]{
  position: relative;
  background: var(--grad-hero) !important;
  background-size: 200% 200% !important;
  animation: heroGradient 12s ease infinite;
  overflow: hidden;
}
.sp-hero-gradient::before,
.hero-section::before,
[data-hero-gradient]::before{
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.15), transparent 50%),
              radial-gradient(circle at 80% 80%, rgba(255,255,255,.12), transparent 50%);
  pointer-events: none;
}
@keyframes heroGradient{
  0%{background-position: 0% 50%}
  50%{background-position: 100% 50%}
  100%{background-position: 0% 50%}
}

/* ─── Gradyan Başlıklar (Admin kontrolü) ─── */
/* Sadece işaretli alanlarda uygulanır, hero banner ve inline renkli başlıklar hariç */
body[data-gradient-titles="1"] .sec-title,
body[data-gradient-titles="1"] .section-title,
body[data-gradient-titles="1"] h2.sp-grad-target,
body[data-gradient-titles="1"] h1.sp-grad-target,
.sp-grad-title{
  background: var(--grad-title-shine);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: gradTitleShift 4s ease-in-out infinite;
}
/* Gradyan etkisini asla uygulamayacağımız özel başlıklar (hero banner, CTA vs) */
body[data-gradient-titles="1"] .sp-hb-title,
body[data-gradient-titles="1"] .sp-hb-subtitle,
body[data-gradient-titles="1"] .sp-hb-desc,
body[data-gradient-titles="1"] .sp-hb-badge,
body[data-gradient-titles="1"] .sp-hb-btn,
body[data-gradient-titles="1"] .sp-hb-content *,
body[data-gradient-titles="1"] .catd-hero-title,
body[data-gradient-titles="1"] .catd-hero-desc,
body[data-gradient-titles="1"] .hero-section *,
body[data-gradient-titles="1"] [data-no-grad],
body[data-gradient-titles="1"] [data-no-grad] *,
body[data-gradient-titles="1"] .no-gradient,
body[data-gradient-titles="1"] .no-gradient *{
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: currentColor !important;
  color: inherit !important;
  animation: none !important;
}
@keyframes gradTitleShift{
  0%,100%{background-position: 0% 50%}
  50%{background-position: 100% 50%}
}

/* ─── Gradyan Sayılar ─── */
.sp-grad-num,
body[data-gradient-numbers="1"] .sps-num,
body[data-gradient-numbers="1"] .stat-num,
body[data-gradient-numbers="1"] .count-num{
  background: var(--grad-title-shine);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: gradTitleShift 3s ease-in-out infinite;
  font-weight: 900;
}

/* ─── Gradyan Butonlar (Global — tüm birincil butonlar) ─── */
body[data-gradient-buttons="1"] .btn-primary,
body[data-gradient-buttons="1"] .btn-post,
body[data-gradient-buttons="1"] .btn-post-ad,
body[data-gradient-buttons="1"] .btn-auth,
body[data-gradient-buttons="1"] .btn-submit,
body[data-gradient-buttons="1"] .btn.btn-primary,
body[data-gradient-buttons="1"] .bx.primary,
body[data-gradient-buttons="1"] button.bx.primary,
body[data-gradient-buttons="1"] button[type="submit"]:not(.no-grad):not(.btn-ghost):not(.bx.ghost):not(.hdr6-search-btn):not(.hdr-search-btn):not(.catd-search-btn),
.sp-btn-gradient{
  background: var(--grad-btn) !important;
  background-size: 200% 200% !important;
  border: none !important;
  color: #fff !important;
  position: relative;
  overflow: hidden;
  transition: all .35s cubic-bezier(.4,0,.2,1);
}
body[data-gradient-buttons="1"] .btn-primary:hover,
body[data-gradient-buttons="1"] .btn-post:hover,
body[data-gradient-buttons="1"] .btn-auth:hover,
body[data-gradient-buttons="1"] .bx.primary:hover,
body[data-gradient-buttons="1"] button.bx.primary:hover,
.sp-btn-gradient:hover{
  background-position: 100% 100% !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.4);
}
/* Hover shine */
body[data-gradient-buttons="1"] .btn-primary::before,
body[data-gradient-buttons="1"] .btn-post::before,
body[data-gradient-buttons="1"] .btn-auth::before,
.sp-btn-gradient::before{
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);
  transition: left .6s ease;
  pointer-events: none;
}
body[data-gradient-buttons="1"] .btn-primary:hover::before,
body[data-gradient-buttons="1"] .btn-post:hover::before,
body[data-gradient-buttons="1"] .btn-auth:hover::before,
.sp-btn-gradient:hover::before{ left: 100%; }
.sp-btn-gradient::before{
  content: '';
  position: absolute;
  top: 0; left: -100%;
  width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.3), transparent);
  transition: left .6s ease;
}
.sp-btn-gradient:hover::before{ left: 100%; }

/* ─── Dönen Border Animasyonu (Genel kullanım) ─── */
.sp-rotating-border{
  position: relative;
  border-radius: 50%;
  padding: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--grad-hero);
  background-size: 200% 200%;
  animation: rotBorder var(--rotating-border-speed) linear infinite;
}
.sp-rotating-border::before{
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, var(--p), var(--s), var(--pd), var(--p));
  z-index: -1;
  animation: rotSpin var(--rotating-border-speed) linear infinite;
}
.sp-rotating-border > *{
  background: var(--white);
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes rotBorder{
  0%{background-position: 0% 0%}
  100%{background-position: 200% 200%}
}
@keyframes rotSpin{
  from{transform: rotate(0deg)}
  to{transform: rotate(360deg)}
}

/* Kare dönen border (ilan kartları vs) */
.sp-rotating-square{
  position: relative;
  border-radius: 16px;
}
.sp-rotating-square::before{
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  background: conic-gradient(from var(--angle,0deg), var(--p), var(--s), transparent 25%, transparent 75%, var(--p));
  animation: rotAngle 4s linear infinite;
  z-index: -1;
}
@property --angle {
  syntax: '<angle>';
  initial-value: 0deg;
  inherits: false;
}
@keyframes rotAngle{
  to{--angle: 360deg}
}

/* ═══ İlan Kartı Animasyonlu Border Şablonları (v2) ═══
 * Tüm şablonlar `inset:0` + `padding` + mask tekniği kullanır.
 * `.listing-card { overflow:hidden }` ile uyumludur — taşma olmaz.
 * Pseudo-element z-index:4 → resim üstünde, badge altında.
 */
.listing-card[data-border-style]::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:4;
}

/* Şablon 1: Kesikli Dönen — kırmızı kesik çizgiler dönerek hareket eder */
.listing-card[data-border-style="dashed-rotating"]::after,
.listing-card.border-dashed-rotating::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background: repeating-conic-gradient(from var(--angle,0deg), #ef4444 0deg 10deg, transparent 10deg 20deg);
  animation: rotAngle 8s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
  z-index:4;
}

/* Şablon 2: Neon Pulse — solid border nabız gibi parlar */
.listing-card[data-border-style="neon-pulse"]::after,
.listing-card.border-neon-pulse::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:2px solid #ef4444;
  box-shadow: 0 0 10px #ef4444, inset 0 0 8px rgba(239,68,68,.3);
  animation: neonPulse 2s ease-in-out infinite;
  pointer-events:none;
  z-index:4;
}
@keyframes neonPulse{
  0%,100%{opacity:.6; box-shadow: 0 0 8px #ef4444, inset 0 0 6px rgba(239,68,68,.25)}
  50%{opacity:1; box-shadow: 0 0 18px #ef4444, 0 0 28px rgba(239,68,68,.45), inset 0 0 10px rgba(239,68,68,.4)}
}

/* Şablon 3: Kayan Çizgi (FIXED) — parlak çizgi tüm çevre boyunca akıcı şekilde döner */
.listing-card[data-border-style="running-line"]::after,
.listing-card.border-running-line::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:3px;
  background: conic-gradient(from var(--angle,0deg),
    transparent 0deg,
    transparent 270deg,
    rgba(239,68,68,.4) 310deg,
    #fbbf24 345deg,
    #ef4444 360deg);
  animation: rotAngle 2.4s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  filter: drop-shadow(0 0 4px rgba(239,68,68,.6));
  pointer-events:none;
  z-index:4;
}

/* Şablon 4: Rainbow — gökkuşağı dönen border */
.listing-card[data-border-style="rainbow"]::after,
.listing-card.border-rainbow::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background: conic-gradient(from var(--angle,0deg),
    #ef4444, #f59e0b, #fbbf24, #10b981, #3b82f6, #8b5cf6, #ec4899, #ef4444);
  animation: rotAngle 4s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events:none;
  z-index:4;
}

/* Şablon 5: Gradient Flow — kırmızı tonlarında yumuşak akış */
.listing-card[data-border-style="gradient-flow"]::after,
.listing-card.border-gradient-flow::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background: conic-gradient(from var(--angle,0deg),
    #ef4444, #dc2626, #f97316, #ef4444, #dc2626, #ef4444);
  animation: rotAngle 3s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  filter: drop-shadow(0 0 5px rgba(239,68,68,.5));
  pointer-events:none;
  z-index:4;
}

/* Şablon 6: Marching Ants — yürüyen karıncalar (klasik kesik border) */
.listing-card[data-border-style="marching-ants"]::after,
.listing-card.border-marching-ants::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background:
    linear-gradient(90deg, #ef4444 50%, transparent 50%) top/12px 2px repeat-x,
    linear-gradient(90deg, #ef4444 50%, transparent 50%) bottom/12px 2px repeat-x,
    linear-gradient(0deg, #ef4444 50%, transparent 50%) left/2px 12px repeat-y,
    linear-gradient(0deg, #ef4444 50%, transparent 50%) right/2px 12px repeat-y;
  animation: marchAnts .6s linear infinite;
  pointer-events:none;
  z-index:4;
}
@keyframes marchAnts{
  to{
    background-position: 12px top, -12px bottom, left 12px, right -12px;
  }
}

/* Şablon 7: Fire — alev gibi titreyen border */
.listing-card[data-border-style="fire"]::after,
.listing-card.border-fire::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2.5px;
  background: conic-gradient(from var(--angle,0deg),
    #dc2626, #f97316, #fbbf24, #f97316, #dc2626, #ef4444, #fbbf24, #f97316);
  animation: rotAngle 1.6s linear infinite, fireFlick .35s ease-in-out infinite alternate;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  filter: drop-shadow(0 0 6px rgba(249,115,22,.85)) drop-shadow(0 0 12px rgba(239,68,68,.4));
  pointer-events:none;
  z-index:4;
}
@keyframes fireFlick{
  from{ filter: drop-shadow(0 0 4px rgba(249,115,22,.7)) drop-shadow(0 0 10px rgba(239,68,68,.3)) }
  to  { filter: drop-shadow(0 0 8px rgba(251,191,36,.95)) drop-shadow(0 0 16px rgba(239,68,68,.5)) }
}

/* Şablon 8: Glow Snake — tek parlak nokta yılan gibi tek başına döner */
.listing-card[data-border-style="glow-snake"]::after,
.listing-card.border-glow-snake::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:3px;
  background: conic-gradient(from var(--angle,0deg),
    transparent 0deg, transparent 320deg,
    rgba(239,68,68,.5) 340deg,
    #fff 355deg, #ef4444 360deg);
  animation: rotAngle 1.8s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  filter: drop-shadow(0 0 6px #ef4444) drop-shadow(0 0 10px rgba(239,68,68,.6));
  pointer-events:none;
  z-index:4;
}

/* Şablon 9: Sparkle — kıvılcımlı parlayan border (çift dönen) */
.listing-card[data-border-style="sparkle"]::after,
.listing-card.border-sparkle::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:2px;
  background: conic-gradient(from var(--angle,0deg),
    #ef4444 0deg, transparent 30deg, #fbbf24 90deg, transparent 120deg,
    #ef4444 180deg, transparent 210deg, #fbbf24 270deg, transparent 300deg, #ef4444 360deg);
  animation: rotAngle 2s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  filter: drop-shadow(0 0 4px rgba(251,191,36,.7));
  pointer-events:none;
  z-index:4;
}

/* Reduced motion — kullanıcı animasyon istemiyorsa sadece statik kırmızı border */
@media (prefers-reduced-motion: reduce){
  .listing-card[data-border-style]::after{
    animation: none !important;
    background: none !important;
    border: 2px solid #ef4444;
    padding: 0;
    -webkit-mask: none;
            mask: none;
  }
}

/* ─── Diagonal Acil Badge ─── */
.listing-card .acil-diagonal,
.urgent-diagonal{
  position: absolute;
  top: 15px;
  left: -40px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  padding: 5px 50px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  transform: rotate(-45deg);
  box-shadow: 0 4px 12px rgba(239,68,68,.45);
  z-index: 5;
  text-align: center;
  pointer-events: none;
}
.listing-card .acil-diagonal::before,
.listing-card .acil-diagonal::after{
  content: '';
  position: absolute;
  bottom: -4px;
  border: 4px solid transparent;
  border-top-color: #991b1b;
}
.listing-card .acil-diagonal::before{ left: 0; border-right: 0; }
.listing-card .acil-diagonal::after{ right: 0; border-left: 0; }

/* ─── Kategori Hero Butonları (İlan Ver / Mezat) ─── */
.cat-hero-actions{
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.cat-hero-btn{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 14px 26px;
  background: rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255,255,255,.35);
  color: #fff;
  font-family: var(--font);
  font-weight: 800;
  font-size: 14px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 14px;
  transition: all .3s cubic-bezier(.4,0,.2,1);
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.cat-hero-btn:hover{
  background: rgba(255,255,255,.95);
  color: var(--p);
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(0,0,0,.25);
  border-color: transparent;
}
.cat-hero-btn.primary{
  background: linear-gradient(135deg, #fff, rgba(255,255,255,.9));
  color: var(--p);
  border-color: transparent;
}
.cat-hero-btn.primary:hover{
  background: var(--grad-btn);
  color: #fff;
}
.cat-hero-btn i{
  font-size: 18px;
}

/* ─── İlan Detay: Başlık Sol Üst, Galeri Üstü ─── */
.ld-title-above-gallery{
  padding: 16px 18px;
  background: linear-gradient(135deg, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.05), rgba(var(--s-r,255),var(--s-g,101),var(--s-b,132),.05));
  border: 1px solid rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.15);
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 4px 16px rgba(0,0,0,.04);
}
.ld-title-above-gallery h1{
  font-size: 22px;
  font-weight: 800;
  line-height: 1.3;
  color: var(--text);
  margin: 0 0 6px;
  word-break: break-word;
}
.ld-title-above-gallery .ld-title-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 14px;
  color: var(--tl);
}
.ld-title-above-gallery .ld-title-meta strong{
  color: var(--p);
  font-weight: 700;
}
.ld-title-above-gallery .ld-age{
  font-size: 15px !important;
  font-weight: 600;
}

/* ─── Onaysız Profil Kırmızı ─── */
.ld-unverified,
.unverified-profile,
.seller-unverified{
  color: #ef4444 !important;
  background: rgba(239,68,68,.08) !important;
  border-color: rgba(239,68,68,.25) !important;
}
.ld-unverified i,
.unverified-profile i{
  color: #ef4444 !important;
}

/* ─── Satıcı Kutusu (Dolu Dolu) ─── */
.ld-seller-rich{
  background: linear-gradient(135deg, #fff, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.03));
  border: 1px solid var(--brd);
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 8px 28px rgba(0,0,0,.05);
  position: relative;
  overflow: hidden;
}
.ld-seller-rich::before{
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 4px;
  background: var(--grad-btn);
}
.ld-seller-rich .seller-top{
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px dashed var(--brd);
}
.ld-seller-rich .seller-avatar-wrap{
  width: 64px; height: 64px;
  flex-shrink: 0;
  border-radius: 50%;
  padding: 3px;
  background: conic-gradient(from 0deg, var(--p), var(--s), var(--pd), var(--p));
  animation: rotSpin 6s linear infinite;
}
.ld-seller-rich .seller-avatar-wrap img,
.ld-seller-rich .seller-avatar-wrap .avatar-placeholder{
  width: 100%; height: 100%;
  border-radius: 50%;
  background: #fff;
  padding: 2px;
  object-fit: cover;
}
.ld-seller-rich .seller-info h3{
  font-size: 17px;
  font-weight: 800;
  margin-bottom: 4px;
}
.ld-seller-rich .seller-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 6px;
}
.ld-seller-rich .seller-badge{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 9px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08);
  color: var(--p);
  border: 1px solid rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.15);
}
.ld-seller-rich .seller-badge.verified{
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  color: #1e40af;
  border-color: #93c5fd;
}
.ld-seller-rich .seller-badge.unverified{
  background: rgba(239,68,68,.08);
  color: #ef4444;
  border-color: rgba(239,68,68,.25);
}
.ld-seller-rich .seller-badge.store{
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  color: #92400e;
  border-color: #fbbf24;
}
.ld-seller-rich .seller-stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 14px;
}
.ld-seller-rich .seller-stat{
  text-align: center;
  padding: 10px 6px;
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.05);
  border-radius: 10px;
}
.ld-seller-rich .seller-stat b{
  display: block;
  font-size: 18px;
  font-weight: 900;
  color: var(--p);
}
.ld-seller-rich .seller-stat span{
  font-size: 11px;
  color: var(--tl);
  text-transform: uppercase;
  letter-spacing: .5px;
}
.ld-seller-rich .seller-actions{
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ld-seller-rich .seller-actions .btn{
  padding: 12px 14px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all .25s;
}
.ld-seller-rich .btn-call{
  background: var(--grad-btn);
  color: #fff;
  border: none;
}
.ld-seller-rich .btn-message{
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08);
  color: var(--p);
  border: 1px solid rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.2);
}
.ld-seller-rich .btn-favorite{
  background: rgba(239,68,68,.08);
  color: #ef4444;
  border: 1px solid rgba(239,68,68,.2);
}

/* ─── Dolandırıcılara Dikkat Kutusu (En Üstte) ─── */
.ld-fraud-alert-top{
  background: linear-gradient(135deg, #fef2f2, #fee2e2);
  border: 1px solid #fca5a5;
  border-left: 4px solid #ef4444;
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 16px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.ld-fraud-alert-top .fraud-icon{
  width: 40px; height: 40px;
  flex-shrink: 0;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  animation: pulseWarn 2s ease-in-out infinite;
}
@keyframes pulseWarn{
  0%,100%{transform: scale(1); box-shadow: 0 0 0 0 rgba(239,68,68,.5)}
  50%{transform: scale(1.05); box-shadow: 0 0 0 8px rgba(239,68,68,0)}
}
.ld-fraud-alert-top h4{
  font-size: 15px;
  font-weight: 800;
  color: #991b1b;
  margin-bottom: 4px;
}
.ld-fraud-alert-top p{
  font-size: 13px;
  color: #7f1d1d;
  line-height: 1.55;
  margin: 0;
}
.ld-fraud-alert-top a{
  color: #991b1b;
  font-weight: 700;
  text-decoration: underline;
}

/* ─── Soru/Cevap Kuralları ─── */
.qa-rules-box{
  background: linear-gradient(135deg, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.06), rgba(var(--s-r,255),var(--s-g,101),var(--s-b,132),.04));
  border: 1px solid rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.18);
  border-radius: 14px;
  padding: 16px;
  margin-bottom: 16px;
}
.qa-rules-box h4{
  font-size: 15px;
  font-weight: 800;
  color: var(--p);
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.qa-rules-box ul{
  margin: 0 0 12px 0;
  padding-left: 22px !important;
  list-style: disc !important;
}
.qa-rules-box ul li{
  font-size: 13px;
  color: var(--tl);
  line-height: 1.7;
  margin: 4px 0;
}
.qa-rules-box label.rules-check{
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--text);
  cursor: pointer;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(255,255,255,.5);
  border: 1px dashed rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.3);
}
.qa-rules-box label.rules-check input{ accent-color: var(--p); transform: scale(1.15); }
.qa-rules-box .qa-post-btn[disabled]{
  opacity: .55;
  cursor: not-allowed !important;
  filter: grayscale(.5);
}

/* ─── Chat Widget / Page Up Gölge Toggle ─── */
body[data-widget-shadow="0"] .chat-widget-btn,
body[data-widget-shadow="0"] .sp-chat-bubble,
body[data-widget-shadow="0"] .page-up-btn,
body[data-widget-shadow="0"] #pageUpBtn,
body[data-widget-shadow="0"] .sp-pageup{
  box-shadow: none !important;
  filter: none !important;
}

/* ─── View Toggle Hide ─── */
body[data-hide-view-toggle="1"] .view-toggle,
body[data-hide-view-toggle="1"] .view-toggles,
body[data-hide-view-toggle="1"] #view-list,
body[data-hide-view-toggle="1"] #view-grid,
body[data-hide-view-toggle="1"] .listing-view-buttons,
body[data-hide-view-toggle="1"] .result-view-toggle,
body[data-hide-view-toggle="1"] .catd-view-group,
body[data-hide-view-toggle="1"] .catd-view-toggle,
body[data-hide-view-toggle="1"] #btn-grid,
body[data-hide-view-toggle="1"] #btn-list,
body[data-hide-view-toggle="1"] #btn-carousel,
body[data-hide-view-toggle="1"] .ilst-view-toggle{
  display: none !important;
}

/* ─── Hesabım İstatistik Kartları ─── */
.acc-stats-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 14px;
  margin-bottom: 24px;
}
.acc-stat-card{
  position: relative;
  background: #fff;
  border: 1px solid var(--brd);
  border-radius: 18px;
  padding: 18px;
  overflow: hidden;
  transition: all .3s cubic-bezier(.4,0,.2,1);
}
.acc-stat-card::before{
  content: '';
  position: absolute;
  top: -50%;
  right: -30%;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08), transparent 70%);
  border-radius: 50%;
  transition: all .5s;
}
.acc-stat-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.15);
  border-color: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.3);
}
.acc-stat-card:hover::before{
  transform: scale(1.3);
}
.acc-stat-card .stat-icon{
  width: 54px; height: 54px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 12px;
  font-size: 22px;
  color: #fff;
  position: relative;
}
.acc-stat-card .stat-icon.rot-border{
  padding: 3px;
  background: conic-gradient(from var(--angle,0deg), var(--p), var(--s), var(--pd), var(--p));
  animation: rotAngle 5s linear infinite;
}
.acc-stat-card .stat-icon.rot-border i{
  background: #fff;
  color: var(--p);
  width: 100%; height: 100%;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.acc-stat-card .stat-value{
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 4px;
  background: var(--grad-title);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.acc-stat-card .stat-label{
  font-size: 13px;
  color: var(--tl);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.acc-stat-card .stat-meta{
  font-size: 11px;
  color: var(--tl);
  margin-top: 6px;
}
.acc-stat-card.danger .stat-icon{ background: linear-gradient(135deg, #ef4444, #dc2626); }
.acc-stat-card.success .stat-icon{ background: linear-gradient(135deg, #10b981, #059669); }
.acc-stat-card.warning .stat-icon{ background: linear-gradient(135deg, #f59e0b, #d97706); }
.acc-stat-card.info .stat-icon{ background: linear-gradient(135deg, #3b82f6, #2563eb); }
.acc-stat-card.purple .stat-icon{ background: linear-gradient(135deg, #8b5cf6, #7c3aed); }

/* ─── Hesabım İstatistikler & Rozetler Yeniden Tasarım ─── */
.acc-side-stats-v2{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px;
  background: linear-gradient(135deg, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.06), rgba(var(--s-r,255),var(--s-g,101),var(--s-b,132),.04));
  border: 1px solid rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.15);
  border-radius: 14px;
  gap: 10px;
}
.acc-side-stats-v2 .side-stat{
  flex: 1;
  text-align: center;
  min-width: 0;
}
.acc-side-stats-v2 .side-stat b{
  display: block;
  font-size: 20px;
  font-weight: 900;
  color: var(--p);
  line-height: 1;
  margin-bottom: 2px;
}
.acc-side-stats-v2 .side-stat span{
  font-size: 11px;
  color: var(--tl);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.acc-side-stats-v2 .side-sep{
  width: 1px;
  height: 32px;
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.15);
}

/* ─── Mağaza Yok CTA Dönen Border ─── */
.no-store-cta-rotating{
  position: relative;
  background: #fff;
  border-radius: 20px;
  padding: 28px 22px;
  text-align: center;
  overflow: hidden;
  margin: 12px 0;
}
.no-store-cta-rotating::before{
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2.5px;
  background: conic-gradient(from var(--angle,0deg), var(--p) 0deg, var(--s) 90deg, #fbbf24 180deg, var(--p) 360deg);
  animation: rotAngle 4s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.no-store-cta-rotating .cta-icon{
  width: 68px; height: 68px;
  margin: 0 auto 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  background: var(--grad-btn);
  color: #fff;
  position: relative;
  animation: pulseIcon 2.5s ease-in-out infinite;
}
@keyframes pulseIcon{
  0%,100%{transform: scale(1); box-shadow: 0 0 0 0 rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.4)}
  50%{transform: scale(1.06); box-shadow: 0 0 0 10px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),0)}
}
.no-store-cta-rotating h3{
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 6px;
  background: var(--grad-title);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.no-store-cta-rotating p{
  font-size: 13px;
  color: var(--tl);
  line-height: 1.6;
  margin-bottom: 14px;
}
.no-store-cta-rotating .btn-open-store{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 22px;
  background: var(--grad-btn);
  background-size: 200% 200%;
  color: #fff;
  border-radius: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: all .3s;
}
.no-store-cta-rotating .btn-open-store:hover{
  background-position: 100% 100%;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.35);
}

/* ─── Hesap Doğrulama Rozetleri Yeniden ─── */
.verify-badges-v2{
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  background: linear-gradient(135deg, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.04), rgba(var(--s-r,255),var(--s-g,101),var(--s-b,132),.04));
  border: 1px solid rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.15);
  border-radius: 12px;
}
.verify-badges-v2 .vb-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  border-radius: 8px;
  background: #fff;
  transition: all .2s;
  font-size: 12.5px;
  gap: 8px;
}
.verify-badges-v2 .vb-item.verified{
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  border: 1px solid #93c5fd;
}
.verify-badges-v2 .vb-item.unverified{
  background: rgba(239,68,68,.05);
  border: 1px solid rgba(239,68,68,.2);
}
.verify-badges-v2 .vb-left{
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.verify-badges-v2 .vb-icon{
  width: 28px; height: 28px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-shrink: 0;
}
.verify-badges-v2 .verified .vb-icon{
  background: #1e40af;
  color: #fff;
}
.verify-badges-v2 .unverified .vb-icon{
  background: #ef4444;
  color: #fff;
}
.verify-badges-v2 .vb-label{
  font-weight: 600;
  font-size: 12.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.verify-badges-v2 .vb-status{
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 20px;
  font-weight: 700;
  flex-shrink: 0;
}
.verify-badges-v2 .verified .vb-status{
  background: #1e40af;
  color: #fff;
}
.verify-badges-v2 .unverified .vb-status{
  background: #fff;
  color: #ef4444;
  border: 1px solid #ef4444;
}
.verify-badges-v2 .vb-all-done{
  text-align: center;
  padding: 8px;
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  border-radius: 8px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

/* ─── İlan Kartı Profil Fotoğrafı + Rozet ─── */
.listing-card .lc-seller-mini{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 8px 3px 3px;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(8px);
  border-radius: 20px;
  font-size: 11px;
  font-weight: 700;
  color: var(--text);
  position: relative;
}
.listing-card .lc-seller-mini img,
.listing-card .lc-seller-mini .lc-avatar-ph{
  width: 22px; height: 22px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}
.listing-card .lc-seller-mini .lc-verify-dot{
  width: 14px; height: 14px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 8px;
  color: #fff;
  flex-shrink: 0;
  margin-left: -6px;
  border: 2px solid #fff;
}
.listing-card .lc-seller-mini .lc-verify-dot.verified{
  background: #1e40af;
}
.listing-card .lc-seller-mini .lc-verify-dot.unverified{
  background: #ef4444;
}

/* ─── Header Hesap Linki (Giriş Yap / Kayıt Ol) Gradyan ─── */
.hdr-account-cta{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: var(--grad-btn);
  background-size: 200% 200%;
  color: #fff !important;
  border-radius: 10px;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: .3px;
  transition: all .35s ease;
  text-transform: uppercase;
  animation: heroGradient 8s ease infinite;
}
.hdr-account-cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.35);
  background-position: 100% 100%;
}
.hdr-account-cta i{ font-size: 14px; }

/* Admin'den ayarlanabilir renkler */
body[data-account-cta-color="orange"] .hdr-account-cta{
  background: linear-gradient(135deg, #f59e0b, #ef4444);
}
body[data-account-cta-color="green"] .hdr-account-cta{
  background: linear-gradient(135deg, #10b981, #059669);
}
body[data-account-cta-color="blue"] .hdr-account-cta{
  background: linear-gradient(135deg, #3b82f6, #1e40af);
}
body[data-account-cta-color="purple"] .hdr-account-cta{
  background: linear-gradient(135deg, #8b5cf6, #6366f1);
}

/* ─── Header Hesabım Dropdown Yenileme ─── */
.hdr-account-dropdown-v2{
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.15);
  min-width: 320px;
  overflow: hidden;
  border: 1px solid var(--brd);
}
.hdr-account-dropdown-v2 .dd-header{
  background: var(--grad-btn);
  padding: 18px 16px;
  color: #fff;
  position: relative;
  overflow: hidden;
}
.hdr-account-dropdown-v2 .dd-header::before{
  content: '';
  position: absolute;
  top: -50%;
  right: -30%;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, rgba(255,255,255,.2), transparent 70%);
  border-radius: 50%;
}
.hdr-account-dropdown-v2 .dd-user{
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 1;
}
.hdr-account-dropdown-v2 .dd-avatar{
  width: 48px; height: 48px;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.5);
  object-fit: cover;
}
.hdr-account-dropdown-v2 .dd-name{
  font-weight: 800;
  font-size: 15px;
  margin-bottom: 2px;
}
.hdr-account-dropdown-v2 .dd-email{
  font-size: 12px;
  opacity: .85;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}
.hdr-account-dropdown-v2 .dd-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: 10px;
  gap: 4px;
}
.hdr-account-dropdown-v2 .dd-item{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  border-radius: 10px;
  color: var(--text);
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
}
.hdr-account-dropdown-v2 .dd-item:hover{
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08);
  color: var(--p);
  transform: translateX(2px);
}
.hdr-account-dropdown-v2 .dd-item i{
  font-size: 15px;
  color: var(--p);
  width: 18px;
  text-align: center;
}
.hdr-account-dropdown-v2 .dd-item .count-pill{
  margin-left: auto;
  background: var(--grad-btn);
  color: #fff;
  font-size: 10px;
  padding: 1px 7px;
  border-radius: 10px;
  font-weight: 700;
}
.hdr-account-dropdown-v2 .dd-footer{
  border-top: 1px dashed var(--brd);
  padding: 10px;
  display: flex;
  gap: 6px;
}
.hdr-account-dropdown-v2 .dd-footer .dd-item{
  flex: 1;
  justify-content: center;
}
.hdr-account-dropdown-v2 .dd-logout{
  background: rgba(239,68,68,.08);
  color: #ef4444 !important;
}
.hdr-account-dropdown-v2 .dd-logout i{ color: #ef4444 !important; }

/* ─── Bildirim Dropdown Butonları ─── */
.notif-dd-actions{
  display: flex;
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 1px dashed var(--brd);
  background: linear-gradient(135deg, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.03), transparent);
}
.notif-dd-actions button{
  flex: 1;
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid var(--brd);
  background: #fff;
  color: var(--text);
  cursor: pointer;
  transition: all .25s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.notif-dd-actions button.read-all{
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08);
  color: var(--p);
  border-color: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.25);
}
.notif-dd-actions button.read-all:hover{
  background: var(--grad-btn);
  color: #fff;
  border-color: transparent;
  transform: translateY(-1px);
}
.notif-dd-actions button.clear-all{
  background: rgba(239,68,68,.05);
  color: #ef4444;
  border-color: rgba(239,68,68,.2);
}
.notif-dd-actions button.clear-all:hover{
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
  border-color: transparent;
  transform: translateY(-1px);
}
.notif-dd-actions button i{ font-size: 11px; }

/* ─── Kategori / İlan Sol Filtre Sidebar Yenileme ─── */
.filter-sidebar-v2{
  background: #fff;
  border: 1px solid var(--brd);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0,0,0,.04);
  position: sticky;
  top: 16px;
}
.filter-sidebar-v2 .fs-header{
  padding: 14px 16px;
  background: linear-gradient(135deg, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08), rgba(var(--s-r,255),var(--s-g,101),var(--s-b,132),.04));
  border-bottom: 1px solid var(--brd);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.filter-sidebar-v2 .fs-header h3{
  font-size: 15px;
  font-weight: 800;
  color: var(--text);
  display: flex;
  align-items: center;
  gap: 8px;
}
.filter-sidebar-v2 .fs-header h3 i{
  width: 28px; height: 28px;
  border-radius: 8px;
  background: var(--grad-btn);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.filter-sidebar-v2 .fs-reset{
  font-size: 11px;
  color: #ef4444;
  background: rgba(239,68,68,.08);
  padding: 4px 10px;
  border-radius: 20px;
  border: 1px solid rgba(239,68,68,.2);
  cursor: pointer;
  font-weight: 700;
}
.filter-sidebar-v2 .fs-section{
  padding: 14px 16px;
  border-bottom: 1px dashed var(--brd);
}
.filter-sidebar-v2 .fs-section:last-child{ border-bottom: none; }
.filter-sidebar-v2 .fs-section h4{
  font-size: 12px;
  font-weight: 800;
  color: var(--tl);
  text-transform: uppercase;
  letter-spacing: .8px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.filter-sidebar-v2 .fs-section h4 i{
  font-size: 11px;
  color: var(--p);
}
.filter-sidebar-v2 .fs-checkbox{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 13px;
  cursor: pointer;
  transition: all .2s;
}
.filter-sidebar-v2 .fs-checkbox:hover{
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.05);
}
.filter-sidebar-v2 .fs-checkbox input{ accent-color: var(--p); }
.filter-sidebar-v2 .fs-checkbox .count{
  margin-left: auto;
  font-size: 11px;
  color: var(--tl);
  background: var(--bg2);
  padding: 1px 7px;
  border-radius: 10px;
}
.filter-sidebar-v2 .fs-input,
.filter-sidebar-v2 .fs-select{
  width: 100%;
  padding: 10px 12px;
  border: 1px solid var(--brd);
  border-radius: 10px;
  font-size: 13px;
  background: #fff;
  transition: all .2s;
}
.filter-sidebar-v2 .fs-input:focus,
.filter-sidebar-v2 .fs-select:focus{
  border-color: var(--p);
  box-shadow: 0 0 0 3px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.1);
}
.filter-sidebar-v2 .fs-price-range{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 8px;
  align-items: center;
}
.filter-sidebar-v2 .fs-price-sep{
  color: var(--tl);
  font-weight: 700;
}
.filter-sidebar-v2 .fs-apply{
  width: calc(100% - 32px);
  margin: 14px 16px;
  padding: 12px;
  background: var(--grad-btn);
  background-size: 200% 200%;
  color: #fff;
  border: none;
  border-radius: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all .3s;
}
.filter-sidebar-v2 .fs-apply:hover{
  background-position: 100% 100%;
  transform: translateY(-1px);
  box-shadow: 0 8px 22px rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.3);
}

/* ─── Sidebar Widget Ayıcı Çizgi ─── */
.widget-menu li:not(:last-child),
.sp-sidebar-menu li:not(:last-child),
.sb-list li:not(:last-child){
  border-bottom: 1px dashed var(--brd);
}
.widget-menu li a,
.sp-sidebar-menu li a,
.sb-list li a{
  padding: 11px 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all .25s cubic-bezier(.4,0,.2,1);
  position: relative;
}
.sb-list li a::before{
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 0;
  background: linear-gradient(180deg, var(--p), var(--s));
  border-radius: 0 3px 3px 0;
  transition: height .25s ease;
}
.widget-menu li a:hover,
.sp-sidebar-menu li a:hover,
.sb-list li a:hover{
  background: linear-gradient(90deg, rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.08), transparent);
  padding-left: 18px;
  color: var(--p);
}
.sb-list li a:hover::before{
  height: 70%;
}

/* Reklam alanı güzelleştirme */
.sidebar-ad-beautified{
  position: relative;
  padding: 22px 18px;
  background: var(--grad-btn);
  background-size: 200% 200%;
  color: #fff;
  border-radius: 18px;
  overflow: hidden;
  text-align: center;
  animation: heroGradient 10s ease infinite;
}
.sidebar-ad-beautified::before,
.sidebar-ad-beautified::after{
  content: '';
  position: absolute;
  border-radius: 50%;
  background: rgba(255,255,255,.15);
}
.sidebar-ad-beautified::before{
  top: -40px; right: -40px;
  width: 120px; height: 120px;
}
.sidebar-ad-beautified::after{
  bottom: -30px; left: -30px;
  width: 80px; height: 80px;
}
.sidebar-ad-beautified h4{
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 6px;
  position: relative;
  z-index: 1;
}
.sidebar-ad-beautified p{
  font-size: 12.5px;
  opacity: .92;
  line-height: 1.55;
  margin-bottom: 12px;
  position: relative;
  z-index: 1;
}
.sidebar-ad-beautified .btn{
  display: inline-block;
  padding: 9px 18px;
  background: #fff;
  color: var(--p);
  border-radius: 10px;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  position: relative;
  z-index: 1;
  transition: all .25s;
}
.sidebar-ad-beautified .btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,.2);
}

/* ─── Footer Mobil App Badge v5.2 — premium görünüm ─── */
.ft-mobile-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
  align-items: center;
}
.ft-mobile-badge{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  background: linear-gradient(135deg,#000,#1a1a1a);
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  color: #fff;
  text-decoration: none;
  transition: all .3s cubic-bezier(.4,0,.2,1);
  min-width: 150px;
  box-shadow: 0 4px 14px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.08);
  position: relative;
  overflow: hidden;
}
.ft-mobile-badge::before{
  content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transition:left .55s;
}
.ft-mobile-badge:hover{
  background: linear-gradient(135deg,#111,#2a2a2a);
  transform: translateY(-3px);
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 10px 28px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.15);
}
.ft-mobile-badge:hover::before{ left:100%; }
.ft-mobile-badge i{
  font-size: 28px;
  line-height: 1;
  flex-shrink: 0;
}
.ft-mobile-badge > span{
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.ft-mobile-badge b{
  font-size: 15px;
  font-weight: 800;
  line-height: 1.15;
  letter-spacing: -.2px;
}
.ft-mobile-badge span span{
  font-size: 10.5px;
  opacity: .72;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-weight: 600;
}

/* ─── Footer Bülten Dönen Border ─── */
.ft-newsletter-v2{
  position: relative;
  padding: 28px 24px;
  border-radius: 18px;
  background: linear-gradient(135deg, #1a1a35, #0f0f1e);
  overflow: hidden;
}
.ft-newsletter-v2::before{
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--angle,0deg), var(--p), var(--s), var(--pd), var(--p));
  animation: rotAngle 6s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}
.ft-newsletter-v2 h3{
  color: #fff;
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 6px;
  background: linear-gradient(90deg, var(--p), var(--s), var(--p));
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradTitleShift 3s ease infinite;
}
.ft-newsletter-v2 p{
  color: rgba(255,255,255,.7);
  font-size: 13px;
  margin-bottom: 16px;
}
.ft-newsletter-v2 form{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.ft-newsletter-v2 input[type="email"]{
  flex: 1;
  min-width: 220px;
  padding: 13px 16px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
}
.ft-newsletter-v2 input[type="email"]::placeholder{
  color: rgba(255,255,255,.5);
}
.ft-newsletter-v2 button{
  padding: 13px 24px;
  background: var(--grad-btn);
  background-size: 200% 200%;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
  transition: all .3s;
}
.ft-newsletter-v2 button:hover{
  background-position: 100% 100%;
  transform: translateY(-1px);
}

/* ─── Step Progress Bar Enhanced ─── */
body[data-step-style="5"] .step,
body[data-step-style="5"] .step-item{
  position: relative;
}
body[data-step-style="5"] .step .step-num,
body[data-step-style="5"] .step-item .step-num{
  backdrop-filter: blur(8px);
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.15) !important;
  border: 1px solid rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.25);
}
body[data-step-style="5"] .step.done .step-num i,
body[data-step-style="5"] .step-item.done .step-num i{
  filter: drop-shadow(0 0 4px rgba(255,255,255,.8));
}
body[data-step-style="5"] .steps-progress-bar,
body[data-step-style="5"] .step-progress{
  height: 6px;
  background: rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.1);
  border-radius: 20px;
  overflow: hidden;
}
body[data-step-style="5"] .steps-progress-bar > .fill,
body[data-step-style="5"] .step-progress .progress{
  height: 100%;
  background: var(--grad-btn);
  background-size: 200% 100%;
  animation: gradTitleShift 3s ease infinite;
  border-radius: 20px;
  transition: width .5s cubic-bezier(.4,0,.2,1);
}

/* ─── Paket Bilgileri Dönen Border Kutusu ─── */
.pkg-info-rot{
  position: relative;
  background: #fff;
  border-radius: 18px;
  padding: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}
.pkg-info-rot::before{
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--angle,0deg), var(--p), var(--s), var(--pd), var(--p));
  animation: rotAngle 5s linear infinite;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.pkg-info-rot .pkg-icon-rot{
  width: 56px; height: 56px;
  margin: 0 auto 14px;
  padding: 3px;
  border-radius: 16px;
  background: conic-gradient(from 0deg, var(--p), var(--s), var(--pd), var(--p));
  animation: rotSpin 4s linear infinite;
}
.pkg-info-rot .pkg-icon-rot i{
  width: 100%; height: 100%;
  background: #fff;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--p);
  font-size: 22px;
}

/* ─── Mezat/İlan Başlık Gradyanlı Paketler ─── */
.pkg-title-grad{
  background: var(--grad-title-shine);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: gradTitleShift 3s ease infinite;
  font-weight: 900;
  font-size: 36px;
  text-align: center;
  margin-bottom: 20px;
}

/* ─── İletişim Reklam Verin Hareketli Kutu ─── */
.contact-ad-animated{
  position: relative;
  padding: 28px 24px;
  background: var(--grad-btn);
  background-size: 300% 300%;
  color: #fff;
  border-radius: 20px;
  overflow: hidden;
  text-align: center;
  animation: heroGradient 8s ease infinite;
}
.contact-ad-animated::before{
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.2), transparent 50%),
              radial-gradient(circle at 70% 70%, rgba(255,255,255,.15), transparent 50%);
}
.contact-ad-animated > *{ position: relative; z-index: 1; }
.contact-ad-animated i.big-icon{
  font-size: 48px;
  margin-bottom: 12px;
  animation: pulseIcon 2.5s ease infinite;
}
.contact-ad-animated h3{
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 8px;
}
.contact-ad-animated p{
  font-size: 14px;
  opacity: .95;
  margin-bottom: 16px;
  line-height: 1.6;
}
.contact-ad-animated .btn{
  display: inline-block;
  padding: 12px 28px;
  background: #fff;
  color: var(--p);
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none;
  transition: all .3s;
}
.contact-ad-animated .btn:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
}

/* ─── Nasıl Çalışır Dönen Border (Admin Toggle) ─── */
body[data-gradient-titles="1"] .sph-title,
body[data-gradient-titles="1"] .sph-title-alt,
body[data-gradient-titles="1"] .sps-title,
body[data-gradient-titles="1"] .sps-title-light{
  background: var(--grad-title-shine);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
  animation: gradTitleShift 4s ease-in-out infinite;
}

body[data-home-rot-borders="1"] .sph-card,
body[data-home-rot-borders="1"] .sph-bignum-card{
  position: relative;
}
body[data-home-rot-borders="1"] .sph-card::before,
body[data-home-rot-borders="1"] .sph-bignum-card::before{
  content: '';
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 2px;
  background: conic-gradient(from var(--angle,0deg), var(--c1,var(--p)), var(--c2,var(--s)), transparent 40%, transparent 60%, var(--c1,var(--p)));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: rotAngle 6s linear infinite;
  pointer-events: none;
  z-index: 0;
}
body[data-home-rot-borders="1"] .sps-card{
  position: relative;
  overflow: hidden;
}

/* İstatistik ikon için dönen border */
body[data-home-rot-borders="1"] .sps-ring,
body[data-home-rot-borders="1"] .sps-ic-wrap{
  position: relative;
  padding: 3px;
  background: conic-gradient(from 0deg, var(--p), var(--s), var(--pd), var(--p));
  animation: rotSpin 6s linear infinite;
  border-radius: 50%;
}

/* ─── Mobile Responsive ─── */
@media (max-width: 768px){
  .acc-stats-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .acc-stat-card{ padding: 14px; }
  .acc-stat-card .stat-value{ font-size: 24px; }
  .acc-stat-card .stat-icon{ width: 42px; height: 42px; font-size: 18px; margin-bottom: 8px; }
  .ld-title-above-gallery{ padding: 12px 14px; }
  .ld-title-above-gallery h1{ font-size: 18px; }
  .ld-title-above-gallery .ld-title-meta{ font-size: 12px; gap: 8px; }
  .ld-seller-rich{ padding: 14px; }
  .ld-seller-rich .seller-avatar-wrap{ width: 50px; height: 50px; }
  .ld-seller-rich .seller-stats{ gap: 6px; }
  .ld-seller-rich .seller-stat b{ font-size: 16px; }
  .cat-hero-btn{ padding: 11px 20px; font-size: 12px; }
  .hdr-account-dropdown-v2{ min-width: 280px; }
  .hdr-account-dropdown-v2 .dd-grid{ grid-template-columns: 1fr; }
  .verify-badges-v2 .vb-label{ font-size: 12px; }
  .no-store-cta-rotating{ padding: 22px 16px; }
  .no-store-cta-rotating h3{ font-size: 16px; }
  .filter-sidebar-v2{ position: static; }
  .ft-newsletter-v2{ padding: 20px 16px; }
  .ft-newsletter-v2 h3{ font-size: 18px; }
  .ft-newsletter-v2 form{ flex-direction: column; }
  .ft-newsletter-v2 input[type="email"]{ min-width: 0; width: 100%; }
  .ft-newsletter-v2 button{ width: 100%; }
  .ft-mobile-badge{ min-width: 0; flex: 1; }
  .contact-ad-animated{ padding: 20px 16px; }
  .contact-ad-animated i.big-icon{ font-size: 36px; }
  .contact-ad-animated h3{ font-size: 18px; }
  .listing-card .acil-diagonal{
    font-size: 9px;
    padding: 4px 40px;
    top: 12px;
    left: -36px;
    letter-spacing: 1px;
  }
  .pkg-info-rot{ padding: 16px; }
  .pkg-title-grad{ font-size: 26px; }
  .cat-hero-actions{ gap: 8px; }
  .acc-side-stats-v2{ padding: 10px; gap: 6px; }
  .acc-side-stats-v2 .side-stat b{ font-size: 16px; }
  .acc-side-stats-v2 .side-stat span{ font-size: 10px; }
}

@media (max-width: 480px){
  .acc-stats-grid{ grid-template-columns: 1fr; }
  .ld-seller-rich .seller-stats{ grid-template-columns: repeat(3, 1fr); }
  .ld-seller-rich .seller-stat{ padding: 8px 4px; }
  .ld-seller-rich .seller-stat b{ font-size: 14px; }
  .ld-seller-rich .seller-stat span{ font-size: 9px; }
  .hdr-account-cta{ padding: 7px 12px; font-size: 11px; }
  .acc-side-stats-v2{ flex-direction: column; }
  .acc-side-stats-v2 .side-sep{ width: 100%; height: 1px; }
}

/* ─── Reduce motion ─── */
@media (prefers-reduced-motion: reduce){
  .sp-rotating-border::before,
  .no-store-cta-rotating::before,
  .ft-newsletter-v2::before,
  .pkg-info-rot::before,
  .sp-rotating-square::before,
  .acc-stat-card .stat-icon.rot-border,
  .ld-seller-rich .seller-avatar-wrap,
  .sp-hero-gradient,
  .sp-grad-title,
  .sp-grad-num,
  .contact-ad-animated,
  .ld-fraud-alert-top .fraud-icon,
  .no-store-cta-rotating .cta-icon,
  .ft-newsletter-v2 h3,
  body[data-gradient-titles="1"] h1,
  body[data-gradient-titles="1"] h2{
    animation: none !important;
  }
}