/* ═══════════════════════════════════════════════════════
 * 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 14s ease-in-out infinite;
  will-change: background-position;
}
@media (prefers-reduced-motion: reduce){
  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{animation:none!important}
}
/* 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 14s ease-in-out infinite;
  will-change: background-position;
  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; }

/* ─────────────────────────────────────────────────────────────────
   v9.13.99: Boost Rozet Stack Konteyneri
   Tüm rozetler artık `<div class="lc-badges-stack">` içinde flex column
   ile alt alta diziliyor. Boşluk eşit, eksik rozet otomatik kayar.
   Stripe ve ribbon gibi pozisyonu özel olan stiller hariç.
   ───────────────────────────────────────────────────────────────── */

.lc-badges-stack{
  position: absolute;
  top: 8px; left: 8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  z-index: 4;
  pointer-events: none; /* tıklanma engellenmesin */
}
.lc-badges-stack > *{
  pointer-events: auto;
  /* Stack içindeki rozetler relatif konumlanır (absolute override) */
  position: relative !important;
  top: auto !important; left: auto !important;
}

/* Diagonal Acil (legacy) ile çakışmayı önle — stack'i diagonalin altına kaydır */
.lc-img-wrap[data-acil-diag] .lc-badges-stack{
  top: 56px;
}

/* z-index hiyerarşisi */
.listing-card .acil-diagonal { z-index: 6; }
.lc-badges-stack { z-index: 4; }

/* corner_stripes için stack konteyneri AKTİF (flex column) — aşağıda tanımlı */

/* ─────────────────────────────────────────────────────────────────
   v9.13.99: Boost Rozet Tasarım Stilleri
   admin/ayarlar.php → card_badges_style ile seçilir.
   data-badge-style="..." attribute'una göre CSS uygulanır.
   ───────────────────────────────────────────────────────────────── */

/* ─── Sadece İkon (icon_only) ───
   Flex stack'te otomatik alt alta dizilir, eşit gap. */
.lc-badges-stack[data-style="icon_only"]{ gap: 6px; }
.lc-badges-stack[data-style="icon_only"] .lc-badge.lcb-icon-only{
  width: 30px; height: 30px; padding: 0;
  border-radius: 50%; justify-content: center; align-items: center;
  display: inline-flex;
  font-size: 0;
  box-shadow: 0 2px 8px rgba(0,0,0,.22);
  border: 2px solid rgba(255,255,255,.5);
}
.lc-badges-stack[data-style="icon_only"] .lc-badge.lcb-icon-only i{ font-size: 13px; line-height: 1; }
.lc-badges-stack[data-style="icon_only"] .lc-badge.lcb-icon-only svg{ width: 14px; height: 14px; }

/* ─── Sadece Yazı (text_only) ─── */
.lc-badges-stack[data-style="text_only"]{ gap: 5px; }
.lc-badges-stack[data-style="text_only"] .lc-badge.lcb-text-only{
  padding: 5px 11px; font-size: 10.5px; font-weight: 800;
  letter-spacing: .8px; border-radius: 4px;
  text-transform: uppercase;
  box-shadow: 0 2px 6px rgba(0,0,0,.16);
  display: inline-block;
}

/* ─── Köşe Şeritleri (corner_stripes) ──────────────────────────────
   v9.13.99 (REWRITE): YATAY banner stack, her bir banner sol kenardan
   diagonal cut ile başlayıp sağ ucu sivri ribbon görünümünde biter.
   Diagonal rotasyon YOK — sadece görsel "köşeden çıkan banner" hissi
   verilir clip-path ile. Net, modern, okunaklı.                       */

/* Stack konteyneri — sol kenara YAPIŞIK, eşit gap, alt alta */
.lc-badges-stack[data-style="corner_stripes"]{
  position: absolute !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  top: 10px;
  left: 0;
  gap: 4px;
  z-index: 5;
}

/* Her banner — sabit yükseklik, içerik flex centered */
.lcb-stripe{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 28px;
  padding: 0 24px 0 14px;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
  line-height: 1;
  /* DİAGONAL DEĞİL — yatay banner, sağ uç sivri ribbon ucu */
  transform: none !important;
  /* Ribbon shape: sol köşe doğal, sağ köşe ok ucu */
  clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%);
  text-shadow: 0 1px 2px rgba(0,0,0,.4);
  filter: drop-shadow(0 3px 6px rgba(0,0,0,.3));
}
.lcb-stripe i, .lcb-stripe svg{
  font-size: 11px;
  flex-shrink: 0;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.4));
}

/* Renkler — premium 3-stop gradient */
.lcb-stripe.lc-badge-vitrin{
  background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 50%, #d97706 100%);
}
.lcb-stripe.lc-badge-featured{
  background: linear-gradient(135deg, #818cf8 0%, #6366f1 50%, #4f46e5 100%);
}
.lcb-stripe.lc-badge-urgent{
  background: linear-gradient(135deg, #f87171 0%, #ef4444 50%, #dc2626 100%);
}

/* data-pos kullanılmaz artık — stack flex column ile sıraya koyar */
.lcb-stripe[data-pos]{ top: auto !important; left: auto !important; }

/* Stack genel container'ı diagonal Acil olduğunda aşağı kaydırma kuralı */
.lc-img-wrap[data-acil-diag] .lc-badges-stack[data-style="corner_stripes"]{
  top: 56px;
}

/* ─── Sol Kenar Kurdele (ribbon) ───
   v9.13.99: Geliştirilmiş tasarım — fold/katlamalı, gerçekçi kurdele görünümü.
   Stack içinde flex column ile dizilir (eşit gap). */
.lc-badges-stack[data-style="ribbon"]{
  top: 12px; left: 0;
  gap: 8px;
}
.lcb-ribbon{
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 14px 6px 12px; color: #fff;
  font-size: 11.5px; font-weight: 800;
  letter-spacing: .3px;
  border-radius: 0 4px 4px 0;
  box-shadow: 0 4px 14px rgba(0,0,0,.25);
  position: relative !important;
  /* Sol katlama efekti — kurdelenin kart kenarına oturması */
  margin-left: 0;
  min-height: 24px;
  white-space: nowrap;
}
/* Sağ uç — V kesim (kurdelenin "yutulan" ucu) */
.lcb-ribbon::after{
  content: ""; position: absolute; right: -10px; top: 0;
  width: 0; height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 10px solid var(--rb-tail, #555);
}
/* Sol alt köşe — küçük üçgen (kurdelenin arkadan kıvrıldığı görüntü) */
.lcb-ribbon::before{
  content: ""; position: absolute; left: 0; bottom: -5px;
  width: 0; height: 0;
  border-top: 5px solid var(--rb-shadow, #000);
  border-left: 5px solid transparent;
  opacity: .55;
}
.lcb-ribbon i, .lcb-ribbon svg{ font-size: 12px; flex-shrink: 0; }
.lcb-ribbon .lcb-rb-txt{ position: relative; z-index: 1; }

.lcb-ribbon.lc-badge-vitrin{
  background: linear-gradient(90deg, #f59e0b, #d97706);
  --rb-tail: #b45309;
  --rb-shadow: #92400e;
}
.lcb-ribbon.lc-badge-featured{
  background: linear-gradient(90deg, #6c63ff, #4f46e5);
  --rb-tail: #3730a3;
  --rb-shadow: #312e81;
}
.lcb-ribbon.lc-badge-urgent{
  background: linear-gradient(90deg, #ef4444, #dc2626);
  --rb-tail: #991b1b;
  --rb-shadow: #7f1d1d;
}

/* ─────────────────────────────────────────────────────────────────
   YENİ TASARIM 1 — Glow Pill (✨ neon ışıma)
   ───────────────────────────────────────────────────────────────── */
.lc-badges-stack[data-style="glow"]{ gap: 7px; }
.lc-badges-stack[data-style="glow"] .lc-badge.lcb-glow{
  padding: 5px 12px;
  font-size: 11px; font-weight: 800;
  letter-spacing: .3px;
  border-radius: 999px;
  display: inline-flex; align-items: center; gap: 5px;
  border: 1px solid rgba(255,255,255,.4);
  backdrop-filter: blur(2px);
  position: relative;
  animation: lcbGlowPulse 2s ease-in-out infinite;
}
.lcb-glow.lc-badge-vitrin{
  background: linear-gradient(135deg, #f59e0b, #d97706);
  box-shadow: 0 0 0 0 rgba(245,158,11,.6), 0 0 16px rgba(245,158,11,.55);
}
.lcb-glow.lc-badge-featured{
  background: linear-gradient(135deg, #6c63ff, #4f46e5);
  box-shadow: 0 0 0 0 rgba(108,99,255,.6), 0 0 16px rgba(108,99,255,.55);
}
.lcb-glow.lc-badge-urgent{
  background: linear-gradient(135deg, #ef4444, #dc2626);
  box-shadow: 0 0 0 0 rgba(239,68,68,.6), 0 0 16px rgba(239,68,68,.55);
}
@keyframes lcbGlowPulse{
  0%,100% { box-shadow: 0 0 0 0 currentColor, 0 0 16px rgba(255,255,255,.3); filter: brightness(1); }
  50%     { filter: brightness(1.15); }
}

/* ─────────────────────────────────────────────────────────────────
   YENİ TASARIM 2 — Outline (⬜ minimalist)
   ───────────────────────────────────────────────────────────────── */
.lc-badges-stack[data-style="outline"]{ gap: 6px; }
.lc-badges-stack[data-style="outline"] .lc-badge.lcb-outline{
  padding: 4px 11px;
  font-size: 10.5px; font-weight: 800;
  letter-spacing: .4px;
  text-transform: uppercase;
  border-radius: 4px;
  background: rgba(255,255,255,.92) !important;
  border: 2px solid;
  display: inline-flex; align-items: center; gap: 5px;
  backdrop-filter: blur(4px);
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
}
.lcb-outline.lc-badge-vitrin   { color: #d97706 !important; border-color: #f59e0b !important; }
.lcb-outline.lc-badge-featured { color: #4f46e5 !important; border-color: #6c63ff !important; }
.lcb-outline.lc-badge-urgent   { color: #dc2626 !important; border-color: #ef4444 !important; }
[data-theme="dark"] .lc-badges-stack[data-style="outline"] .lc-badge.lcb-outline{
  background: rgba(15,23,42,.85) !important;
}

/* ─────────────────────────────────────────────────────────────────
   YENİ TASARIM 3 — Notch / Etiket (🏷️ fiyat etiketi tarzı)
   ───────────────────────────────────────────────────────────────── */
.lc-badges-stack[data-style="notch"]{ gap: 7px; }
.lcb-notch{
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 12px 5px 12px;
  color: #fff;
  font-size: 11px; font-weight: 800;
  letter-spacing: .3px;
  position: relative !important;
  border-radius: 4px 0 0 4px;
  box-shadow: 0 3px 10px rgba(0,0,0,.22);
  min-height: 24px;
  white-space: nowrap;
}
/* Sağ taraf yarık — etiket görünümü */
.lcb-notch::after{
  content: "";
  position: absolute; right: -10px; top: 0; bottom: 0;
  width: 0;
  border-style: solid;
  border-width: 12px 0 12px 10px;
  border-color: transparent transparent transparent var(--notch-bg, #555);
}
/* Etiket deliği — küçük beyaz daire */
.lcb-notch::before{
  content: "";
  position: absolute; right: -3px; top: 50%;
  width: 5px; height: 5px;
  background: #fff;
  border-radius: 50%;
  transform: translateY(-50%);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.3);
  z-index: 1;
}
.lcb-notch i, .lcb-notch svg{ font-size: 11px; flex-shrink: 0; }

.lcb-notch.lc-badge-vitrin   { background: linear-gradient(90deg, #f59e0b, #d97706); --notch-bg: #d97706; }
.lcb-notch.lc-badge-featured { background: linear-gradient(90deg, #6c63ff, #4f46e5); --notch-bg: #4f46e5; }
.lcb-notch.lc-badge-urgent   { background: linear-gradient(90deg, #ef4444, #dc2626); --notch-bg: #dc2626; }

/* ─────────────────────────────────────────────────────────────────
   YENİ TASARIM 4 — Shield (🛡️ kalkan / premium ikon)
   ───────────────────────────────────────────────────────────────── */
.lc-badges-stack[data-style="shield"]{ gap: 6px; }
.lcb-shield{
  width: 32px; height: 36px;
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff;
  font-size: 13px;
  position: relative !important;
  /* Kalkan şekli — clip-path */
  clip-path: polygon(50% 0%, 100% 12%, 100% 65%, 50% 100%, 0% 65%, 0% 12%);
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  border: 1.5px solid rgba(255,255,255,.45);
}
.lcb-shield::before{
  content: "";
  position: absolute; inset: 3px;
  clip-path: polygon(50% 0%, 100% 12%, 100% 65%, 50% 100%, 0% 65%, 0% 12%);
  background: linear-gradient(180deg, rgba(255,255,255,.18), transparent 50%);
  pointer-events: none;
}
.lcb-shield.lc-badge-vitrin   { background: linear-gradient(180deg, #fbbf24, #d97706); }
.lcb-shield.lc-badge-featured { background: linear-gradient(180deg, #818cf8, #4f46e5); }
.lcb-shield.lc-badge-urgent   { background: linear-gradient(180deg, #f87171, #dc2626); }

/* ─────────────────────────────────────────────────────────────────
   Mobile — kompakt ayarlar
   ───────────────────────────────────────────────────────────────── */
@media(max-width:600px){
  .lc-badges-stack{ top: 6px; left: 6px; gap: 5px; }
  .lc-badges-stack[data-style="icon_only"] .lc-badge.lcb-icon-only{ width:26px; height:26px; }
  .lc-badges-stack[data-style="icon_only"] .lc-badge.lcb-icon-only i{ font-size:11px; }
  .lc-badges-stack[data-style="text_only"] .lc-badge.lcb-text-only{ padding:3px 8px; font-size:9.5px; letter-spacing:.5px; }
  .lc-badges-stack[data-style="corner_stripes"]{ top: 8px; gap: 3px; }
  .lcb-stripe{ height:22px; padding: 0 20px 0 11px; font-size:9.5px; letter-spacing:.8px; gap:5px; }
  .lcb-stripe i, .lcb-stripe svg{ font-size:10px; }
  .lcb-ribbon{ padding:4px 10px 4px 9px; font-size:10px; min-height:20px; }
  .lcb-glow{ padding:4px 9px; font-size:10px; }
  .lcb-outline{ padding:3px 8px; font-size:9.5px; }
  .lcb-notch{ padding:4px 10px; font-size:10px; min-height:20px; }
  .lcb-shield{ width:28px; height:32px; font-size:12px; }
}

/* ─── 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;
}

/* v6.5.5: İlan Detay başlık kartı — nötr beyaz arka plan, sol kenarda site/custom accent */
.ld-title-above-gallery{
  padding: 16px 18px;
  background: var(--white,#fff);
  border: 1px solid var(--brd,#e2e8f0);
  border-left: 4px solid var(--ld-accent, var(--p,#6c63ff));
  border-radius: 14px;
  margin-bottom: 14px;
  box-shadow: 0 4px 16px rgba(0,0,0,.04);
}
[data-theme="dark"] .ld-title-above-gallery{ background:#1e293b; border-color:#334155 }
.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 v6.5 — Yan yana grid + dark mode + kurumsal metin ─── */
.verify-badges-v2{
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  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),.04));
  border: 1px solid rgba(var(--p-r,108),var(--p-g,99),var(--p-b,255),.18);
  border-radius: 14px;
  color: var(--text);
}
[data-theme="dark"] .verify-badges-v2{
  background: linear-gradient(135deg, rgba(99,102,241,.10), rgba(139,92,246,.06));
  border-color: rgba(99,102,241,.28);
}
.verify-badges-v2 .vb-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width: 600px){
  .verify-badges-v2 .vb-grid{grid-template-columns: 1fr}
}
.verify-badges-v2 .vb-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--white);
  transition: all .2s;
  font-size: 13px;
  gap: 10px;
  flex-wrap: wrap;
}
.verify-badges-v2 .vb-item.verified{
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  border: 1px solid #93c5fd;
}
[data-theme="dark"] .verify-badges-v2 .vb-item.verified{
  background: linear-gradient(135deg, rgba(29,155,240,.18), rgba(29,155,240,.10));
  border-color: rgba(29,155,240,.45);
  color: #cfe5ff;
}
.verify-badges-v2 .vb-item.unverified{
  background: rgba(239,68,68,.05);
  border: 1px solid rgba(239,68,68,.22);
}
[data-theme="dark"] .verify-badges-v2 .vb-item.unverified{
  background: rgba(239,68,68,.10);
  border-color: rgba(239,68,68,.35);
  color: #ffd7d7;
}
.verify-badges-v2 .vb-left{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}
.verify-badges-v2 .vb-icon{
  width: 32px; height: 32px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
}
.verify-badges-v2 .verified .vb-icon{
  background: #1d9bf0;
  color: #fff;
  box-shadow: 0 4px 10px rgba(29,155,240,.35);
}
.verify-badges-v2 .unverified .vb-icon{
  background: #ef4444;
  color: #fff;
}
.verify-badges-v2 .vb-label{
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text);
}
[data-theme="dark"] .verify-badges-v2 .vb-label{color: #e5e7eb}
.verify-badges-v2 .vb-status{
  font-size: 11.5px;
  padding: 5px 11px;
  border-radius: 999px;
  font-weight: 700;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  white-space: nowrap;
}
.verify-badges-v2 .vb-status.ok{background: #1d9bf0; color: #fff}
.verify-badges-v2 .vb-status.wait{background: #fff; color: #ef4444; border: 1px solid #ef4444}
[data-theme="dark"] .verify-badges-v2 .vb-status.wait{background: rgba(239,68,68,.15); color: #fca5a5; border-color: rgba(239,68,68,.45)}
.verify-badges-v2 .vb-action-btn{
  padding: 7px 14px;
  background: linear-gradient(135deg, #1d9bf0, #0284c7);
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: transform .15s, box-shadow .15s;
  white-space: nowrap;
}
.verify-badges-v2 .vb-action-btn:hover{transform: translateY(-1px); box-shadow: 0 6px 14px rgba(29,155,240,.4)}
.verify-badges-v2 .vb-all-done{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.55;
}
.verify-badges-v2 .vb-all-done.done{
  background: linear-gradient(135deg, rgba(29,155,240,.12), rgba(29,155,240,.06));
  color: #0c4a6e;
  border: 1px solid rgba(29,155,240,.3);
}
[data-theme="dark"] .verify-badges-v2 .vb-all-done.done{color: #e0f2fe; background: linear-gradient(135deg, rgba(29,155,240,.20), rgba(29,155,240,.10)); border-color: rgba(29,155,240,.4)}
.verify-badges-v2 .vb-all-done.pending{
  background: linear-gradient(135deg, rgba(245,158,11,.10), rgba(245,158,11,.04));
  color: #92400e;
  border: 1px solid rgba(245,158,11,.32);
}
[data-theme="dark"] .verify-badges-v2 .vb-all-done.pending{color: #fde68a; background: linear-gradient(135deg, rgba(245,158,11,.18), rgba(245,158,11,.08)); border-color: rgba(245,158,11,.45)}
.verify-badges-v2 .vb-all-done i{font-size: 22px; flex-shrink: 0; line-height: 1.2; margin-top: 1px}
.verify-badges-v2 .vb-all-done strong{display: block; font-weight: 800; margin-bottom: 3px}

/* ─── İ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{
  /* v6.3: zıplama yok — sadece renk/border parlaması */
  background: linear-gradient(135deg,#111,#2a2a2a);
  border-color: rgba(255,255,255,.35);
  box-shadow: 0 6px 20px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.15);
}
.ft-mobile-badge:hover::before{ left:100%; }
.ft-mobile-badge i{
  font-size: 26px;
  line-height: 1;
  flex-shrink: 0;
  width:30px;height:30px;
  display:inline-flex;align-items:center;justify-content:center;
}
.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);
}

/* v6.5.7: Tüm bölüm başlıkları ve sph-title-grad span — İstatistikler ile BİREBİR aynı gradient */
body[data-gradient-titles="1"] .sph-title,
body[data-gradient-titles="1"] .sph-title-alt,
body[data-gradient-titles="1"] .sph-title-grad,
body[data-gradient-titles="1"] .sps-title,
body[data-gradient-titles="1"] .sps-title-light,
body[data-gradient-titles="1"] .sps-title-grad,
body[data-gradient-titles="1"] .sps-title-strip,
body[data-gradient-titles="1"] .sps-title-neon{
  background: var(--grad-title-shine) !important;
  background-size: 200% 100% !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  animation: gradTitleShift 4s ease-in-out infinite !important;
  text-shadow: none !important;
}

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;
  }
}