:root{
    --gold:#d4ae6c;
    --gold-2:#a98841;
    --gold-soft:rgba(212,174,108,.15);
    --navy-deep:#06112b;
    --navy-deep-2:#0a1633;
    --navy-bg:#0a1736;
    --navy-content:#0a1f47;
    --navy-card:#0f1f44;
    --navy-card-2:#13264e;
    --navy-elev:#1a2f5f;
    --line:#1e3162;
    --line-strong:#2a3f78;
    --ink:#eaeef7;
    --ink-2:#bcc5d8;
    --mute:#7a86a3;
    --good:#3fc28a;
    --bad:#e95c66;

    /* === FONT BOYUT SİSTEMİ (gelecek kullanım için) === */
    /* Mevcut tasarımı bozmamak için ŞU AN KULLANILMIYOR */
    /* Yeni component yazarken bu değişkenleri kullanın */
    --fs-xxs: 0.65rem;   /* küçük etiketler, badge */
    --fs-xs:  0.72rem;   /* button uppercase, hint */
    --fs-sm:  0.78rem;   /* küçük metin, açıklamalar */
    --fs-base: 0.85rem;  /* ana metin, paragraf */
    --fs-md:  0.92rem;   /* vurgulu metin, link */
    --fs-lg:  1rem;      /* büyük paragraf */
    --fs-xl:  1.1rem;    /* alt başlık, subtitle */
    --fs-2xl: 1.3rem;    /* h3, kart başlığı */
    --fs-3xl: 1.6rem;    /* h2, bölüm başlığı */
    --fs-4xl: 2rem;      /* h1, ana başlık */
  }
  *{box-sizing:border-box}
  body{
    background:var(--navy-bg);
    color:var(--ink);
    font-family:'Inter',-apple-system,sans-serif;
    margin:0;
    min-height:100vh;
    background-image:
      radial-gradient(1200px 700px at 80% -10%, rgba(212,174,108,.05), transparent 60%),
      radial-gradient(900px 600px at -10% 110%, rgba(58,90,180,.10), transparent 60%);
  }

  .ticker-wrap{
    background:linear-gradient(to right,var(--navy-deep),var(--navy-card),var(--navy-deep));
    border-bottom:1px solid var(--gold-2);
    padding:8px 0;
    overflow:hidden;
    position:relative;
  }
  .ticker-track{
    display:flex;
    gap:14px;
    animation:tickerScroll 90s linear infinite;
    width:max-content;
    padding:0 14px;
  }
  .ticker-wrap:hover .ticker-track{animation-play-state:paused}
  @keyframes tickerScroll{
    0%{transform:translateX(0)}
    100%{transform:translateX(-50%)}
  }
  .ticker-card{
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    border-radius:8px;
    padding:6px 14px 6px 6px;
    cursor:pointer;
    transition:all .15s;
    flex-shrink:0;
    min-width:0;
    max-width:340px;
    text-decoration:none;
  }
  .ticker-card:hover{
    border-color:var(--gold);
    background:var(--navy-card-2);
    transform:translateY(-1px);
    box-shadow:0 4px 14px rgba(212,174,108,.18);
  }
  .ticker-img{
    width:50px;height:38px;
    object-fit:cover;
    border-radius:5px;
    background:var(--navy-deep);
    flex-shrink:0;
  }
  .ticker-img-ph{
    width:50px;height:38px;
    background:linear-gradient(135deg,var(--navy-deep),var(--navy-card-2));
    border-radius:5px;
    display:grid;place-items:center;
    font-size:1.1rem;color:var(--gold-2);opacity:.6;
    flex-shrink:0;
  }
  .ticker-info{
    display:flex;
    flex-direction:column;
    min-width:0;
    overflow:hidden;
  }
  .ticker-title{
    font-size:.72rem;
    font-weight:700;
    color:var(--ink);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width:230px;
  }
  .ticker-price{
    font-size:.72rem;
    font-weight:800;
    color:#22c55e;
    margin-top:1px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .ticker-loading{
    color:var(--mute);
    font-size:.78rem;
    padding:8px 14px;
    text-align:center;
  }
  .ticker-empty{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:10px 14px;
    color:var(--gold);
    font-size:.82rem;
    font-weight:600;
    text-align:center;
  }
  .ticker-empty i{
    color:var(--gold-2);
    font-size:1rem;
    animation:bullhornWave 2.5s ease-in-out infinite;
  }
  .ticker-empty strong{color:var(--ink);font-weight:700}

  /* === AKAN BANNER (Devirx açılıyor) === */
  .ticker-empty-marquee{
    overflow:hidden;
    padding:14px 0;
    background:linear-gradient(90deg, rgba(212,174,108,.06), rgba(212,174,108,.12), rgba(212,174,108,.06));
    border-top:1px solid rgba(212,174,108,.25);
    border-bottom:1px solid rgba(212,174,108,.25);
    position:relative;
  }
  .ticker-empty-marquee::before,
  .ticker-empty-marquee::after{
    content:'';
    position:absolute;
    top:0;bottom:0;
    width:80px;
    z-index:2;
    pointer-events:none;
  }
  .ticker-empty-marquee::before{
    left:0;
    background:linear-gradient(90deg, var(--navy-deep), transparent);
  }
  .ticker-empty-marquee::after{
    right:0;
    background:linear-gradient(-90deg, var(--navy-deep), transparent);
  }
  .ticker-empty-track{
    display:inline-flex;
    align-items:center;
    gap:30px;
    white-space:nowrap;
    animation:emptyMarquee 18s linear infinite;
  }
  .ticker-empty-marquee:hover .ticker-empty-track{animation-play-state:paused}
  .ticker-empty-msg{
    color:var(--gold);
    font-size:1.05rem;
    font-weight:800;
    letter-spacing:.8px;
    display:inline-flex;
    align-items:center;
    gap:10px;
  }
  .ticker-empty-msg i{
    color:var(--gold-2);
    font-size:1.1rem;
    animation:bullhornWave 2.5s ease-in-out infinite;
  }
  .ticker-empty-msg strong{
    color:#fff;
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-content);
    padding:2px 8px;
    border-radius:6px;
    font-weight:900;
    margin:0 2px;
  }
  .ticker-empty-cta{
    color:var(--navy-content);
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    padding:3px 10px;
    border-radius:6px;
    font-weight:900;
    margin-left:6px;
    box-shadow:0 2px 6px rgba(212,174,108,.4);
    animation:ctaPulse 1.6s ease-in-out infinite;
  }
  @keyframes emptyMarquee{
    0%{transform:translateX(0)}
    100%{transform:translateX(-50%)}
  }
  @keyframes ctaPulse{
    0%, 100%{transform:scale(1)}
    50%{transform:scale(1.06); box-shadow:0 4px 12px rgba(212,174,108,.6)}
  }
  .ticker-empty-sep{
    color:var(--gold-2);
    font-size:1rem;
    opacity:.6;
  }
  @media (max-width:560px){
    .ticker-empty-msg{font-size:.85rem;letter-spacing:.4px}
    .ticker-empty-cta{padding:2px 7px;font-size:.85rem}
    .ticker-empty-track{gap:18px}
    .ticker-empty-marquee::before,
    .ticker-empty-marquee::after{width:40px}
  }
  @keyframes bullhornWave{
    0%, 100%{transform:rotate(0deg)}
    25%{transform:rotate(-8deg)}
    75%{transform:rotate(8deg)}
  }

  .main-title{
    font-weight:800;color:var(--gold);
    text-transform:uppercase;font-size:1.85rem;
    letter-spacing:-.5px;line-height:1.2;
    margin-top:18px;text-align:center;
  }
  .subline{
    text-align:center;color:#8a96b0;
    letter-spacing:2.5px;font-size:.74rem;
    margin-bottom:8px;
  }
  .subline-extra{
    text-align:center;
    font-size:.78rem;
    color:var(--ink-2);
    margin-bottom:22px;
    line-height:1.55;
    padding:0 14px;
  }
  .subline-extra .ctx{
    color:var(--mute);
    font-style:italic;
  }
  .subline-extra a.ar-link{
    color:var(--gold);
    text-decoration:none;
    font-weight:700;
    letter-spacing:.5px;
    border-bottom:1px solid transparent;
    transition:all .15s;
    display:inline-flex;align-items:center;
    gap:5px;
  }
  .subline-extra a.ar-link:hover{
    color:var(--gold-2);
    border-bottom-color:var(--gold-2);
  }
  .subline-extra a.ar-link i{
    font-size:.72rem;opacity:.8;
  }
  body.is-assistant .subline-extra{display:none}

  /* ============ ASSETRADEX SLOGAN (her yerde altın harfli) ============ */
  .ar-slogan{
    color:var(--gold);
    font-size:.78rem;
    text-align:center;
    line-height:1.55;
    letter-spacing:.4px;
    margin:6px 0;
    font-weight:500;
  }
  .ar-slogan .ar-slogan-text{
    font-style:italic;
    color:var(--gold);
    opacity:.85;
  }
  .ar-slogan a, .ar-slogan .ar-slogan-link{
    color:var(--gold);
    text-decoration:none;
    font-weight:700;
    font-style:normal;
    border-bottom:1px solid transparent;
    transition:all .15s;
    display:inline-flex;align-items:center;gap:5px;
    padding:0 2px;
  }
  .ar-slogan a:hover, .ar-slogan .ar-slogan-link:hover{
    color:var(--gold-2);
    border-bottom-color:var(--gold-2);
  }
  .ar-slogan i{
    font-size:.7rem;
    opacity:.85;
  }
  .ar-slogan-divider{
    color:var(--gold-2);
    margin:0 8px;
    opacity:.5;
  }

  .user-bar{display:flex;justify-content:flex-end;margin-bottom:14px}
  .user-chip{
    display:flex;align-items:center;gap:10px;
    padding:7px 12px 7px 7px;
    background:var(--navy-card);
    border:1px solid var(--line);
    border-radius:999px;
  }
  .user-chip .av{
    width:28px;height:28px;border-radius:50%;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:#06112b;display:grid;place-items:center;
    font-weight:800;font-size:.78rem;
  }
  .user-chip .nm{font-size:.84rem;color:var(--ink);font-weight:500}
  .user-chip .lo{
    background:transparent;border:none;
    color:var(--mute);cursor:pointer;
    padding:2px 6px;font-size:.78rem;transition:color .15s;
  }
  .user-chip .lo:hover{color:var(--bad)}

  .chat-card{
    background:var(--navy-card);
    border:1px solid var(--line);
    border-radius:14px;
    box-shadow:0 0 60px rgba(0,15,40,.4);
    overflow:hidden;display:flex;flex-direction:column;
  }
  .chat-head{
    padding:14px 18px;border-bottom:1px solid var(--line);
    display:flex;align-items:center;justify-content:space-between;
    background:var(--navy-deep);
  }
  .head-left{display:flex;align-items:center;gap:11px}
  .pulse-dot{
    width:9px;height:9px;border-radius:50%;
    background:var(--good);box-shadow:0 0 8px var(--good);
    animation:livePulse 1.6s infinite;
  }
  .pulse-dot.offline{
    background:var(--bad);box-shadow:0 0 8px var(--bad);
  }
  @keyframes livePulse{
    0%,100%{opacity:1}50%{opacity:.5}
  }
  .head-title{
    font-size:.78rem;color:var(--gold);
    text-transform:uppercase;letter-spacing:1.6px;font-weight:700;
  }
  .head-sub{
    font-size:.64rem;color:var(--mute);
    letter-spacing:1px;text-transform:uppercase;margin-top:1px;
  }
  .head-controls{display:flex;gap:8px}
  .icon-control{
    background:transparent;border:1px solid var(--line-strong);
    color:var(--mute);width:34px;height:34px;
    border-radius:8px;cursor:pointer;transition:all .15s;
    display:grid;place-items:center;font-size:.85rem;
  }
  .icon-control:hover{color:var(--gold);border-color:var(--gold)}
  .icon-control.muted{color:var(--bad);border-color:var(--bad)}
  /* Asistan'da Ana Sayfa'ya dön butonu */
  .back-home-btn{
    background:linear-gradient(135deg, rgba(212,174,108,.15), rgba(212,174,108,.05));
    border-color:var(--gold-2);
    color:var(--gold);
    margin-right:8px;
  }
  .back-home-btn:hover{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-content);
    border-color:var(--gold);
    box-shadow:0 3px 10px rgba(212,174,108,.4);
    transform:translateX(-2px);
  }

  .chat-area{
    height:440px;overflow-y:auto;padding:18px;
    background:linear-gradient(to bottom,var(--navy-bg),var(--navy-card));
    scroll-behavior:smooth;
  }
  .chat-area::-webkit-scrollbar{width:6px}
  .chat-area::-webkit-scrollbar-track{background:transparent}
  .chat-area::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}

  .msg{display:flex;margin-bottom:14px;animation:msgIn .35s ease-out}
  @keyframes msgIn{
    from{opacity:0;transform:translateY(6px)}
    to{opacity:1;transform:translateY(0)}
  }
  .msg-bubble{
    max-width:84%;padding:11px 15px;border-radius:14px;
    font-size:.94rem;line-height:1.55;word-wrap:break-word;
  }
  .msg.ai{justify-content:flex-start}
  .msg.ai .msg-bubble{
    background:var(--navy-elev);
    border:1px solid var(--line-strong);
    color:var(--ink);border-bottom-left-radius:4px;
  }
  .msg.ai .msg-bubble strong{color:var(--gold)}
  .msg.ai .msg-bubble em{color:var(--ink-2);font-style:italic}
  .msg.user{justify-content:flex-end}
  .msg.user .msg-bubble{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:#06112b;font-weight:500;border-bottom-right-radius:4px;
  }
  .msg-avatar{
    width:30px;height:30px;border-radius:50%;
    flex-shrink:0;margin-right:9px;
    display:grid;place-items:center;
    background:var(--navy-deep);border:1px solid var(--gold);
    color:var(--gold);font-weight:800;font-size:.8rem;
  }
  .msg.user .msg-avatar{
    margin-right:0;margin-left:9px;order:2;
    background:var(--gold);color:#06112b;border-color:var(--gold);
  }
  .msg-meta{
    font-size:.65rem;color:var(--mute);
    margin-top:4px;padding-left:39px;
    letter-spacing:.5px;
  }
  .msg-meta .model{color:var(--gold);font-weight:600}

  .typing{display:inline-flex;gap:4px;align-items:center}
  .typing span{
    width:6px;height:6px;border-radius:50%;
    background:var(--mute);animation:typingBounce 1.2s infinite;
  }
  .typing span:nth-child(2){animation-delay:.2s}
  .typing span:nth-child(3){animation-delay:.4s}
  @keyframes typingBounce{
    0%,60%,100%{transform:translateY(0);opacity:.4}
    30%{transform:translateY(-4px);opacity:1}
  }

  .quick-replies{
    display:flex;flex-wrap:wrap;gap:6px;
    margin-top:10px;padding-left:39px;
  }
  .quick-reply{
    background:transparent;border:1px solid var(--line-strong);
    color:var(--ink-2);padding:6px 12px;border-radius:14px;
    font-size:.78rem;cursor:pointer;transition:all .15s;
  }
  .quick-reply:hover{
    border-color:var(--gold);color:var(--gold);background:var(--gold-soft);
  }

  .input-area{
    border-top:1px solid var(--line);
    padding:14px 16px;background:var(--navy-deep);
  }
  .input-row{display:flex;gap:10px;align-items:flex-end}
  .input-wrap{
    flex:1;position:relative;
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:10px;transition:border .2s;
  }
  .input-wrap:focus-within{border-color:var(--gold)}
  .ai-input{
    width:100%;background:transparent;border:none;
    color:var(--ink);padding:14px 16px;
    font-size:.95rem;font-family:inherit;
    resize:none;min-height:50px;max-height:140px;outline:none;
  }
  .ai-input::placeholder{color:var(--mute)}
  .input-controls{display:flex;gap:8px}
  .icon-btn{
    width:50px;height:50px;border:none;
    border-radius:10px;cursor:pointer;
    display:grid;place-items:center;
    font-size:1.15rem;transition:all .18s;flex-shrink:0;
  }
  .icon-btn-voice{
    background:var(--navy-bg);border:1px solid var(--gold);color:var(--gold);
  }
  .icon-btn-voice:hover{background:var(--gold-soft)}
  .icon-btn-voice.recording{
    background:var(--bad);border-color:var(--bad);color:#fff;
    animation:recPulse 1.2s infinite;
  }
  @keyframes recPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(233,92,102,.6)}
    50%{box-shadow:0 0 0 10px rgba(233,92,102,0)}
  }
  .icon-btn-send{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));color:#06112b;
  }
  .icon-btn-send:hover:not(:disabled){
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(212,174,108,.3);
  }
  .icon-btn-send:disabled{
    background:#1a2540;color:#445172;cursor:not-allowed;
  }

  .upload-bar{
    margin-top:10px;display:flex;align-items:center;
    gap:10px;flex-wrap:wrap;
  }
  .upload-trigger{
    background:transparent;border:1px dashed var(--line-strong);
    color:var(--mute);padding:8px 14px;border-radius:8px;
    cursor:pointer;font-size:.82rem;transition:all .15s;
  }
  .upload-trigger:hover{border-color:var(--gold);color:var(--gold)}
  .preview-imgs{display:flex;gap:6px;flex-wrap:wrap}
  .preview-img{
    width:44px;height:44px;object-fit:cover;
    border-radius:6px;border:1px solid var(--gold-2);
  }

  /* ============ LISTING PANEL — PREMIUM GÖRSELLİK ============ */
  .listing-panel{
    background:linear-gradient(180deg,var(--navy-card),var(--navy-card-2));
    border:1px solid var(--gold-2);
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 10px 40px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.04);
    position:relative;
  }
  .listing-panel::before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;
    height:3px;
    background:linear-gradient(90deg,transparent,var(--gold),var(--gold-2),var(--gold),transparent);
    background-size:200% 100%;
    animation:shimmerLine 4s linear infinite;
    pointer-events:none;
  }
  @keyframes shimmerLine{
    0%{background-position:200% 0}
    100%{background-position:-200% 0}
  }
  .listing-head{
    padding:14px 18px;
    border-bottom:1px solid var(--line);
    background:linear-gradient(180deg,var(--navy-deep),rgba(6,17,43,.85));
    display:flex;align-items:center;justify-content:space-between;
  }
  .listing-head-title{
    font-size:.72rem;color:var(--gold);
    text-transform:uppercase;letter-spacing:1.8px;font-weight:800;
    display:flex;align-items:center;gap:7px;
  }
  .listing-head-title i{font-size:.9rem;animation:pulse 2.5s infinite}
  @keyframes pulse{
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.6;transform:scale(1.08)}
  }
  .ready-badge{
    font-size:.62rem;
    background:var(--navy-elev);color:var(--mute);
    padding:4px 10px;border-radius:12px;
    text-transform:uppercase;letter-spacing:1px;font-weight:700;
    border:1px solid var(--line-strong);
  }
  .ready-badge.ready{
    background:linear-gradient(135deg,var(--good),#2e9560);
    color:#06112b;
    border-color:var(--good);
    box-shadow:0 0 16px rgba(63,194,138,.55),inset 0 -2px 4px rgba(0,0,0,.15);
    animation:readyPulse 2s infinite;
  }
  @keyframes readyPulse{
    0%,100%{box-shadow:0 0 16px rgba(63,194,138,.55)}
    50%{box-shadow:0 0 26px rgba(63,194,138,.85)}
  }
  .listing-body{padding:18px}
  .listing-empty{
    text-align:center;padding:34px 14px;
    color:var(--mute);font-style:italic;font-size:.9rem;
  }
  .listing-empty .ic{
    display:block;font-size:2.4rem;
    color:var(--gold-2);opacity:.4;
    margin-bottom:12px;
  }
  .listing-empty .pulse-dots{
    display:inline-flex;gap:5px;margin-top:10px;
  }
  .listing-empty .pulse-dots span{
    width:6px;height:6px;border-radius:50%;
    background:var(--gold-2);opacity:.4;
    animation:dotsPulse 1.4s infinite;
  }
  .listing-empty .pulse-dots span:nth-child(2){animation-delay:.2s}
  .listing-empty .pulse-dots span:nth-child(3){animation-delay:.4s}
  @keyframes dotsPulse{
    0%,80%,100%{opacity:.3;transform:scale(.8)}
    40%{opacity:1;transform:scale(1.2)}
  }

  /* Galeri */
  .listing-gallery{
    margin:-18px -18px 16px;
    background:#000;
    position:relative;
    overflow:hidden;
  }
  .listing-gallery-main{
    width:100%;
    aspect-ratio:16/9;
    background:linear-gradient(135deg,var(--navy-deep),#1a2950);
    display:grid;place-items:center;
    position:relative;
  }
  .listing-gallery-main img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .4s;
  }
  .listing-gallery-main:hover img{transform:scale(1.04)}
  .listing-gallery-main .empty-photo{
    color:var(--gold-2);font-size:2.5rem;opacity:.5;
  }
  .listing-gallery-thumbs{
    display:flex;gap:5px;padding:8px;
    overflow-x:auto;
    background:rgba(0,0,0,.5);
  }
  .listing-gallery-thumbs::-webkit-scrollbar{height:4px}
  .listing-gallery-thumbs::-webkit-scrollbar-thumb{background:var(--gold-2);border-radius:2px}
  .listing-gallery-thumb{
    width:54px;height:54px;
    border:2px solid transparent;
    border-radius:6px;
    cursor:pointer;
    flex-shrink:0;
    overflow:hidden;
    transition:all .2s;
    opacity:.6;
  }
  .listing-gallery-thumb:hover,
  .listing-gallery-thumb.active{
    opacity:1;
    border-color:var(--gold);
    box-shadow:0 4px 12px rgba(212,174,108,.3);
  }
  .listing-gallery-thumb img{
    width:100%;height:100%;object-fit:cover;
  }
  .photo-badge{
    position:absolute;top:10px;right:10px;
    background:rgba(0,0,0,.7);
    color:var(--gold);
    padding:5px 11px;
    border-radius:14px;
    font-size:.7rem;font-weight:700;
    backdrop-filter:blur(6px);
    border:1px solid rgba(212,174,108,.3);
  }
  .photo-badge i{margin-right:4px}

  .listing-title{
    font-size:1.3rem;color:var(--gold);
    font-weight:800;line-height:1.25;margin-bottom:10px;
    letter-spacing:.2px;
  }
  .listing-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}
  .listing-tag{
    font-size:.68rem;padding:4px 11px;
    background:linear-gradient(135deg,var(--gold-soft),rgba(212,174,108,.05));
    border:1px solid var(--gold-2);
    color:var(--gold);border-radius:6px;
    font-weight:700;text-transform:uppercase;letter-spacing:.6px;
  }
  .listing-loc{
    font-size:.88rem;color:var(--ink-2);
    margin-bottom:14px;
    display:flex;align-items:center;gap:7px;
  }
  .listing-loc i{
    color:var(--gold-2);
    background:var(--gold-soft);
    width:24px;height:24px;
    border-radius:50%;
    display:grid;place-items:center;
    font-size:.75rem;
  }
  .listing-price{
    font-size:1.6rem;color:var(--good);font-weight:800;
    margin-bottom:14px;padding:10px 14px;
    background:rgba(63,194,138,.08);
    border:1px solid rgba(63,194,138,.25);
    border-radius:9px;
    border-left:4px solid var(--good);
    text-align:center;
    letter-spacing:.5px;
  }
  .listing-price.empty{
    color:var(--mute);font-size:.85rem;
    font-weight:400;font-style:italic;
    background:transparent;
    border:1px dashed var(--line-strong);
    border-left-color:var(--line-strong);
  }
  .listing-section{margin-bottom:14px}
  .listing-section:last-child{margin-bottom:0}
  .listing-section-title{
    font-size:.7rem;color:var(--gold);
    text-transform:uppercase;letter-spacing:1.4px;
    font-weight:700;margin-bottom:8px;
    display:flex;align-items:center;gap:6px;
  }
  .listing-section-title::before{
    content:'';width:14px;height:1.5px;
    background:var(--gold-2);
  }
  .listing-highlights{list-style:none;padding:0;margin:0;display:grid;gap:5px}
  .listing-highlights li{
    font-size:.85rem;color:var(--ink-2);
    padding:8px 12px 8px 32px;line-height:1.4;position:relative;
    background:rgba(212,174,108,.04);
    border:1px solid var(--line);
    border-radius:7px;
    transition:all .15s;
  }
  .listing-highlights li:hover{
    border-color:var(--gold-2);
    background:var(--gold-soft);
  }
  .listing-highlights li::before{
    content:'\f00c';
    font-family:'Font Awesome 6 Free';font-weight:900;
    position:absolute;left:11px;top:50%;
    transform:translateY(-50%);
    color:var(--gold);font-size:.75rem;
    width:14px;height:14px;
    display:grid;place-items:center;
  }
  .listing-desc{
    font-size:.86rem;color:var(--ink-2);line-height:1.6;
    background:linear-gradient(135deg,var(--navy-bg),var(--navy-deep));
    border:1px solid var(--line);
    border-left:3px solid var(--gold);
    border-radius:8px;padding:13px 15px;
  }
  .listing-meta-row{
    display:flex;gap:8px;flex-wrap:wrap;
    padding-top:13px;margin-top:13px;
    border-top:1px dashed var(--line);
  }
  .listing-meta-pill{
    font-size:.7rem;
    padding:5px 10px;
    background:var(--navy-bg);
    border:1px solid var(--line);
    border-radius:14px;
    color:var(--mute);
    display:inline-flex;align-items:center;gap:5px;
  }
  .listing-meta-pill i{color:var(--gold-2)}

  /* ============ ARAMA SONUÇLARI ============ */
  .search-chips{
    margin:-18px -18px 14px;
    padding:11px 16px 13px;
    background:linear-gradient(135deg,rgba(212,174,108,.06),rgba(212,174,108,.02));
    border-bottom:1px solid var(--gold-2);
  }
  .search-chips-label{
    font-size:.62rem;
    color:var(--gold);
    letter-spacing:1.5px;
    font-weight:700;
    margin-bottom:7px;
  }
  .search-chips-row{
    display:flex;flex-wrap:wrap;gap:6px;
  }
  .search-chip{
    font-size:.7rem;
    padding:4px 10px;
    background:var(--navy-bg);
    border:1px solid var(--gold-2);
    color:var(--ink);
    border-radius:14px;
    display:inline-flex;align-items:center;gap:4px;
  }
  .search-chip b{color:var(--gold);font-weight:700;margin-right:3px}
  .search-chip i{font-size:.65rem;color:var(--gold-2)}
  .search-chip.clear{
    background:transparent;
    border-color:var(--bad);
    color:var(--bad);
    cursor:pointer;
    font-weight:600;
  }
  .search-chip.clear:hover{background:rgba(233,92,102,.1)}

  .search-results{display:flex;flex-direction:column;gap:11px}
  .result-card{
    background:var(--navy-bg);
    border:1px solid var(--line);
    border-radius:11px;
    padding:11px;
    display:flex;gap:11px;
    transition:all .2s;
    position:relative;
  }
  .result-card:hover{
    border-color:var(--gold-2);
    transform:translateY(-1px);
    box-shadow:0 8px 22px rgba(0,0,0,.3);
  }
  .result-thumb{
    width:110px;height:110px;
    flex-shrink:0;
    background:var(--navy-deep);
    border:1px solid var(--line);
    border-radius:8px;overflow:hidden;
    position:relative;
  }
  .result-thumb img{width:100%;height:100%;object-fit:cover}
  .result-thumb .ilan-thumb-empty{
    width:100%;height:100%;display:grid;place-items:center;
    color:var(--mute);font-size:1.5rem;
  }
  .result-thumb .photo-count{
    position:absolute;bottom:5px;right:5px;
    background:rgba(0,0,0,.78);color:var(--gold);
    padding:2px 7px;border-radius:9px;
    font-size:.62rem;font-weight:700;
    backdrop-filter:blur(4px);
  }
  .result-role-badge{
    position:absolute;top:5px;left:5px;
    font-size:.58rem;
    padding:2px 7px;border-radius:9px;
    background:rgba(0,0,0,.78);
    backdrop-filter:blur(4px);
    font-weight:700;letter-spacing:.4px;
    text-transform:uppercase;
    border:1px solid;
  }
  .result-role-badge.owner{color:var(--good);border-color:var(--good)}
  .result-role-badge.agent{color:#60a5fa;border-color:#60a5fa}
  .result-role-badge i{margin-right:3px}

  .result-info{flex:1;min-width:0}
  .result-id{
    font-size:.62rem;color:var(--gold);
    font-weight:700;letter-spacing:1px;
    font-family:'Courier New',monospace;
    margin-bottom:2px;
  }
  .result-title{
    font-size:.86rem;color:var(--ink);font-weight:700;
    line-height:1.3;margin-bottom:4px;
    overflow:hidden;display:-webkit-box;
    -webkit-line-clamp:2;-webkit-box-orient:vertical;
  }
  .result-loc{
    font-size:.7rem;color:var(--mute);
    margin-bottom:5px;
  }
  .result-loc i{color:var(--gold-2);margin-right:4px}
  .result-price{
    font-size:.95rem;color:var(--good);font-weight:800;
    margin-bottom:6px;
  }
  .result-price.empty{
    font-size:.7rem;color:var(--mute);font-weight:400;font-style:italic;
  }
  .result-tags{display:flex;gap:4px;margin-bottom:5px;flex-wrap:wrap}
  .result-highlights{
    display:flex;flex-direction:column;gap:2px;
    margin:5px 0;
  }
  .result-highlights span{
    font-size:.68rem;color:var(--ink-2);
    line-height:1.4;
  }
  .result-highlights span i{font-size:.55rem;margin-right:3px}
  .result-actions{
    display:flex;gap:5px;margin-top:6px;
  }
  .result-btn{
    flex:1;
    padding:6px 10px;
    border-radius:7px;
    font-size:.7rem;font-weight:700;
    text-align:center;
    text-decoration:none;
    border:1px solid;cursor:pointer;
    display:inline-flex;align-items:center;justify-content:center;gap:4px;
    transition:all .15s;
  }
  .result-btn.wa{
    background:#25d366;color:#fff;border-color:#25d366;
  }
  .result-btn.wa:hover{background:#1eb955;box-shadow:0 4px 12px rgba(37,211,102,.4)}
  .result-btn.detail{
    background:transparent;color:var(--gold);border-color:var(--gold-2);
  }
  .result-btn.detail:hover{background:var(--gold-soft)}

  @media (max-width:560px){
    .result-card{flex-direction:column}
    .result-thumb{width:100%;height:180px}
  }

  /* ============ KONUM MODAL (İlan verirken) ============ */
  .loc-modal, .map-modal{
    position:fixed;inset:0;
    background:rgba(6,17,43,.94);
    backdrop-filter:blur(10px);
    z-index:660;
    display:none;
    align-items:center;justify-content:center;
    padding:14px;
  }
  .loc-modal.show, .map-modal.show{display:flex;animation:modalIn .4s}
  .loc-card, .map-card{
    width:100%;max-width:680px;
    max-height:94vh;
    background:linear-gradient(to bottom,var(--navy-card-2),var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:16px;
    overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(212,174,108,.15);
  }
  .map-card{
    max-width:1400px;
    height:94vh;
    width:96vw;
  }
  /* Tablet ve altı - daha kompakt */
  @media (max-width:1100px){
    .map-card{max-width:920px;height:92vh;width:100%}
  }
  .loc-head, .map-head{
    padding:18px 22px;
    background:var(--navy-deep);
    border-bottom:1px solid var(--gold-2);
    display:flex;align-items:center;gap:12px;
    flex-shrink:0;
  }
  .loc-head .ic, .map-head .ic{
    width:42px;height:42px;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border-radius:11px;
    display:grid;place-items:center;
    font-size:1.2rem;
    box-shadow:0 5px 16px rgba(212,174,108,.3);
    flex-shrink:0;
  }
  .loc-head .t, .map-head .t{flex:1;min-width:0}
  .loc-head .h1, .map-head .h1{
    font-size:1.05rem;color:var(--gold);
    font-weight:800;letter-spacing:.4px;
    margin-bottom:2px;
  }
  .loc-head .h2, .map-head .h2{
    font-size:.74rem;color:var(--ink-2);
  }
  .loc-close-btn, .map-close-btn{
    width:34px;height:34px;
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    border-radius:8px;
    cursor:pointer;
    display:grid;place-items:center;
    transition:all .15s;
    flex-shrink:0;
  }
  .loc-close-btn:hover, .map-close-btn:hover{
    border-color:var(--bad);color:var(--bad);
  }

  .loc-body{
    padding:18px 22px;overflow-y:auto;flex:1;
  }
  .loc-options{
    display:grid;grid-template-columns:repeat(3,1fr);gap:9px;
    margin-bottom:16px;
  }
  .loc-opt{
    background:var(--navy-bg);
    border:1.5px solid var(--line-strong);
    border-radius:11px;
    padding:14px 10px;
    text-align:center;
    cursor:pointer;
    transition:all .2s;
  }
  .loc-opt:hover{border-color:var(--gold)}
  .loc-opt.active{
    border-color:var(--gold);
    background:var(--gold-soft);
    box-shadow:0 4px 14px rgba(212,174,108,.22);
  }
  .loc-opt .ic{
    width:36px;height:36px;margin:0 auto 6px;
    background:rgba(212,174,108,.1);
    border:1px solid var(--gold-2);
    color:var(--gold);
    border-radius:50%;
    display:grid;place-items:center;
    font-size:.9rem;
  }
  .loc-opt.active .ic{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
  }
  .loc-opt .t{font-size:.78rem;font-weight:700;color:var(--ink)}
  .loc-opt.active .t{color:var(--gold)}
  .loc-opt .d{font-size:.66rem;color:var(--mute);margin-top:3px;line-height:1.3}

  .loc-content{margin-bottom:14px}
  .loc-content input[type="text"]{
    width:100%;background:var(--navy-bg);
    border:1.5px solid var(--line-strong);
    border-radius:10px;padding:12px 14px;
    color:var(--ink);font-size:.95rem;
    transition:all .15s;
  }
  .loc-content input:focus{
    outline:none;border-color:var(--gold);
    box-shadow:0 0 0 3px var(--gold-soft);
  }
  #locMap, #searchMap{
    width:100%;height:340px;
    border:1px solid var(--line-strong);
    border-radius:10px;
    overflow:hidden;
    margin-top:8px;
    background:var(--navy-deep);
  }
  .loc-map-hint{
    font-size:.72rem;color:var(--mute);
    margin-top:6px;text-align:center;
  }
  .loc-current{
    background:rgba(74,222,128,.08);
    border:1px solid var(--good);
    border-left:3px solid var(--good);
    border-radius:8px;padding:11px 14px;
    font-size:.85rem;color:var(--ink);
    line-height:1.5;
  }
  .loc-current i{color:var(--good);margin-right:6px}
  .loc-current strong{color:var(--good)}
  .loc-current .small{
    font-size:.7rem;color:var(--mute);
    margin-top:3px;display:block;
    font-family:'Courier New',monospace;
  }
  .loc-loading{
    text-align:center;padding:18px;
    color:var(--gold);font-size:.85rem;
  }
  .loc-loading i{font-size:1.4rem;animation:spin 1s linear infinite}

  .loc-foot, .map-foot{
    padding:13px 22px;
    background:var(--navy-deep);
    border-top:1px solid var(--line);
    display:flex;gap:10px;
    flex-shrink:0;
  }
  .loc-foot button, .map-foot button{
    flex:1;padding:11px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
    font-size:.8rem;
    letter-spacing:.8px;
    text-transform:uppercase;
    transition:all .15s;
    border:1px solid var(--line-strong);
  }
  .loc-foot .btn-cancel, .map-foot .btn-cancel{
    background:transparent;color:var(--mute);
  }
  .loc-foot .btn-cancel:hover, .map-foot .btn-cancel:hover{
    border-color:var(--bad);color:var(--bad);
  }
  .loc-foot .btn-confirm, .map-foot .btn-confirm{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border-color:var(--gold);
  }
  .loc-foot .btn-confirm:disabled{
    background:var(--line-strong);
    color:var(--mute);
    cursor:not-allowed;
  }

  /* Konum belirle butonu (foto alanı yanında) */
  .location-bar{
    margin-top:9px;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .location-trigger{
    background:transparent;
    border:1px dashed var(--gold-2);
    color:var(--gold);
    padding:8px 14px;
    border-radius:9px;
    cursor:pointer;
    font-size:.78rem;
    font-weight:600;
    transition:all .15s;
    display:inline-flex;align-items:center;gap:6px;
  }
  .location-trigger:hover{
    border-style:solid;
    background:var(--gold-soft);
  }
  .location-trigger.has-location{
    border-color:var(--good);
    color:var(--good);
    border-style:solid;
    background:rgba(74,222,128,.05);
  }
  .location-trigger i{font-size:.85rem}
  .location-display{
    font-size:.72rem;
    color:var(--ink-2);
    flex:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }

  /* === HARİTA MODAL (Arama için) === */
  .map-card .map-body{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}

  /* BOŞ DURUM OVERLAY - henüz ilan yokken */
  .map-empty-overlay{
    position:absolute;
    inset:0;
    background:rgba(6,17,43,.92);
    backdrop-filter:blur(6px);
    z-index:500;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
    pointer-events:auto;
  }
  .map-empty-card{
    max-width:420px;
    width:100%;
    background:linear-gradient(135deg,var(--navy-card),var(--navy-card-2));
    border:1px solid var(--gold-2);
    border-radius:16px;
    padding:32px 28px;
    text-align:center;
    box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 50px rgba(212,174,108,.15);
    animation:emptyCardIn .4s ease-out;
  }
  @keyframes emptyCardIn{
    from{opacity:0;transform:translateY(-12px) scale(.95)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
  .map-empty-icon{
    font-size:3.5rem;
    margin-bottom:14px;
    filter:drop-shadow(0 4px 12px rgba(212,174,108,.3));
  }
  .map-empty-title{
    margin:0 0 12px;
    color:var(--gold);
    font-size:1.25rem;
    font-weight:800;
    letter-spacing:-.3px;
  }
  .map-empty-text{
    margin:0 0 22px;
    color:var(--ink);
    font-size:.9rem;
    line-height:1.6;
  }
  .map-empty-text small{
    color:var(--mute);
    font-size:.78rem;
    display:block;
    margin-top:6px;
  }
  .map-empty-cta{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border:none;
    padding:11px 22px;
    border-radius:10px;
    font-size:.92rem;
    font-weight:700;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:all .2s;
    box-shadow:0 4px 14px rgba(212,174,108,.4);
  }
  .map-empty-cta:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 20px rgba(212,174,108,.55);
  }
  .map-empty-cta:active{transform:translateY(0)}
  /* ====== 3 ARAMA MODU TAB ====== */
  .search-mode-tabs{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:0;
    background:var(--navy-deep);
    border-bottom:1px solid var(--line);
    flex-shrink:0;
  }
  .search-mode-tab{
    background:transparent;
    border:none;
    border-right:1px solid var(--line);
    color:var(--ink-2);
    padding:14px 12px 12px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px;
    transition:all .2s;
    border-bottom:3px solid transparent;
    font-family:inherit;
  }
  .search-mode-tab:last-child{border-right:none}
  .search-mode-tab i{
    font-size:1.4rem;
    color:var(--gold-2);
    transition:all .2s;
    margin-bottom:2px;
  }
  .search-mode-tab .mode-title{
    font-size:.85rem;
    font-weight:700;
    color:var(--ink);
  }
  .search-mode-tab .mode-sub{
    font-size:.68rem;
    color:var(--mute);
    line-height:1.3;
  }
  .search-mode-tab:hover{
    background:rgba(212,174,108,.05);
  }
  .search-mode-tab:hover i{color:var(--gold);transform:scale(1.1)}
  .search-mode-tab.active{
    background:linear-gradient(to bottom,rgba(212,174,108,.1),transparent);
    border-bottom-color:var(--gold);
  }
  .search-mode-tab.active i{color:var(--gold);transform:scale(1.15)}
  .search-mode-tab.active .mode-title{color:var(--gold)}

  /* Mobil - tab'ı tek satır kompakt */
  @media (max-width:560px){
    .search-mode-tab{padding:10px 6px}
    .search-mode-tab i{font-size:1.05rem}
    .search-mode-tab .mode-title{font-size:.7rem}
    .search-mode-tab .mode-sub{display:none}
  }

  /* ====== AI ARAMA PANELİ ====== */
  .ai-search-panel{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:40px 24px;
    background:radial-gradient(ellipse at top,rgba(212,174,108,.08),transparent 60%);
    overflow-y:auto;
  }
  .ai-search-icon{
    width:80px;height:80px;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    border-radius:20px;
    display:grid;
    place-items:center;
    font-size:2.4rem;
    color:var(--navy-content);
    margin-bottom:16px;
    box-shadow:0 10px 40px rgba(212,174,108,.4);
    animation:aiPulse 3s ease-in-out infinite;
  }
  @keyframes aiPulse{
    0%, 100%{transform:scale(1);box-shadow:0 10px 40px rgba(212,174,108,.4)}
    50%{transform:scale(1.05);box-shadow:0 12px 50px rgba(212,174,108,.55)}
  }
  .ai-search-title{
    color:var(--gold);
    font-size:1.3rem;
    font-weight:800;
    margin-bottom:6px;
    text-align:center;
  }
  .ai-search-subtitle{
    color:var(--ink-2);
    font-size:.9rem;
    margin-bottom:24px;
    text-align:center;
    max-width:480px;
    line-height:1.5;
  }
  .ai-search-input-wrap{
    width:100%;
    max-width:680px;
    display:flex;
    gap:8px;
    background:var(--navy-card);
    border:2px solid var(--gold-2);
    border-radius:14px;
    padding:6px;
    margin-bottom:18px;
    transition:border-color .2s;
  }
  .ai-search-input-wrap:focus-within{
    border-color:var(--gold);
    box-shadow:0 0 0 3px rgba(212,174,108,.15);
  }
  .ai-search-input-wrap input{
    flex:1;
    background:transparent;
    border:none;
    color:var(--ink);
    padding:10px 12px;
    font-size:.95rem;
    outline:none;
    min-width:0;
  }
  .ai-search-input-wrap button{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border:none;
    padding:10px 22px;
    border-radius:9px;
    font-size:.88rem;
    font-weight:700;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:6px;
    transition:all .15s;
    flex-shrink:0;
  }
  .ai-search-input-wrap button:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(212,174,108,.5)}
  .ai-search-examples{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    align-items:center;
    justify-content:center;
    max-width:680px;
  }
  .ex-label{
    font-size:.72rem;
    color:var(--mute);
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    width:100%;
    text-align:center;
    margin-bottom:4px;
  }
  .ex-chip{
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    padding:7px 13px;
    border-radius:18px;
    font-size:.77rem;
    cursor:pointer;
    transition:all .15s;
    font-family:inherit;
  }
  .ex-chip:hover{
    border-color:var(--gold);
    color:var(--gold);
    transform:translateY(-2px);
  }

  /* ====== FİLTRE SEÇİM PANEL ÜST BANDI ====== */
  .filter-select-panel{
    background:linear-gradient(to right,rgba(212,174,108,.1),rgba(212,174,108,.03));
    border-bottom:1px solid var(--gold-2);
    padding:10px 16px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    flex-shrink:0;
  }
  .filter-select-step{
    display:flex;
    align-items:center;
    gap:9px;
    color:var(--gold);
    font-size:.92rem;
    font-weight:700;
  }
  .filter-select-step i{font-size:1.1rem}
  .filter-select-counter{
    display:flex;
    align-items:baseline;
    gap:6px;
    background:var(--navy-card);
    padding:6px 14px;
    border-radius:8px;
    border:1px solid var(--line-strong);
  }
  .counter-label{
    font-size:.7rem;
    color:var(--mute);
    text-transform:uppercase;
    letter-spacing:.6px;
  }
  .counter-value{
    font-size:1.05rem;
    color:var(--gold);
    font-weight:800;
    min-width:24px;
    text-align:right;
  }

  /* ====== FİLTRE TAMAMLANINCA "AÇ" BUTONU ====== */
  .filter-action-bar{
    padding:14px 16px;
    background:var(--navy-deep);
    border-top:1px solid var(--gold-2);
    flex-shrink:0;
  }
  .filter-action-btn{
    width:100%;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border:none;
    padding:14px 20px;
    border-radius:12px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    transition:all .2s;
    box-shadow:0 6px 20px rgba(212,174,108,.35);
    font-family:inherit;
  }
  .filter-action-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 28px rgba(212,174,108,.5);
  }
  .filter-action-btn:active{transform:translateY(0)}
  .filter-action-btn i{font-size:1.3rem}
  .filter-action-btn .action-main{
    font-size:1.05rem;
    font-weight:800;
    letter-spacing:.3px;
  }
  .filter-action-btn .action-sub{
    font-size:.78rem;
    font-weight:600;
    opacity:.7;
    margin-left:auto;
  }
  .filter-action-btn:disabled{
    background:var(--navy-card-2);
    color:var(--mute);
    cursor:not-allowed;
    box-shadow:none;
  }
  .filter-action-btn:disabled:hover{transform:none;box-shadow:none}

  /* "Filtreyi Değiştir" butonu - sonuç ekranında */
  .back-to-filter{
    background:transparent !important;
    border:1px solid var(--gold-2) !important;
    color:var(--gold) !important;
    font-weight:700;
  }
  .back-to-filter:hover{
    background:var(--gold-soft) !important;
    border-color:var(--gold) !important;
  }

  #searchMap{height:100%;border-radius:0;border:none;margin:0}
  .map-toolbar{
    padding:10px 16px;
    background:var(--navy-elev);
    border-bottom:1px solid var(--line);
    display:flex;align-items:center;gap:10px;flex-wrap:wrap;
    flex-shrink:0;
  }
  .map-toolbar-info{
    font-size:.78rem;color:var(--ink-2);
    flex:1;
  }
  .map-toolbar-info b{color:var(--gold)}
  .map-toolbar button{
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    color:var(--ink);
    padding:6px 12px;
    border-radius:7px;
    font-size:.72rem;
    font-weight:600;
    cursor:pointer;
    transition:all .15s;
  }
  .map-toolbar button:hover{border-color:var(--gold);color:var(--gold)}

  /* VIEW TOGGLE (Harita / Liste) */
  .view-toggle{
    display:inline-flex;
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:8px;
    overflow:hidden;
    padding:0;
  }
  .view-btn{
    background:transparent !important;
    border:none !important;
    color:var(--mute) !important;
    padding:7px 13px !important;
    font-size:.74rem !important;
    font-weight:600;
    cursor:pointer;
    transition:all .15s;
    border-radius:0 !important;
    border-right:1px solid var(--line-strong) !important;
  }
  .view-btn:last-child{border-right:none !important}
  .view-btn.active{
    background:linear-gradient(135deg,var(--gold),var(--gold-2)) !important;
    color:var(--navy-content) !important;
    font-weight:700;
  }
  .view-btn i{margin-right:4px}

  /* LIST PANEL */
  .list-panel{
    flex:1;
    display:flex;
    flex-direction:column;
    min-height:0;
    overflow:hidden;
    background:var(--navy-bg);
  }
  .list-toolbar{
    padding:10px 14px;
    background:var(--navy-elev);
    border-bottom:1px solid var(--line);
    display:flex;
    gap:9px;
    flex-shrink:0;
  }
  .list-search{
    flex:1;
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:8px;
    color:var(--ink);
    padding:8px 12px;
    font-size:.85rem;
    outline:none;
    transition:border .15s;
  }
  .list-search:focus{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-soft)}
  .list-sort{
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:8px;
    color:var(--ink);
    padding:8px 14px 8px 12px;
    font-size:.78rem;
    font-weight:600;
    cursor:pointer;
    outline:none;
    min-width:200px;
    transition:all .15s;
  }
  .list-sort:hover{
    border-color:var(--gold-2);
    background:var(--navy-card);
  }
  .list-sort:focus{
    border-color:var(--gold);
    box-shadow:0 0 0 2px var(--gold-soft);
  }
  .list-sort option{
    background:var(--navy-card);
    color:var(--ink);
    padding:6px;
  }

  /* AKILLI ARAMA + SIRALAMA — Hem harita hem liste modunda görünür */
  .search-bar{
    padding:9px 14px;
    background:var(--navy-elev);
    border-bottom:1px solid var(--line);
    display:flex;
    gap:8px;
    flex-shrink:0;
  }
  .search-bar .list-search-wrap{
    flex:1;
    position:relative;
    display:flex;
    align-items:center;
  }
  .search-bar .list-search-wrap .list-search{
    flex:1;
    padding-right:42px;  /* Mikrofon için yer */
  }
  .list-search-mic{
    position:absolute;
    right:6px;
    top:50%;
    transform:translateY(-50%);
    width:32px;height:32px;
    background:transparent;
    border:none;
    color:var(--gold-2);
    border-radius:6px;
    cursor:pointer;
    display:grid;
    place-items:center;
    font-size:.95rem;
    transition:all .15s;
  }
  .list-search-mic:hover{
    background:var(--gold-soft);
    color:var(--gold);
    transform:translateY(-50%) scale(1.08);
  }
  .list-search-mic.listening{
    background:rgba(239,68,68,.18);
    color:#ef4444;
    animation:micPulse 1.2s ease-in-out infinite;
  }
  @keyframes micPulse{
    0%, 100%{box-shadow:0 0 0 0 rgba(239,68,68,.5)}
    50%{box-shadow:0 0 0 8px rgba(239,68,68,0)}
  }
  .list-search-mic[disabled]{
    opacity:.35;
    cursor:not-allowed;
  }
  /* Sesli arama bilgi balonu */
  .mic-toast{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    background:var(--navy-card);
    border:1px solid var(--gold-2);
    color:var(--ink);
    padding:8px 12px;
    border-radius:8px;
    font-size:.74rem;
    font-weight:600;
    z-index:10;
    box-shadow:0 6px 20px rgba(0,0,0,.4);
    white-space:nowrap;
    animation:toastIn .25s ease-out;
  }
  @keyframes toastIn{
    from{opacity:0;transform:translateY(-4px)}
    to{opacity:1;transform:translateY(0)}
  }
  .mic-toast.listening{border-color:#ef4444;color:#ef4444}
  .mic-toast.error{border-color:#ef4444;color:#fca5a5}
  .search-bar .list-search{flex:1}

  /* HAZIR FİLTRELER — Hem harita hem liste modunda görünür */
  .list-filters{
    padding:7px 14px 9px;
    background:var(--navy-deep);
    border-bottom:1px solid var(--line);
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    flex-shrink:0;
    align-items:center;
  }
  /* KONUT FİLTRELERİ - sadece konut alt türü seçilince görünür */
  .list-filters-konut{
    background:linear-gradient(to right, rgba(34,197,94,.08), rgba(34,197,94,.02));
    border-bottom:1px solid var(--line);
    border-left:3px solid #22c55e;
    padding:8px 14px 9px 12px;
    animation:konutFiltersIn .3s ease-out;
  }
  @keyframes konutFiltersIn{
    from{opacity:0;transform:translateY(-4px);max-height:0}
    to{opacity:1;transform:translateY(0);max-height:120px}
  }
  .list-filters-konut-label{
    font-size:.7rem;
    color:#22c55e;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.8px;
    padding-right:6px;
    flex-shrink:0;
  }
  .list-filter{
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:8px;
    color:var(--ink);
    padding:6px 10px;
    font-size:.74rem;
    cursor:pointer;
    outline:none;
    min-width:115px;
    transition:all .15s;
  }
  .list-filter:hover, .list-filter:focus{border-color:var(--gold)}
  .list-filter.active-filter{
    border-color:var(--gold);
    background:var(--gold-soft);
    color:var(--gold);
    font-weight:700;
  }
  .list-filter-num{
    min-width:90px;
    font-family:'JetBrains Mono', monospace;
  }
  .list-filter-clear{
    background:transparent;
    border:1px solid var(--line);
    color:var(--mute);
    padding:6px 11px;
    border-radius:8px;
    font-size:.7rem;
    font-weight:600;
    cursor:pointer;
    transition:all .15s;
  }
  .list-filter-clear:hover{
    border-color:var(--bad);
    color:var(--bad);
  }
  .list-filter-clear i{margin-right:4px;font-size:.65rem}

  /* LISTE PANELİ */
  .list-panel{
    flex:1;
    display:flex;
    flex-direction:column;
    min-height:0;
    overflow:hidden;
    background:var(--navy-bg);
  }
  .list-cards{
    flex:1;
    overflow-y:auto;
    padding:10px;
    display:flex;
    flex-direction:column;
    gap:8px;
  }
  .list-cards::-webkit-scrollbar{width:8px}
  .list-cards::-webkit-scrollbar-track{background:var(--navy-deep)}
  .list-cards::-webkit-scrollbar-thumb{background:var(--gold-2);border-radius:4px}
  .list-card{
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    border-radius:10px;
    overflow:hidden;
    transition:all .15s;
    display:flex;
    flex-direction:row;
    align-items:stretch;
    cursor:pointer;
    min-height:100px;
    flex-shrink:0;
    box-sizing:border-box;
    position:relative;
  }
  .list-card:hover{
    border-color:var(--gold);
    background:var(--navy-card-2);
    box-shadow:0 4px 14px rgba(212,174,108,.12);
  }
  .list-card-img{
    width:140px;
    height:100px;
    object-fit:cover;
    background:var(--navy-deep);
    display:block;
    flex-shrink:0;
  }
  .list-card-img-placeholder{
    width:140px;
    height:100px;
    background:linear-gradient(135deg,var(--navy-deep),var(--navy-card-2));
    display:grid;
    place-items:center;
    font-size:2rem;
    color:var(--gold-2);
    opacity:.5;
    flex-shrink:0;
  }
  .list-card-body{
    padding:8px 12px;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
  }
  .list-card-tags{
    display:flex;
    gap:4px;
    flex-wrap:wrap;
    align-items:center;
  }
  .list-card-tag{
    font-size:.58rem;
    padding:2px 6px;
    border-radius:4px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.4px;
  }
  .list-card-tag.satilik{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid #22c55e}
  .list-card-tag.kiralik{background:rgba(59,130,246,.15);color:#3b82f6;border:1px solid #3b82f6}
  .list-card-tag.devren{background:rgba(168,85,247,.15);color:#a855f7;border:1px solid #a855f7}
  .list-card-tag.ortak{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid #f59e0b}
  .list-card-tag.sezonluk{background:rgba(236,72,153,.15);color:#ec4899;border:1px solid #ec4899}
  .list-card-tag.gunluk{background:rgba(6,182,212,.15);color:#06b6d4;border:1px solid #06b6d4}
  .list-card-cat{
    font-size:.58rem;
    color:var(--gold);
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.6px;
    margin-left:auto;
  }
  .list-card-title{
    font-size:.85rem;
    font-weight:700;
    color:var(--ink);
    line-height:1.25;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .list-card-loc{
    font-size:.7rem;
    color:var(--ink-2);
    display:flex;
    align-items:center;
    gap:4px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .list-card-loc i{color:var(--gold-2);font-size:.7rem;flex-shrink:0}
  .list-card-price{
    font-size:.92rem;
    font-weight:800;
    color:#22c55e;
    margin-top:auto;
    display:flex;
    align-items:center;
    gap:6px;
    flex-wrap:wrap;
  }
  .list-card-price-change{
    font-size:.65rem;
    padding:2px 6px;
    border-radius:4px;
    font-weight:700;
    letter-spacing:.3px;
  }
  .list-card-price-change.up{
    background:rgba(239,68,68,.18);
    color:#ef4444;
    border:1px solid rgba(239,68,68,.4);
  }
  .list-card-price-change.down{
    background:rgba(34,197,94,.18);
    color:#22c55e;
    border:1px solid rgba(34,197,94,.4);
  }
  .list-card-date{
    font-size:.68rem;
    color:var(--mute);
    margin-top:3px;
    display:flex;
    align-items:center;
    gap:5px;
  }
  .list-card-date i{color:var(--gold-2);font-size:.65rem}
  .list-card-actions{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:8px 10px;
    align-items:stretch;
    justify-content:center;
    flex-shrink:0;
    min-width:90px;
  }
  .list-card-actions a, .list-card-actions button{
    padding:5px 8px;
    border-radius:6px;
    font-size:.65rem;
    font-weight:700;
    text-align:center;
    text-decoration:none;
    border:1px solid;
    cursor:pointer;
    transition:all .15s;
    white-space:nowrap;
  }
  .list-card-actions .wa{
    background:#25d366;color:#fff;border-color:#25d366;
  }
  .list-card-actions .wa:hover{background:#1ea456}
  .list-card-actions .det{
    background:transparent;color:var(--gold);border-color:var(--gold-2);
  }
  .list-card-actions .det:hover{background:var(--gold-soft)}
  .list-empty{
    padding:40px 20px;
    text-align:center;
    color:var(--mute);
    font-size:.85rem;
  }
  .list-footer{
    padding:10px 14px;
    background:var(--navy-deep);
    border-top:1px solid var(--line);
    color:var(--mute);
    font-size:.7rem;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:center;
  }
  .list-pagination{
    display:flex;
    gap:4px;
    align-items:center;
    flex-wrap:wrap;
    justify-content:center;
  }
  .list-page-btn{
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    padding:6px 11px;
    border-radius:6px;
    font-size:.74rem;
    font-weight:600;
    cursor:pointer;
    transition:all .15s;
    min-width:34px;
    text-align:center;
    line-height:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
  }
  .list-page-btn:hover:not(:disabled){
    border-color:var(--gold);
    color:var(--gold);
    background:var(--navy-card-2);
  }
  .list-page-btn.active{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    border-color:var(--gold);
    color:var(--navy-content);
    box-shadow:0 2px 8px rgba(212,174,108,.3);
  }
  .list-page-btn:disabled{
    opacity:.35;
    cursor:not-allowed;
  }
  .list-page-ellipsis{
    color:var(--mute);
    padding:0 4px;
    font-size:.78rem;
  }
  .list-page-info{
    font-size:.72rem;
    color:var(--mute);
    text-align:center;
  }
  .list-page-info b{color:var(--gold);font-weight:700}
  @media (max-width:560px){
    .list-card-img, .list-card-img-placeholder{width:100px;height:80px}
    .list-card-actions{min-width:75px;padding:6px 8px}
    .list-card-actions a, .list-card-actions button{font-size:.6rem;padding:4px 6px}
    .list-card-title{font-size:.78rem}
    .list-card-price{font-size:.82rem}
    .search-bar{flex-direction:column}
    .list-sort{min-width:auto;width:100%}
    .list-filter{flex:1;min-width:140px}
  }

  /* MAP FILTER CHIPS */
  .map-filters{
    padding:10px 16px;
    background:var(--navy-deep);
    border-bottom:1px solid var(--line);
    display:flex;flex-direction:column;gap:8px;
    flex-shrink:0;
  }
  /* İlan Türü satırı - tek sıra */
  .map-filter-row{
    display:flex;
    gap:6px;
    overflow-x:auto;
    padding:2px 0;
    align-items:center;
    scrollbar-width:thin;
  }
  .map-filter-row::-webkit-scrollbar{height:4px}
  .map-filter-row::-webkit-scrollbar-thumb{background:var(--gold-2);border-radius:2px}

  /* İlan Türü özel - belirgin */
  .map-filter-row-types{
    padding-bottom:8px;
    border-bottom:1px dashed var(--line);
  }
  .map-filter-row-types .map-chip{
    padding:7px 13px;
    font-size:.76rem;
    font-weight:700;
  }

  /* Kategori 2 satır WRAP eder */
  .map-filter-grid{
    display:flex;
    align-items:flex-start;
    gap:8px;
    padding:2px 0;
  }
  .map-filter-grid-chips{
    flex:1;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
    padding-top:1px;
  }
  .map-filter-grid .map-filter-label{
    padding-top:6px;
  }

  .map-filter-label{
    font-size:.65rem;
    color:var(--mute);
    text-transform:uppercase;
    letter-spacing:.8px;
    font-weight:700;
    padding-right:6px;
    flex-shrink:0;
    min-width:90px;
  }
  .map-chip{
    display:inline-flex;
    align-items:center;
    gap:5px;
    padding:5px 11px;
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    border-radius:14px;
    font-size:.72rem;
    font-weight:600;
    cursor:pointer;
    white-space:nowrap;
    transition:all .15s;
    flex-shrink:0;
  }
  .map-chip:hover{border-color:var(--gold);color:var(--gold)}
  .map-chip.active{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    border-color:var(--gold);
    color:var(--navy-content);
    box-shadow:0 3px 10px rgba(212,174,108,.35);
  }
  .map-chip .ic{font-size:.85rem;line-height:1}
  .map-chip .cnt{
    font-size:.62rem;
    background:rgba(255,255,255,.18);
    color:inherit;
    padding:1px 6px;
    border-radius:8px;
    font-weight:700;
    margin-left:1px;
  }
  .map-chip.active .cnt{background:rgba(10,31,71,.18)}
  .map-chip.tumu{
    border-color:var(--gold-2);
    color:var(--gold);
    font-weight:700;
  }
  /* İlan Türü renkli vurgu */
  .map-chip[data-type="Satılık"].active{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#22c55e;color:#fff}
  .map-chip[data-type="Kiralık"].active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}
  .map-chip[data-type="Devren"].active{background:linear-gradient(135deg,#a855f7,#9333ea);border-color:#a855f7;color:#fff}
  .map-chip[data-type="Ortak"].active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b;color:#fff}

  /* Kira alt türü - sadece Kiralık seçilince görünür, slideDown */
  .map-filter-row-kirasub{
    background:rgba(59,130,246,.06);
    border-left:2px solid #3b82f6;
    border-radius:8px;
    padding:6px 8px !important;
    margin-top:2px;
    animation:subCatIn .25s ease-out;
  }
  .map-filter-row-kirasub .map-chip{
    font-size:.7rem;
    padding:5px 11px;
  }
  .map-chip[data-kirasub="uzun"].active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}
  .map-chip[data-kirasub="sezonluk"].active{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#ec4899;color:#fff}
  .map-chip[data-kirasub="gunluk"].active{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#06b6d4;color:#fff}

  /* Alt kategori satırı - slideDown */
  .map-filter-subcat{
    background:rgba(212,174,108,.05);
    border-radius:8px;
    padding:6px 8px !important;
    margin-top:2px;
    animation:subCatIn .25s ease-out;
    border-left:2px solid var(--gold-2);
  }
  @keyframes subCatIn{
    from{opacity:0;transform:translateY(-4px);max-height:0}
    to{opacity:1;transform:translateY(0);max-height:200px}
  }
  .map-filter-subcat .map-chip{
    font-size:.68rem;
    padding:4px 9px;
  }

  /* Mobil */
  @media (max-width:560px){
    .map-filter-grid{flex-direction:column;align-items:stretch;gap:5px}
    .map-filter-grid .map-filter-label{padding-top:0}
    .map-filter-label{min-width:auto}
  }

  /* ============ İLAN DETAY MODAL ============ */
  .detail-modal{
    position:fixed;inset:0;
    background:rgba(6,17,43,.96);
    backdrop-filter:blur(12px);
    z-index:680;
    display:none;
    align-items:center;justify-content:center;
    padding:14px;
  }
  .detail-modal.show{display:flex;animation:modalIn .35s}
  .detail-card{
    width:100%;max-width:1100px;
    height:94vh;
    background:linear-gradient(to bottom,var(--navy-card-2),var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:16px;
    overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(212,174,108,.15);
  }
  .detail-head{
    padding:14px 22px;
    background:var(--navy-deep);
    border-bottom:1px solid var(--gold-2);
    display:flex;align-items:center;gap:14px;
    flex-shrink:0;
  }
  .detail-head .ic{
    width:42px;height:42px;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border-radius:11px;
    display:grid;place-items:center;
    font-size:1.2rem;
    flex-shrink:0;
  }
  .detail-head h3{
    margin:0;color:var(--ink);font-size:1.05rem;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  .detail-head .id{font-size:.7rem;color:var(--mute);margin-top:2px}
  .detail-close{
    margin-left:auto;
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    width:36px;height:36px;
    border-radius:8px;
    cursor:pointer;
    transition:all .15s;
    flex-shrink:0;
  }
  .detail-close:hover{border-color:var(--bad);color:var(--bad)}
  .detail-body{
    flex:1;
    overflow-y:auto;
    display:grid;
    grid-template-columns:1.4fr 1fr;
    gap:0;
  }
  .detail-body::-webkit-scrollbar{width:8px}
  .detail-body::-webkit-scrollbar-track{background:var(--navy-deep)}
  .detail-body::-webkit-scrollbar-thumb{background:var(--gold-2);border-radius:4px}

  /* Sol: galeri + açıklama */
  .detail-left{
    padding:18px 22px;
    border-right:1px solid var(--line);
  }
  .detail-gallery{
    width:100%;
    aspect-ratio:16/10;
    background:var(--navy-deep);
    border-radius:10px;
    overflow:hidden;
    margin-bottom:12px;
    position:relative;
  }
  .detail-gallery img{
    width:100%;height:100%;
    object-fit:cover;
    display:block;
  }
  .detail-gallery-empty{
    width:100%;height:100%;
    display:grid;place-items:center;
    font-size:4rem;color:var(--gold-2);opacity:.3;
  }
  .detail-thumbs{
    display:flex;gap:6px;flex-wrap:wrap;
    margin-bottom:14px;
  }
  .detail-thumbs img{
    width:60px;height:45px;
    object-fit:cover;
    border-radius:5px;
    cursor:pointer;
    border:2px solid transparent;
    transition:all .15s;
  }
  .detail-thumbs img:hover, .detail-thumbs img.active{
    border-color:var(--gold);
    transform:scale(1.05);
  }
  .detail-section{
    margin-bottom:18px;
  }
  .detail-section-title{
    font-size:.7rem;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-weight:700;
    margin-bottom:8px;
    padding-bottom:4px;
    border-bottom:1px dashed var(--line);
  }

  /* === FİYAT GEÇMİŞİ === */
  .price-history-summary{
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    border-radius:8px;
    font-size:.85rem;
    font-weight:700;
    margin-bottom:10px;
  }
  .price-history-summary.down{
    background:rgba(34,197,94,.12);
    color:#22c55e;
    border:1px solid rgba(34,197,94,.4);
  }
  .price-history-summary.up{
    background:rgba(239,68,68,.12);
    color:#ef4444;
    border:1px solid rgba(239,68,68,.4);
  }
  .price-history-summary i{font-size:.9rem}
  .price-history-summary b{font-weight:800}

  .price-history-list{
    display:flex;
    flex-direction:column;
    gap:6px;
  }
  .price-history-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:8px 11px;
    background:var(--navy-card);
    border:1px solid var(--line);
    border-radius:8px;
    font-size:.82rem;
  }
  .price-history-row.current{
    border-color:var(--gold-2);
    background:linear-gradient(to right,rgba(212,174,108,.1),rgba(212,174,108,.03));
  }
  .ph-date{
    display:flex;
    align-items:center;
    gap:6px;
    color:var(--ink-2);
    font-size:.78rem;
  }
  .ph-date i{color:var(--gold-2)}
  .price-history-row.current .ph-date i{color:#22c55e}
  .ph-label{
    font-size:.62rem;
    color:var(--mute);
    background:var(--navy-deep);
    padding:1px 6px;
    border-radius:4px;
    margin-left:4px;
    text-transform:uppercase;
    letter-spacing:.5px;
  }
  .ph-price{
    display:flex;
    align-items:center;
    gap:8px;
    font-weight:700;
    color:var(--ink);
  }
  .price-history-row.current .ph-price{color:var(--gold);font-size:.9rem}
  .price-change-badge{
    font-size:.66rem;
    padding:2px 7px;
    border-radius:5px;
    font-weight:700;
    letter-spacing:.4px;
  }
  .price-change-badge.up{
    background:rgba(239,68,68,.18);
    color:#ef4444;
    border:1px solid rgba(239,68,68,.4);
  }
  .price-change-badge.down{
    background:rgba(34,197,94,.18);
    color:#22c55e;
    border:1px solid rgba(34,197,94,.4);
  }
  .price-history-empty{
    padding:11px;
    background:var(--navy-card);
    border:1px dashed var(--line-strong);
    border-radius:8px;
    color:var(--mute);
    font-size:.78rem;
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
  }
  .price-history-empty i{color:var(--gold-2)}

  /* Detail info row - HTML içerikli value için */
  .detail-info-row .val small{
    display:inline-block;
    margin-top:2px;
  }
  .detail-info-row .val br{
    line-height:1;
  }
  .detail-desc{
    color:var(--ink);
    font-size:.9rem;
    line-height:1.6;
    white-space:pre-wrap;
  }
  .detail-highlights{
    display:flex;flex-direction:column;gap:5px;
    list-style:none;padding:0;margin:0;
  }
  .detail-highlights li{
    color:var(--ink);
    font-size:.85rem;
    display:flex;
    align-items:flex-start;
    gap:8px;
  }
  .detail-highlights i{color:var(--good);font-size:.85rem;margin-top:3px;flex-shrink:0}

  /* Sağ: iletişim + bilgi */
  .detail-right{
    padding:18px 22px;
    background:var(--navy-deep);
  }
  .detail-price-box{
    background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.05));
    border:1px solid rgba(34,197,94,.4);
    border-radius:10px;
    padding:14px 16px;
    margin-bottom:14px;
    text-align:center;
  }
  .detail-price-label{
    font-size:.65rem;
    color:var(--ink-2);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:4px;
  }
  .detail-price-value{
    font-size:1.6rem;
    font-weight:800;
    color:#22c55e;
  }
  .detail-info-row{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    border-bottom:1px dashed var(--line);
    font-size:.82rem;
  }
  .detail-info-row:last-child{border-bottom:none}
  .detail-info-row .lbl{color:var(--mute)}
  .detail-info-row .val{color:var(--ink);font-weight:600;text-align:right}

  /* İletişim kutusu */
  .detail-contact{
    background:var(--navy-card);
    border:1px solid var(--gold-2);
    border-radius:10px;
    padding:14px;
    margin-top:14px;
  }
  .detail-contact-title{
    font-size:.7rem;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:1.2px;
    font-weight:700;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .detail-contact-title i{color:var(--gold-2)}
  .detail-contact-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:9px 12px;
    background:var(--navy-deep);
    border:1px solid var(--line);
    border-radius:8px;
    margin-bottom:6px;
    text-decoration:none;
    color:var(--ink);
    font-size:.85rem;
    font-weight:600;
    transition:all .15s;
  }
  .detail-contact-item:hover{
    border-color:var(--gold);
    background:var(--navy-card-2);
    transform:translateX(2px);
  }
  .detail-contact-item .ic-c{
    width:32px;height:32px;
    border-radius:8px;
    display:grid;place-items:center;
    font-size:1rem;
    flex-shrink:0;
  }
  .detail-contact-item.phone .ic-c{background:rgba(212,174,108,.18);color:var(--gold)}
  .detail-contact-item.mail .ic-c{background:rgba(59,130,246,.18);color:#3b82f6}
  .detail-contact-item .info-c{flex:1;min-width:0;overflow:hidden}
  .detail-contact-item .info-c .l{font-size:.62rem;color:var(--mute);text-transform:uppercase;letter-spacing:.6px}
  .detail-contact-item .info-c .v{font-size:.88rem;font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  .detail-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:10px}
  .detail-tag{
    font-size:.62rem;
    padding:3px 9px;
    border-radius:5px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
    background:rgba(212,174,108,.15);
    color:var(--gold);
    border:1px solid var(--gold-2);
  }

  /* Mobil */
  @media (max-width:900px){
    .detail-body{grid-template-columns:1fr}
    .detail-left{border-right:none;border-bottom:1px solid var(--line)}
    .detail-card{height:96vh}
  }

  /* Map popup'ında WhatsApp yokken Detay tek başına - genişlet */
  .map-popup-actions .det{flex:1}


  .leaflet-popup-content-wrapper{
    background:var(--navy-card)!important;
    color:var(--ink)!important;
    border:1px solid var(--gold-2)!important;
    border-radius:10px!important;
  }
  .leaflet-popup-tip{
    background:var(--navy-card)!important;
    border:1px solid var(--gold-2)!important;
  }
  .leaflet-popup-content{
    margin:10px 12px!important;
    color:var(--ink)!important;
    line-height:1.4!important;
  }
  .leaflet-popup-close-button{
    color:var(--gold)!important;
    font-size:1.4rem!important;
    padding:4px 8px!important;
  }
  .map-popup-title{
    font-weight:700;color:var(--gold);
    font-size:.86rem;margin-bottom:3px;
    display:block;
  }
  .map-popup-loc{
    font-size:.72rem;color:var(--mute);
    margin-bottom:5px;
  }
  .map-popup-price{
    font-size:.95rem;color:var(--good);
    font-weight:700;margin-bottom:6px;
  }
  .map-popup-actions{display:flex;gap:5px;margin-top:6px}
  .map-popup-actions a, .map-popup-actions button{
    flex:1;padding:5px 8px;
    border-radius:6px;
    font-size:.7rem;font-weight:700;
    text-align:center;text-decoration:none;
    border:1px solid;cursor:pointer;
  }
  .map-popup-actions .wa{
    background:#25d366;color:#fff;border-color:#25d366;
  }
  .map-popup-actions .det{
    background:transparent;color:var(--gold);border-color:var(--gold-2);
  }

  @media (max-width:560px){
    .loc-options{grid-template-columns:1fr}
    .map-card{max-width:100%;height:92vh;margin:0}
    .loc-card{margin:0}
  }

  @keyframes spin{to{transform:rotate(360deg)}}

  .btn-action{
    font-weight:800;border:none;padding:15px;
    text-transform:uppercase;border-radius:10px;
    width:100%;margin-bottom:10px;
    font-size:.95rem;letter-spacing:1px;
    transition:all .2s;cursor:pointer;
  }
  .btn-mühür{
    background:linear-gradient(to bottom,var(--gold),var(--gold-2));
    color:#06112b;box-shadow:0 4px 18px rgba(212,174,108,.25);
  }
  .btn-mühür:hover:not(:disabled){
    transform:translateY(-1px);
    box-shadow:0 6px 24px rgba(212,174,108,.4);
  }
  .btn-mühür:disabled{
    background:var(--navy-elev);color:var(--mute);cursor:not-allowed;box-shadow:none;
  }
  .btn-bul{
    background:transparent;color:var(--gold);
    border:2px solid var(--gold)!important;
    text-decoration:none;display:block;text-align:center;
  }
  .btn-bul:hover{background:var(--gold-soft);color:var(--gold)}

  .legal-row{
    text-align:center;margin-top:18px;
    padding-top:14px;border-top:1px solid var(--line);
  }
  .legal-link{
    color:var(--mute);text-decoration:none;
    font-size:.7rem;margin:0 8px;cursor:pointer;
    background:none;border:none;transition:color .15s;
  }
  .legal-link:hover{color:var(--gold)}

  /* REGISTRATION */
  .reg-overlay{
    position:fixed;inset:0;
    background:rgba(6,17,43,.92);
    backdrop-filter:blur(10px);
    z-index:500;
    display:flex;align-items:flex-start;justify-content:center;
    padding:20px;
    overflow-y:auto;
    animation:overlayIn .4s ease-out;
  }
  @keyframes overlayIn{
    from{opacity:0;backdrop-filter:blur(0px)}
    to{opacity:1;backdrop-filter:blur(10px)}
  }
  .reg-modal{
    width:100%;max-width:480px;
    margin:auto;
    background:linear-gradient(to bottom,var(--navy-card-2),var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:16px;
    box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 60px rgba(212,174,108,.12);
    overflow:visible;animation:modalIn .5s cubic-bezier(.4,0,.2,1);
  }
  @keyframes modalIn{
    from{opacity:0;transform:translateY(20px) scale(.96)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
  .reg-head{
    padding:24px 24px 18px;text-align:center;
    border-bottom:1px solid var(--line);background:var(--navy-deep);
    position:relative;
  }
  .reg-close{
    position:absolute;
    top:14px;right:14px;
    width:34px;height:34px;
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    border-radius:8px;
    cursor:pointer;
    display:grid;place-items:center;
    font-size:.95rem;
    transition:all .15s;
    z-index:5;
  }
  .reg-close:hover{
    background:rgba(233,92,102,.1);
    border-color:var(--bad);
    color:var(--bad);
  }
  .reg-cancel{
    width:100%;
    padding:12px;
    margin-top:10px;
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    border-radius:10px;
    cursor:pointer;
    font-size:.85rem;
    font-weight:600;
    transition:all .15s;
    letter-spacing:.5px;
  }
  .reg-cancel:hover{
    border-color:var(--gold);
    color:var(--gold);
    background:var(--gold-soft);
  }
  .reg-cancel i{margin-right:6px}
  .reg-mark{
    width:96px;height:96px;margin:0 auto 14px;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    border-radius:20px;display:grid;place-items:center;
    padding:6px;
    box-shadow:0 8px 28px rgba(212,174,108,.4);
    overflow:hidden;
  }
  .reg-mark img{
    width:100%;height:100%;
    object-fit:contain;
    border-radius:14px;
  }
  .reg-title{
    font-size:1.3rem;color:var(--gold);
    font-weight:800;letter-spacing:.5px;margin-bottom:5px;
  }
  .reg-subtitle{font-size:.85rem;color:var(--ink-2);line-height:1.5}
  .reg-body{padding:22px 24px}
  .reg-remember-hint{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 14px;
    margin-bottom:18px;
    background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(34,197,94,.04));
    border:1px solid rgba(34,197,94,.4);
    border-radius:10px;
    color:var(--ink);
    font-size:.78rem;
    line-height:1.4;
    animation:hintIn .4s ease-out;
  }
  @keyframes hintIn{
    from{opacity:0;transform:translateY(-6px)}
    to{opacity:1;transform:translateY(0)}
  }
  .reg-remember-hint > i:first-child{
    color:#22c55e;
    font-size:1.1rem;
    flex-shrink:0;
  }
  .reg-remember-hint > span{flex:1;min-width:0}
  .reg-forget-btn{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    padding:5px 11px;
    border-radius:6px;
    font-size:.7rem;
    font-weight:600;
    cursor:pointer;
    transition:all .15s;
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    gap:5px;
  }
  .reg-forget-btn:hover{
    border-color:var(--bad);
    color:var(--bad);
    background:rgba(239,68,68,.08);
  }
  .reg-row{margin-bottom:14px}
  .reg-row.split{display:flex;gap:10px}
  .reg-row.split>*{flex:1}
  .reg-label{
    display:block;font-size:.72rem;color:var(--mute);
    text-transform:uppercase;letter-spacing:1.2px;
    margin-bottom:6px;font-weight:600;
  }
  .reg-label .req{color:var(--bad);margin-left:3px}
  .reg-input{
    width:100%;background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:8px;color:var(--ink);
    padding:11px 14px;font-size:.92rem;
    font-family:inherit;transition:border .2s;outline:none;
  }
  .reg-input::placeholder{color:#566a8c}
  .reg-input:focus{border-color:var(--gold)}
  .reg-input.error{border-color:var(--bad)}
  .reg-error{font-size:.7rem;color:var(--bad);margin-top:5px;display:none}
  .reg-error.show{display:block}

  .reg-radios{display:flex;gap:8px}
  .reg-radio{
    flex:1;background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:8px;padding:11px;cursor:pointer;
    text-align:center;font-size:.88rem;color:var(--ink-2);
    transition:all .15s;user-select:none;
  }
  .reg-radio.active{
    border-color:var(--gold);background:var(--gold-soft);
    color:var(--gold);font-weight:600;
  }
  .reg-checkbox-row{
    display:flex;align-items:flex-start;gap:10px;
    padding:10px 12px;background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:8px;cursor:pointer;
  }
  .reg-checkbox{
    width:18px;height:18px;flex-shrink:0;margin-top:1px;
    border:1px solid var(--line-strong);
    background:var(--navy-deep);
    border-radius:4px;display:grid;place-items:center;
    color:var(--gold);transition:all .15s;
  }
  .reg-checkbox.checked{
    background:var(--gold);border-color:var(--gold);color:#06112b;
  }
  .reg-checkbox-text{font-size:.78rem;color:var(--ink-2);line-height:1.4}

  .reg-submit{
    width:100%;
    background:linear-gradient(to bottom,var(--gold),var(--gold-2));
    color:#06112b;border:none;padding:14px;
    border-radius:10px;font-weight:800;
    font-size:.95rem;letter-spacing:1.5px;
    text-transform:uppercase;cursor:pointer;
    margin-top:6px;transition:all .2s;
    box-shadow:0 4px 18px rgba(212,174,108,.25);
  }
  .reg-submit:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 24px rgba(212,174,108,.4);
  }
  .reg-foot{
    text-align:center;padding:14px;
    border-top:1px solid var(--line);
    background:var(--navy-deep);
    font-size:.7rem;color:var(--mute);
  }
  .reg-foot i{color:var(--gold);margin-right:5px}

  /* ============ SKIP TO MAIN (erişilebilirlik) ============ */
  /* Klavye/screen reader kullanıcıları için "ana içeriğe atla" linki */
  .skip-link{
    position:absolute;
    top:-50px;
    left:8px;
    background:var(--gold);
    color:var(--navy-deep);
    padding:10px 18px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
    font-size:.85rem;
    z-index:100000;
    transition:top .2s ease;
    box-shadow:0 4px 12px rgba(0,0,0,.4);
  }
  .skip-link:focus,
  .skip-link:focus-visible{
    top:8px;
    outline:2px solid var(--ink);
    outline-offset:2px;
  }

  /* ============ TOAST NOTIFICATION ============ */
  .toast-container{
    position:fixed;
    top:80px;
    right:16px;
    z-index:10000;
    display:flex;
    flex-direction:column;
    gap:10px;
    pointer-events:none;
    max-width:360px;
  }
  @media (max-width:560px){
    .toast-container{
      top:70px;
      right:8px;
      left:8px;
      max-width:none;
    }
  }
  .toast{
    pointer-events:auto;
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--line-strong);
    border-left:3px solid var(--gold);
    border-radius:10px;
    padding:12px 16px;
    box-shadow:0 8px 24px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);
    backdrop-filter:blur(10px);
    display:flex;
    gap:12px;
    align-items:flex-start;
    animation:toastIn .35s cubic-bezier(.34,1.56,.64,1);
    max-width:100%;
  }
  .toast.toast-out{animation:toastOut .25s ease-in forwards}
  .toast.success{border-left-color:var(--good)}
  .toast.error{border-left-color:var(--bad)}
  .toast.warning{border-left-color:#f59e0b}
  .toast.info{border-left-color:#3b82f6}
  .toast-icon{
    font-size:1.2rem;
    line-height:1;
    flex-shrink:0;
    margin-top:1px;
  }
  .toast-body{
    flex:1;
    min-width:0;
  }
  .toast-title{
    font-size:.72rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.6px;
    color:var(--gold);
    margin-bottom:3px;
  }
  .toast.success .toast-title{color:var(--good)}
  .toast.error .toast-title{color:var(--bad)}
  .toast.warning .toast-title{color:#f59e0b}
  .toast.info .toast-title{color:#3b82f6}
  .toast-message{
    font-size:.78rem;
    color:var(--ink-2);
    line-height:1.45;
    word-wrap:break-word;
  }
  .toast-close{
    background:transparent;
    border:none;
    color:var(--mute);
    cursor:pointer;
    font-size:1rem;
    padding:0 0 0 8px;
    line-height:1;
    flex-shrink:0;
    transition:color .15s;
  }
  .toast-close:hover{color:var(--ink)}
  @keyframes toastIn{
    from{transform:translateX(120%);opacity:0}
    to{transform:translateX(0);opacity:1}
  }
  @keyframes toastOut{
    from{transform:translateX(0);opacity:1}
    to{transform:translateX(120%);opacity:0}
  }

  /* ============ TOP NAV BAR ============ */
  .topnav{
    background:var(--navy-deep);
    border-bottom:1px solid var(--line);
    padding:10px 16px;
    display:flex;align-items:flex-start;justify-content:space-between;
    gap:12px;
  }
  /* === SOL ÜST: LOGO + DEVİRX YAZISI + HAMBURGER === */
  .topnav-left{
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:flex-start;
  }
  .topnav-brand{
    display:flex;
    align-items:center;
    gap:9px;
    cursor:pointer;
    padding:2px 4px 2px 0;
    border-radius:8px;
    transition:transform .15s;
  }
  .topnav-brand:hover{ transform:translateX(2px); }
  .topnav-logo{
    width:40px;height:40px;
    background:#fff;
    border-radius:9px;
    padding:3px;
    box-shadow:0 4px 12px rgba(212,174,108,.25);
    flex-shrink:0;
    display:grid;place-items:center;
    overflow:hidden;
  }
  .topnav-logo img{
    width:100%;height:100%;
    object-fit:contain;
    border-radius:6px;
  }
  .topnav-name{
    font-size:1.05rem;
    font-weight:900;
    color:var(--gold);
    letter-spacing:2.5px;
    line-height:1;
    white-space:nowrap;
  }
  .topnav-name em{ font-style:italic; opacity:.85; }
  .nav-hamburger{
    background:linear-gradient(135deg, rgba(212,174,108,.18), rgba(212,174,108,.08));
    border:1.5px solid var(--gold);
    color:var(--gold);
    height:40px;
    padding:0 14px;
    border-radius:9px;
    cursor:pointer;
    display:flex;align-items:center;gap:8px;
    font-size:1rem;
    transition:all .2s ease;
    box-shadow:0 2px 8px rgba(212,174,108,.18);
  }
  .nav-hamburger .nav-hamburger-label{
    font-size:.78rem;
    font-weight:800;
    color:var(--gold);
    letter-spacing:2.5px;
    line-height:1;
    font-family:'Plus Jakarta Sans', 'Inter', sans-serif;
  }
  .nav-hamburger:hover{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-content);
    border-color:var(--gold-2);
    box-shadow:0 4px 14px rgba(212,174,108,.45);
    transform:translateY(-1px);
  }
  .nav-hamburger:hover .nav-hamburger-label{
    color:var(--navy-content);
  }
  .nav-breadcrumb{
    flex:1;
    font-size:.75rem;
    color:var(--mute);
    letter-spacing:1.2px;
    text-transform:uppercase;
    text-align:center;
  }
  .nav-breadcrumb a{
    color:var(--ink-2);text-decoration:none;
    transition:color .15s;
  }
  .nav-breadcrumb a:hover{color:var(--gold)}
  .nav-breadcrumb .sep{margin:0 8px;color:var(--line-strong)}
  .nav-breadcrumb .cur{color:var(--gold);font-weight:600}

  /* ============ HAMBURGER DRAWER ============ */
  .drawer-backdrop{
    position:fixed;inset:0;
    background:rgba(6,17,43,.7);
    backdrop-filter:blur(6px);
    z-index:550;
    opacity:0;pointer-events:none;
    transition:opacity .3s;
  }
  .drawer-backdrop.open{opacity:1;pointer-events:auto}
  .drawer{
    position:fixed;
    top:0;left:0;bottom:0;
    width:300px;max-width:85vw;
    background:var(--navy-card-2);
    border-right:1px solid var(--gold-2);
    z-index:560;
    transform:translateX(-100%);
    transition:transform .35s cubic-bezier(.4,0,.2,1);
    display:flex;flex-direction:column;
    box-shadow:8px 0 40px rgba(0,0,0,.5);
  }
  .drawer.open{transform:translateX(0)}
  .drawer-head{
    padding:20px;
    border-bottom:1px solid var(--line);
    background:var(--navy-deep);
    display:flex;align-items:center;justify-content:space-between;
  }
  .drawer-brand{
    display:flex;align-items:center;gap:11px;
  }
  .drawer-mark{
    width:38px;height:38px;
    background:#fff;
    border-radius:9px;
    display:grid;place-items:center;
    overflow:hidden;
    padding:3px;
    box-shadow:0 4px 14px rgba(0,0,0,.4),0 0 0 1px var(--gold-2);
  }
  .drawer-mark img{
    width:100%;height:100%;object-fit:contain;
    border-radius:6px;
  }
  .drawer-name{
    color:var(--gold);font-weight:800;
    font-size:1rem;letter-spacing:.5px;
  }
  .drawer-name em{font-style:italic}
  .drawer-close{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    width:32px;height:32px;
    border-radius:8px;cursor:pointer;
    display:grid;place-items:center;
    font-size:.85rem;
    transition:all .15s;
  }
  .drawer-close:hover{color:var(--gold);border-color:var(--gold)}
  .drawer-body{
    flex:1;overflow-y:auto;
    padding:14px 0;
  }
  .drawer-section{
    padding:8px 20px 6px;
    font-size:.65rem;color:var(--mute);
    text-transform:uppercase;letter-spacing:1.5px;
    font-weight:700;
  }
  .drawer-link{
    display:flex;align-items:center;gap:13px;
    padding:13px 20px;
    color:var(--ink-2);
    text-decoration:none;
    font-size:.92rem;
    cursor:pointer;
    border:none;background:transparent;
    width:100%;text-align:left;
    transition:all .15s;
  }
  .drawer-link:hover{
    background:var(--gold-soft);
    color:var(--gold);
  }
  .drawer-link i{
    width:20px;color:var(--mute);
    text-align:center;font-size:.95rem;
  }
  .drawer-link:hover i{color:var(--gold)}
  .drawer-link.active{
    background:linear-gradient(to right,var(--gold-soft),transparent);
    color:var(--gold);
    border-left:3px solid var(--gold);
    padding-left:17px;
  }
  .drawer-link.active i{color:var(--gold)}
  .drawer-link .badge{
    margin-left:auto;
    background:var(--line-strong);
    color:var(--ink-2);
    padding:2px 7px;
    border-radius:9px;
    font-size:.65rem;
    font-weight:600;
  }
  .drawer-link .badge.new{
    background:var(--bad);
    color:#fff;
  }
  .drawer-link .badge.gold{
    background:var(--gold);
    color:#06112b;
  }
  /* "0" değerli badge'leri gizle (sadece >0 olanları göster) */
  .drawer-link .badge[data-zero-hide]:empty,
  .drawer-sublink .badge[data-zero-hide]:empty,
  .drawer-link .badge.is-zero,
  .drawer-sublink .badge.is-zero{
    display:none;
  }
  /* Expandable parent link */
  .drawer-link.has-sub::after{
    content:'\f078';
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    margin-left:auto;
    font-size:.7rem;
    opacity:.5;
    transition:transform .25s;
  }
  .drawer-link.has-sub.expanded::after{
    transform:rotate(-180deg);
    opacity:1;
    color:var(--gold);
  }
  .drawer-link.has-sub.expanded{
    color:var(--gold);
    background:rgba(212,174,108,.05);
  }
  .drawer-link.has-sub.expanded i{color:var(--gold)}
  /* Submenu */
  .drawer-sublist{
    max-height:0;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(6,17,43,.7),rgba(6,17,43,.4));
    transition:max-height .4s cubic-bezier(.4,0,.2,1);
    border-left:2px solid var(--gold-2);
    margin-left:18px;
    border-radius:0 0 0 4px;
  }
  .drawer-sublist.open{
    max-height:700px;
  }
  .drawer-sublink{
    display:flex;align-items:center;gap:11px;
    padding:11px 18px 11px 16px;
    color:#a8b3cc;
    text-decoration:none;
    font-size:.83rem;
    cursor:pointer;
    border:none;background:transparent;
    width:100%;text-align:left;
    transition:all .2s cubic-bezier(.4,0,.2,1);
    position:relative;
    margin:1px 0;
    border-radius:8px;
    letter-spacing:.2px;
    /* Slide-in animation */
    opacity:0;
    transform:translateX(-8px);
  }
  .drawer-sublist.open .drawer-sublink{
    opacity:1;
    transform:translateX(0);
  }
  /* Sıralı animasyon */
  .drawer-sublist.open .drawer-sublink:nth-child(1){transition-delay:.04s}
  .drawer-sublist.open .drawer-sublink:nth-child(2){transition-delay:.08s}
  .drawer-sublist.open .drawer-sublink:nth-child(3){transition-delay:.12s}
  .drawer-sublist.open .drawer-sublink:nth-child(4){transition-delay:.16s}
  .drawer-sublist.open .drawer-sublink:nth-child(5){transition-delay:.20s}
  .drawer-sublist.open .drawer-sublink:nth-child(6){transition-delay:.24s}
  .drawer-sublist.open .drawer-sublink:nth-child(7){transition-delay:.28s}
  .drawer-sublist.open .drawer-sublink:nth-child(8){transition-delay:.32s}

  /* İkon kapsülü */
  .drawer-sublink i:first-child{
    width:28px;height:28px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(212,174,108,.15);
    border-radius:7px;
    display:grid;place-items:center;
    font-size:.78rem;
    color:#9aa5bd;
    transition:all .2s;
    flex-shrink:0;
  }
  /* Hover efekti */
  .drawer-sublink:hover{
    background:linear-gradient(90deg,var(--gold-soft),transparent 80%);
    color:var(--gold);
    padding-left:20px;
  }
  .drawer-sublink:hover i:first-child{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:#06112b;
    border-color:var(--gold);
    transform:scale(1.08);
    box-shadow:0 3px 10px rgba(212,174,108,.35);
  }
  /* Hover'da sağda ok belirir */
  .drawer-sublink::after{
    content:'\\f054';
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    margin-left:auto;
    font-size:.65rem;
    color:var(--gold);
    opacity:0;
    transform:translateX(-4px);
    transition:all .2s;
  }
  .drawer-sublink:hover::after{
    opacity:1;
    transform:translateX(0);
  }
  /* Eski connector çizgisini kaldır */
  .drawer-sublink::before{display:none}

  .drawer-sublink .badge{
    background:rgba(255,255,255,.06);
    color:#a8b3cc;
    padding:2px 8px;
    border-radius:9px;
    font-size:.62rem;
    font-weight:700;
    letter-spacing:.5px;
    border:1px solid var(--line);
    margin-left:0;
  }
  .drawer-sublink:hover .badge{
    background:var(--gold-soft);
    color:var(--gold);
    border-color:var(--gold-2);
  }
  .drawer-sublink .badge.new{
    background:var(--bad);color:#fff;
    border-color:transparent;
    animation:badgePulse 2s infinite;
  }
  /* Ok ikonu (sublink ::after) ile badge çakışmaması için */
  .drawer-sublink:has(.badge)::after{display:none}
  @keyframes badgePulse{
    0%,100%{opacity:1}
    50%{opacity:.55}
  }
  .drawer-divider{
    height:1px;background:var(--line);
    margin:10px 20px;
  }
  .drawer-foot{
    padding:14px 20px;
    border-top:1px solid var(--line);
    background:var(--navy-deep);
    font-size:.7rem;color:var(--mute);
    text-align:center;
  }
  .drawer-foot a{color:var(--gold);text-decoration:none}

  /* ============ BIG MIC ============ */
  .big-mic-wrap{
    text-align:center;
    margin:8px auto 24px;
    position:relative;
  }
  .big-mic-rings{
    position:relative;
    width:130px;height:130px;
    margin:0 auto;
    display:grid;place-items:center;
  }
  .big-mic-ring{
    position:absolute;inset:0;
    border-radius:50%;
    border:1px solid var(--line-strong);
  }
  .big-mic-ring.r2{
    inset:10px;
    border-style:dashed;
    border-color:rgba(212,174,108,.3);
  }
  .big-mic{
    position:relative;z-index:2;
    width:90px;height:90px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);  /* derin lacivert - net görünür */
    border:2px solid rgba(255,255,255,.25);
    cursor:pointer;
    display:grid;place-items:center;
    font-size:2.1rem;
    transition:all .25s;
    box-shadow:
      0 10px 32px rgba(212,174,108,.5),
      inset 0 -3px 10px rgba(10,31,71,.22),
      inset 0 2px 5px rgba(255,255,255,.4);
    text-shadow:0 1px 2px rgba(255,255,255,.4);
    overflow:hidden;
  }
  .big-mic::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.5),transparent 52%);
    pointer-events:none;
  }
  .big-mic:hover{
    transform:scale(1.05);
    box-shadow:0 10px 40px rgba(212,174,108,.5);
  }
  .big-mic.recording{
    background:linear-gradient(135deg,var(--bad),#c04450);
    color:#fff;
    animation:bigMicPulse 1.4s infinite;
  }
  @keyframes bigMicPulse{
    0%,100%{box-shadow:0 8px 30px rgba(233,92,102,.4),0 0 0 0 rgba(233,92,102,.5)}
    50%{box-shadow:0 8px 30px rgba(233,92,102,.4),0 0 0 18px rgba(233,92,102,0)}
  }
  .big-mic-label{
    margin-top:14px;
    font-size:.75rem;
    color:var(--mute);
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight:600;
  }
  .big-mic-label .em{
    color:var(--gold);
    font-weight:700;
  }
  .big-mic-hint{
    font-size:.7rem;
    color:var(--mute);
    margin-top:4px;
    letter-spacing:.5px;
  }

  /* ============ EDIT LAST BUTTON ============ */
  .edit-last-btn{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    padding:5px 10px;
    border-radius:7px;
    font-size:.7rem;
    cursor:pointer;
    margin-left:auto;
    margin-top:8px;
    transition:all .15s;
  }
  .edit-last-btn:hover{
    border-color:var(--gold);
    color:var(--gold);
  }
  .edit-last-btn i{margin-right:4px}

  /* ============ FOTO PREVIEW + SİLME ============ */
  .preview-img-wrap{
    position:relative;
    display:inline-block;
  }
  .preview-img-del{
    position:absolute;
    top:-6px;right:-6px;
    width:20px;height:20px;
    background:var(--bad);
    border:1.5px solid var(--navy-deep);
    border-radius:50%;
    color:#fff;
    cursor:pointer;
    display:grid;place-items:center;
    font-size:.65rem;
    padding:0;
    transition:all .15s;
    box-shadow:0 2px 6px rgba(0,0,0,.4);
  }
  .preview-img-del:hover{
    transform:scale(1.15);
    background:#d04450;
  }

  /* ============ LOGO ============ */
  .brand-block{
    display:flex;flex-direction:column;align-items:center;
    margin:18px 0 8px;
  }
  .brand-logo{
    width:96px;height:96px;
    border-radius:22px;
    background:#fff;
    padding:8px;
    box-shadow:0 14px 38px rgba(0,0,0,.5),0 0 0 1px var(--gold-2);
    display:grid;place-items:center;
    overflow:hidden;
  }
  .brand-logo img{
    width:100%;height:100%;object-fit:contain;
    border-radius:14px;
  }
  .brand-name{
    margin-top:14px;
    font-family:'IBM Plex Serif',serif;
    font-size:2.1rem;
    font-weight:800;
    color:var(--gold);
    letter-spacing:6px;
  }
  .brand-name em{
    font-style:italic;
    color:var(--gold-2);
  }
  .brand-tagline{
    font-size:.7rem;
    color:var(--mute);
    letter-spacing:3px;
    text-transform:uppercase;
    margin-top:4px;
  }

  /* ============ ANA SAYFA HERO ============ */
  .home-view{display:block}
  .assistant-view{display:none}
  body.is-assistant .home-view{display:none}
  body.is-assistant .assistant-view{display:block}

  .hero-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px;
    margin:32px auto 24px;
    max-width:920px;
  }
  .hero-card{
    position:relative;
    background:linear-gradient(155deg,var(--navy-card),var(--navy-card-2));
    border:1px solid var(--line-strong);
    border-radius:18px;
    padding:34px 28px;
    cursor:pointer;
    transition:all .25s;
    overflow:hidden;
    text-align:center;
  }
  .hero-card::before{
    content:'';
    position:absolute;inset:0;
    background:radial-gradient(circle at 50% -10%,rgba(212,174,108,.12),transparent 60%);
    pointer-events:none;
  }
  .hero-card:hover{
    border-color:var(--gold);
    transform:translateY(-3px);
    box-shadow:0 18px 44px rgba(0,0,0,.4),0 0 0 1px rgba(212,174,108,.3);
  }
  .hero-card.primary,
  .hero-card.secondary{
    background:linear-gradient(155deg,#1a2a4f,#0f1d3c);
    border-color:var(--gold-2);
  }
  .hero-card.primary:hover,
  .hero-card.secondary:hover{
    background:linear-gradient(155deg,#1f3361,#152547);
  }
  .hero-card-icon{
    width:78px;height:78px;
    border-radius:50%;
    margin:0 auto 18px;
    display:grid;place-items:center;
    font-size:2rem;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);  /* derin lacivert - altın üzerinde net görünür */
    box-shadow:
      0 12px 32px rgba(212,174,108,.45),
      inset 0 -2px 8px rgba(10,31,71,.2),
      inset 0 2px 4px rgba(255,255,255,.35);
    text-shadow:0 1px 2px rgba(255,255,255,.4);
    position:relative;
    overflow:hidden;
    border:2px solid rgba(255,255,255,.25);
  }
  .hero-card-icon::after{
    content:'';
    position:absolute;
    inset:0;
    border-radius:50%;
    background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.55),transparent 52%);
    pointer-events:none;
  }
  /* İkinci kart da AYNI altın daire — sadece kart arka planları farklı kalsın */
  .hero-card.secondary .hero-card-icon{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border:2px solid rgba(255,255,255,.25);
    box-shadow:
      0 12px 32px rgba(212,174,108,.4),
      inset 0 -2px 8px rgba(10,31,71,.2),
      inset 0 2px 4px rgba(255,255,255,.35);
    text-shadow:0 1px 2px rgba(255,255,255,.4);
  }
  .hero-card.secondary .hero-card-icon::after{
    background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.55),transparent 52%);
  }
  .hero-card-title{
    font-size:1.15rem;
    font-weight:800;
    color:var(--ink);
    letter-spacing:1.5px;
    margin-bottom:8px;
    text-transform:uppercase;
  }
  .hero-card-desc{
    font-size:.84rem;
    color:var(--ink-2);
    line-height:1.55;
    margin-bottom:18px;
    min-height:42px;
  }
  .hero-card-cta{
    display:inline-flex;align-items:center;gap:8px;
    padding:9px 18px;
    border-radius:9px;
    font-size:.78rem;font-weight:700;
    letter-spacing:1.4px;text-transform:uppercase;
  }
  .hero-card.primary .hero-card-cta,
  .hero-card.secondary .hero-card-cta{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border:1px solid var(--gold-2);
    box-shadow:0 4px 14px rgba(212,174,108,.3);
  }

  /* "İLAN BUL" büyük ortalanmış başlık */
  .hero-title-big{
    font-size:2.2rem !important;
    font-weight:900 !important;
    text-align:center !important;
    letter-spacing:3px !important;
    text-transform:uppercase;
    color:var(--gold) !important;
    margin:8px 0 14px !important;
    text-shadow:0 2px 12px rgba(212,174,108,.3);
    line-height:1.1;
  }
  @media (max-width:560px){
    .hero-title-big{font-size:1.7rem !important;letter-spacing:2px !important}
  }

  /* 3 altın mod butonu */
  .hero-card-modes{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:14px;
  }
  .hero-mode-btn{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border:1px solid var(--gold-2);
    padding:14px 8px;
    border-radius:11px;
    font-weight:800;
    cursor:pointer;
    transition:all .2s;
    box-shadow:0 4px 14px rgba(212,174,108,.35);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:84px;
    font-family:inherit;
    text-align:center;
    line-height:1.25;
  }
  .hero-mode-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 22px rgba(212,174,108,.55);
    filter:brightness(1.05);
  }
  .hero-mode-btn:active{transform:translateY(-1px)}
  .hero-mode-ic{
    width:36px;height:36px;
    background:rgba(10,31,71,.18);
    border-radius:9px;
    display:grid;place-items:center;
    font-size:1.1rem;
    color:var(--navy-content);
    flex-shrink:0;
  }
  .hero-mode-label{
    font-size:.78rem;
    font-weight:800;
    letter-spacing:.3px;
    line-height:1.25;
  }
  @media (max-width:560px){
    .hero-card-modes{gap:6px}
    .hero-mode-btn{padding:11px 4px;min-height:76px}
    .hero-mode-ic{width:30px;height:30px;font-size:.95rem}
    .hero-mode-label{font-size:.7rem}
  }

  /* Ana sayfa info şeritleri */
  .home-features{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    max-width:920px;
    margin:24px auto 40px;
  }
  /* Tek sütunlu varyant (Saniyeler İçinde + Yapay Zeka kaldırıldı) */
  .home-features-single{
    grid-template-columns:1fr;
    max-width:680px;
  }

  /* ====== ÖZEL SEKTÖR KAPILARI — Marine / Otomotiv / Havacılık ====== */
  .sektorler-section{
    max-width:1100px;
    margin:18px auto 16px;
    padding:0 16px;
  }
  .sektorler-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
  }
  .sektor-kart{
    position:relative;
    border-radius:4px;
    overflow:hidden;
    cursor:pointer;
    text-decoration:none;
    display:block;
    background:var(--card-bg);
    border:2px solid #d4ae6c;
    transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s ease;
    box-shadow:0 2px 14px rgba(0,0,0,.3);
  }
  .sektor-kart:hover{
    transform:translateY(-5px) scale(1.012);
    box-shadow:0 14px 36px rgba(0,0,0,.5);
    text-decoration:none;
  }
  /* Marine: Okyanus Mavisi */
  /* Marine — Altın tema */
  .sektor-kart.marine{ border-color:#d4ae6c; border-width:2px; }
  .sektor-kart.marine .sektor-bg{
    background:linear-gradient(150deg,rgba(212,174,108,.08) 0%,rgba(164,127,58,.03) 60%,transparent 100%);
  }
  .sektor-kart.marine .sektor-renk-bar{ background:linear-gradient(90deg,#d4ae6c,#a47f3a,#d4ae6c); }
  .sektor-kart.marine .sektor-icon{ color:#d4ae6c; text-shadow:0 0 24px rgba(212,174,108,.5); }
  .sektor-kart.marine:hover .sektor-icon{ text-shadow:0 0 40px rgba(212,174,108,.8); }
  .sektor-kart.marine .sektor-etiket:first-child{ background:rgba(212,174,108,.12); border-color:rgba(212,174,108,.35); color:#d4ae6c; }
  .sektor-kart.marine .sektor-btn{ border-color:rgba(212,174,108,.4);color:#d4ae6c;background:rgba(212,174,108,.07); }
  .sektor-kart.marine:hover .sektor-btn{ background:rgba(212,174,108,.18); }
  .sektor-kart.marine:hover{ border-color:rgba(212,174,108,.7); box-shadow:0 14px 36px rgba(0,0,0,.5),0 0 0 1px rgba(212,174,108,.3); }

  /* Otomotiv — Altın tema */
  .sektor-kart.otomotiv{ border-color:#d4ae6c; border-width:2px; }
  .sektor-kart.otomotiv .sektor-bg{
    background:linear-gradient(150deg,rgba(212,174,108,.08) 0%,rgba(164,127,58,.03) 60%,transparent 100%);
  }
  .sektor-kart.otomotiv .sektor-renk-bar{ background:linear-gradient(90deg,#d4ae6c,#a47f3a,#d4ae6c); }
  .sektor-kart.otomotiv .sektor-icon{ color:#d4ae6c; text-shadow:0 0 24px rgba(212,174,108,.5); }
  .sektor-kart.otomotiv:hover .sektor-icon{ text-shadow:0 0 40px rgba(212,174,108,.8); }
  .sektor-kart.otomotiv .sektor-etiket:first-child{ background:rgba(212,174,108,.12); border-color:rgba(212,174,108,.35); color:#d4ae6c; }
  .sektor-kart.otomotiv .sektor-btn{ border-color:rgba(212,174,108,.4);color:#d4ae6c;background:rgba(212,174,108,.07); }
  .sektor-kart.otomotiv:hover .sektor-btn{ background:rgba(212,174,108,.18); }
  .sektor-kart.otomotiv:hover{ border-color:rgba(212,174,108,.7); box-shadow:0 14px 36px rgba(0,0,0,.5),0 0 0 1px rgba(212,174,108,.3); }

  /* Havacılık — Altın tema */
  .sektor-kart.havacilik{ border-color:#d4ae6c; border-width:2px; }
  .sektor-kart.havacilik .sektor-bg{
    background:linear-gradient(150deg,rgba(212,174,108,.08) 0%,rgba(164,127,58,.03) 60%,transparent 100%);
  }
  .sektor-kart.havacilik .sektor-renk-bar{ background:linear-gradient(90deg,#d4ae6c,#a47f3a,#d4ae6c); }
  .sektor-kart.havacilik .sektor-icon{ color:#d4ae6c; text-shadow:0 0 24px rgba(212,174,108,.5); }
  .sektor-kart.havacilik:hover .sektor-icon{ text-shadow:0 0 40px rgba(212,174,108,.8); }
  .sektor-kart.havacilik .sektor-etiket:first-child{ background:rgba(212,174,108,.12); border-color:rgba(212,174,108,.35); color:#d4ae6c; }
  .sektor-kart.havacilik .sektor-btn{ border-color:rgba(212,174,108,.4);color:#d4ae6c;background:rgba(212,174,108,.07); }
  .sektor-kart.havacilik:hover .sektor-btn{ background:rgba(212,174,108,.18); }
  .sektor-kart.havacilik:hover{ border-color:rgba(212,174,108,.7); box-shadow:0 14px 36px rgba(0,0,0,.5),0 0 0 1px rgba(212,174,108,.3); }

  /* Ortak iç elemanlar */
  .sektor-bg{
    position:absolute;inset:0;z-index:0;
    transition:opacity .3s;
  }
  .sektor-renk-bar{
    position:absolute;bottom:0;left:0;right:0;
    height:2px;z-index:3;
    transform:scaleX(0);transform-origin:left;
    transition:transform .4s cubic-bezier(.22,1,.36,1);
  }
  .sektor-kart:hover .sektor-renk-bar{ transform:scaleX(1); }
  .sektor-ic{
    position:relative;z-index:1;
    display:flex;flex-direction:column;
    padding:18px 16px 16px;
    gap:12px;
  }
  .sektor-orta{
    display:flex;flex-direction:column;
    align-items:center;
    text-align:center;
  }
  .sektor-icon{
    font-size:2rem;
    display:block;
    margin-bottom:9px;
    transition:transform .3s ease, text-shadow .3s ease;
  }
  .sektor-kart:hover .sektor-icon{ transform:scale(1.1) translateY(-3px); }
  .sektor-adi{
    font-size:.95rem;
    font-weight:900;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#d4ae6c;
    line-height:1.2;
    margin-bottom:4px;
  }
  .sektor-adi em{ font-style:normal; color:#ffffff; }
  .sektor-tanim{
    font-size:.62rem;
    color:var(--ink);
    letter-spacing:1.5px;
    text-transform:uppercase;
  }
  .sektor-alt{ }
  .sektor-etiketler{
    display:flex;flex-wrap:wrap;gap:4px;
    margin-bottom:10px;
    justify-content:center;
  }
  .sektor-etiket{
    font-size:.57rem;
    letter-spacing:1px;
    color:var(--ink);
    background:rgba(255,255,255,.04);
    border:1px solid var(--line);
    border-radius:2px;
    padding:2px 6px;
    text-transform:uppercase;
  }
  .sektor-btn{
    display:flex;align-items:center;justify-content:center;gap:6px;
    width:100%;
    padding:8px 0;
    border-radius:2px;
    border:1px solid;
    font-size:.62rem;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    transition:background .2s,box-shadow .2s;
    font-family:'Courier New',monospace;
  }
  .sektor-btn i{ font-size:.6rem; }
  .sektor-kart:hover .sektor-btn{ box-shadow:0 0 16px rgba(0,0,0,.25); }

  /* Responsive */
  @media(max-width:700px){
    .sektorler-grid{ grid-template-columns:1fr; gap:10px; }
    .sektor-icon{ font-size:1.7rem; }
    .sektor-adi{ font-size:.85rem; }
  }
  @media(min-width:701px) and (max-width:900px){
    .sektorler-grid{ grid-template-columns:1fr 1fr; gap:12px; }
    .sektor-kart:last-child{ grid-column:1/-1; max-width:50%; margin:0 auto; width:100%; }
  }

  /* ====== DAVET BANNER (Kırmızı banner yerine) ====== */
  .invite-banner{
    max-width:1100px;
    margin:18px auto 14px;
    padding:0 14px;
    position:relative;
  }
  .invite-banner::before{
    content:'';
    position:absolute;
    inset:0 14px;
    background:linear-gradient(135deg, #1a3a5c 0%, #0f1f44 50%, #2a1a4a 100%);
    border:2px solid var(--gold);
    border-radius:14px;
    box-shadow:
      0 8px 32px rgba(212,174,108,.35),
      0 0 60px rgba(212,174,108,.18),
      inset 0 1px 0 rgba(255,255,255,.08);
    z-index:0;
    animation:invitePulse 3s ease-in-out infinite;
  }
  @keyframes invitePulse{
    0%, 100%{
      box-shadow:
        0 8px 32px rgba(212,174,108,.35),
        0 0 60px rgba(212,174,108,.18),
        inset 0 1px 0 rgba(255,255,255,.08);
    }
    50%{
      box-shadow:
        0 10px 40px rgba(212,174,108,.55),
        0 0 90px rgba(212,174,108,.35),
        inset 0 1px 0 rgba(255,255,255,.08);
    }
  }
  /* Arka plan kayan ikonlar */
  .invite-bg-track{
    position:absolute;
    inset:0 14px;
    border-radius:14px;
    overflow:hidden;
    z-index:1;
    display:flex;
    align-items:center;
    gap:38px;
    padding:0 12px;
    pointer-events:none;
    opacity:.18;
    filter:blur(2px);
    animation:inviteScroll 28s linear infinite;
    will-change:transform;
  }
  @keyframes inviteScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
  }
  .invite-bg-icon{
    font-size:2.5rem;
    flex-shrink:0;
    filter:drop-shadow(0 0 8px rgba(212,174,108,.6));
  }
  /* Ön plan: Yatay sürekli kayan multi-renkli mesajlar */
  .invite-fg{
    position:relative;
    z-index:2;
    padding:22px 0;
    text-align:center;
    overflow:hidden;
  }
  .invite-marquee{
    width:100%;
    overflow:hidden;
    mask-image:linear-gradient(to right, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%);
    -webkit-mask-image:linear-gradient(to right, transparent 0, #000 80px, #000 calc(100% - 80px), transparent 100%);
  }
  .invite-marquee-track{
    display:inline-flex;
    align-items:center;
    gap:36px;
    white-space:nowrap;
    animation:inviteMarqueeScroll 38s linear infinite;
    will-change:transform;
  }
  @keyframes inviteMarqueeScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
  }
  .invite-msg{
    font-size:1.08rem;
    font-weight:900;
    letter-spacing:.8px;
    text-transform:uppercase;
    line-height:1.2;
    flex-shrink:0;
    text-shadow:0 2px 8px rgba(0,0,0,.5);
  }
  .invite-sep{
    color:var(--gold);
    font-size:1.2rem;
    flex-shrink:0;
    opacity:.8;
    text-shadow:0 0 10px rgba(212,174,108,.6);
    animation:invSepSpin 4s linear infinite;
  }
  @keyframes invSepSpin{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
  }

  /* Mesaj renkleri */
  .invite-msg.msg-gold{
    color:#fcd34d;
    text-shadow:0 0 12px rgba(252,211,77,.6), 0 2px 6px rgba(0,0,0,.5);
  }
  .invite-msg.msg-blue{
    color:#7dd3fc;
    text-shadow:0 0 12px rgba(125,211,252,.6), 0 2px 6px rgba(0,0,0,.5);
  }
  .invite-msg.msg-green{
    color:#86efac;
    text-shadow:0 0 12px rgba(134,239,172,.6), 0 2px 6px rgba(0,0,0,.5);
  }
  .invite-msg.msg-pink{
    color:#f9a8d4;
    text-shadow:0 0 12px rgba(249,168,212,.6), 0 2px 6px rgba(0,0,0,.5);
  }
  .invite-msg.msg-purple{
    color:#c4b5fd;
    text-shadow:0 0 12px rgba(196,181,253,.6), 0 2px 6px rgba(0,0,0,.5);
  }

  /* Hover'da animasyon yavaşlasın */
  .invite-marquee:hover .invite-marquee-track{
    animation-duration:80s;
  }

  @media (max-width:768px){
    .invite-fg{padding:16px 0}
    .invite-msg{font-size:.9rem;letter-spacing:.5px}
    .invite-marquee-track{gap:26px}
    .invite-sep{font-size:1rem}
    .invite-bg-icon{font-size:2rem}
    .invite-bg-track{gap:28px}
  }
  @media (max-width:480px){
    .invite-msg{font-size:.78rem;letter-spacing:.3px}
    .invite-marquee-track{gap:20px;animation-duration:24s}
  }

  /* ====== ALTIN AKAN TEKLİFLER BANNER ====== */
  .offers-banner{
    max-width:1100px;
    margin:0 auto 24px;
    padding:0 14px;
    overflow:hidden;
  }
  .offers-track{
    display:flex;
    align-items:center;
    gap:30px;
    width:max-content;
    background:linear-gradient(135deg, var(--navy-deep-2), var(--navy-deep-2));
    border:1px solid var(--gold-2);
    border-radius:12px;
    padding:13px 0;
    box-shadow:0 6px 24px rgba(0,0,0,.3), 0 0 30px rgba(212,174,108,.1);
    animation:offersScroll 28s linear infinite;
    white-space:nowrap;
  }
  .offers-track:hover{
    animation-play-state:paused;
  }
  @keyframes offersScroll{
    0%{transform:translateX(0)}
    100%{transform:translateX(-50%)}
  }
  .offer-item{
    color:var(--gold);
    font-size:.92rem;
    font-weight:700;
    letter-spacing:.6px;
    text-transform:uppercase;
    white-space:nowrap;
    flex-shrink:0;
    text-shadow:0 1px 4px rgba(212,174,108,.2);
  }
  .offer-item b{
    color:#ffd76b;
    font-weight:900;
    text-shadow:0 0 12px rgba(255,215,107,.5);
  }
  .offer-divider{
    color:var(--gold-2);
    font-size:.7rem;
    flex-shrink:0;
    opacity:.6;
  }
  @media (max-width:560px){
    .offer-item{font-size:.7rem;letter-spacing:.4px}
    .offers-track{animation-duration:22s;gap:18px;padding:11px 0}
  }

  /* ====== VİTRİN İLANLARI - AKAN BANNER ====== */
  .vitrin-section{
    max-width:1100px;
    margin:30px auto 24px;
    padding:0 14px;
  }
  .vitrin-head{
    text-align:center;
    margin-bottom:14px;
  }
  .vitrin-title{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:1.35rem;
    font-weight:900;
    color:var(--gold);
    letter-spacing:3px;
    text-transform:uppercase;
    text-shadow:0 2px 12px rgba(212,174,108,.3);
  }
  .vitrin-title i{
    font-size:1.1rem;
    color:var(--gold-2);
    animation:vitrinStar 2.5s ease-in-out infinite;
  }
  @keyframes vitrinStar{
    0%, 100%{transform:rotate(0deg) scale(1)}
    50%{transform:rotate(20deg) scale(1.2)}
  }
  .vitrin-sub{
    color:var(--ink-2);
    font-size:.78rem;
    margin-top:5px;
    letter-spacing:.4px;
  }
  .vitrin-track-wrap{
    overflow:hidden;
    position:relative;
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:14px;
    padding:14px 0;
    box-shadow:0 8px 30px rgba(0,0,0,.25), 0 0 40px rgba(212,174,108,.08);
  }
  /* Yumuşak fade kenarlar */
  .vitrin-track-wrap::before,
  .vitrin-track-wrap::after{
    content:"";
    position:absolute;
    top:0;bottom:0;
    width:60px;
    z-index:2;
    pointer-events:none;
  }
  .vitrin-track-wrap::before{
    left:0;
    background:linear-gradient(to right, var(--navy-card), transparent);
  }
  .vitrin-track-wrap::after{
    right:0;
    background:linear-gradient(to left, var(--navy-card), transparent);
  }
  .vitrin-track{
    display:flex;
    gap:12px;
    width:max-content;
    animation:vitrinScroll 50s linear infinite;
  }
  .vitrin-track:hover{
    animation-play-state:paused;
  }
  @keyframes vitrinScroll{
    0%{transform:translateX(0)}
    100%{transform:translateX(-50%)}
  }
  /* Coming Soon popup animasyonları */
  @keyframes csIn{
    from{opacity:0}
    to{opacity:1}
  }
  @keyframes csCardIn{
    from{opacity:0;transform:translateY(-20px) scale(.95)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
  @keyframes csPulse{
    0%, 100%{transform:scale(1)}
    50%{transform:scale(1.08)}
  }
  .vitrin-card{
    width:240px;
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:11px;
    overflow:hidden;
    cursor:pointer;
    flex-shrink:0;
    transition:all .25s;
    text-decoration:none;
    color:var(--ink);
    display:flex;
    flex-direction:column;
  }
  .vitrin-card:hover{
    transform:translateY(-4px);
    border-color:var(--gold);
    box-shadow:0 10px 28px rgba(212,174,108,.3);
  }
  .vitrin-img{
    width:100%;
    height:140px;
    object-fit:cover;
    background:var(--navy-deep-2);
  }
  .vitrin-img-ph{
    width:100%;
    height:140px;
    background:linear-gradient(135deg, var(--navy-deep-2), #050b1f);
    display:grid;
    place-items:center;
    font-size:2.2rem;
    color:#1f2c4a;
  }
  .vitrin-card-body{
    padding:10px 12px;
    flex:1;
    display:flex;
    flex-direction:column;
    gap:4px;
  }
  .vitrin-card-tags{
    display:flex;
    gap:5px;
    margin-bottom:2px;
  }
  .vitrin-card-tag{
    font-size:.6rem;
    font-weight:700;
    padding:2px 7px;
    border-radius:4px;
    text-transform:uppercase;
    letter-spacing:.3px;
  }
  .vitrin-card-title{
    font-size:.85rem;
    font-weight:700;
    color:var(--ink);
    line-height:1.3;
    overflow:hidden;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    min-height:2.2em;
  }
  .vitrin-card-loc{
    font-size:.7rem;
    color:var(--ink-2);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .vitrin-card-loc i{color:var(--gold-2);font-size:.62rem;margin-right:3px}
  .vitrin-card-price{
    font-size:.92rem;
    font-weight:800;
    color:#22c55e;
    margin-top:auto;
  }
  .vitrin-empty{
    width:100%;
    padding:14px 0;
    overflow:hidden;
    position:relative;
    mask-image:linear-gradient(to right, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
    -webkit-mask-image:linear-gradient(to right, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
  }
  .vitrin-empty-track{
    display:inline-flex;
    align-items:center;
    gap:14px;
    white-space:nowrap;
    animation:vitEmptyScroll 50s linear infinite;
    will-change:transform;
  }
  @keyframes vitEmptyScroll{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
  }
  .vitrin-empty:hover .vitrin-empty-track{
    animation-duration:120s;  /* hover'da yavaşlat */
  }

  /* Görsel kart */
  .vit-card{
    flex-shrink:0;
    width:130px;
    height:90px;
    border-radius:11px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    box-shadow:0 4px 14px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.1);
    transition:transform .25s ease;
    cursor:default;
  }
  .vit-card:hover{
    transform:scale(1.06) translateY(-2px);
    box-shadow:0 8px 22px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.18);
  }
  .vit-emoji{
    font-size:2.4rem;
    line-height:1;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));
  }
  .vit-label{
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.5px;
    text-transform:uppercase;
    color:#fff;
    text-shadow:0 1px 3px rgba(0,0,0,.7);
  }

  /* 11 farklı renkli kart - her biri farklı kategori için */
  .vit-card.vit-c1{ background:linear-gradient(135deg, #16a34a, #15803d); }   /* Ev - yeşil */
  .vit-card.vit-c2{ background:linear-gradient(135deg, #ca8a04, #854d0e); }   /* Arsa - toprak */
  .vit-card.vit-c3{ background:linear-gradient(135deg, #dc2626, #991b1b); }   /* Fabrika - kırmızı */
  .vit-card.vit-c4{ background:linear-gradient(135deg, #0891b2, #155e75); }   /* Tesis - turkuaz */
  .vit-card.vit-c5{ background:linear-gradient(135deg, #2563eb, #1e3a8a); }   /* Dükkan - mavi */
  .vit-card.vit-c6{ background:linear-gradient(135deg, #7c3aed, #4c1d95); }   /* Apartman - mor */
  .vit-card.vit-c7{ background:linear-gradient(135deg, #ea580c, #9a3412); }   /* İnşaat - turuncu */
  .vit-card.vit-c8{ background:linear-gradient(135deg, #b91c1c, #7f1d1d); }   /* Araç - bordo */
  .vit-card.vit-c9{ background:linear-gradient(135deg, #65a30d, #365314); }   /* Tarım - olive */
  .vit-card.vit-c10{ background:linear-gradient(135deg, #d97706, #78350f); }  /* Akaryakıt - amber */
  .vit-card.vit-c11{ background:linear-gradient(135deg, #db2777, #831843); }  /* Devremülk - pembe */

  /* Aralarda akan altın slogan */
  .vit-slogan{
    flex-shrink:0;
    padding:0 22px;
    font-size:.95rem;
    font-weight:900;
    letter-spacing:1.2px;
    color:#fcd34d;
    text-shadow:0 0 14px rgba(252,211,77,.6), 0 2px 4px rgba(0,0,0,.6);
    text-transform:uppercase;
    animation:vitSloganGlow 2.5s ease-in-out infinite;
  }
  .vit-slogan.vit-slogan-2{
    color:#86efac;
    text-shadow:0 0 14px rgba(134,239,172,.6), 0 2px 4px rgba(0,0,0,.6);
  }
  @keyframes vitSloganGlow{
    0%, 100%{ opacity:.85; }
    50%{ opacity:1; transform:scale(1.03); }
  }

  /* Mobile uyumlu */
  @media (max-width:768px){
    .vit-card{ width:104px; height:74px; }
    .vit-emoji{ font-size:1.9rem; }
    .vit-label{ font-size:.6rem; }
    .vit-slogan{ font-size:.78rem; padding:0 14px; letter-spacing:.7px; }
    .vitrin-empty-track{ gap:10px; animation-duration:38s; }
  }
  @media (max-width:480px){
    .vit-card{ width:88px; height:64px; }
    .vit-emoji{ font-size:1.6rem; }
    .vit-label{ font-size:.55rem; }
    .vit-slogan{ font-size:.7rem; padding:0 10px; }
  }

  @media (max-width:560px){
    .vitrin-title{font-size:1.05rem;letter-spacing:2px}
    .vitrin-card{width:200px}
    .vitrin-img,.vitrin-img-ph{height:120px}
    .vitrin-track{animation-duration:35s}
  }
  .home-feature{
    text-align:center;
    padding:18px 14px;
    background:var(--navy-card);
    border:1px solid var(--line);
    border-radius:12px;
  }
  .home-feature-ic{
    width:44px;height:44px;
    border-radius:50%;
    background:var(--gold-soft);
    color:var(--gold);
    display:grid;place-items:center;
    font-size:1.05rem;
    margin:0 auto 10px;
  }
  .home-feature-t{
    font-size:.78rem;
    font-weight:700;
    color:var(--ink);
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:5px;
  }
  .home-feature-d{
    font-size:.72rem;
    color:var(--mute);
    line-height:1.5;
  }
  .home-feature-link{
    display:inline-flex;
    align-items:center;
    gap:5px;
    margin-top:6px;
    color:var(--gold);
    font-weight:700;
    text-decoration:none;
    font-size:.74rem;
    border-bottom:1px solid transparent;
    transition:all .15s;
    letter-spacing:.3px;
  }
  .home-feature-link:hover{
    color:var(--gold-2);
    border-bottom-color:var(--gold-2);
  }
  .home-feature-link i{
    font-size:.68rem;
    opacity:.85;
  }
  .ar-headline{
    display:block;
    color:var(--gold);
    font-size:.88rem;
    font-weight:600;
    letter-spacing:.3px;
    line-height:1.5;
    margin-bottom:8px;
    font-style:italic;
  }

  /* Asistan moduna geçince ana başlık küçülsün */
  body.is-assistant .main-title{
    font-size:1.15rem;
    margin-top:8px;
    line-height:1.35;
  }
  body.is-assistant .brand-block{
    margin:8px 0 4px;
  }
  body.is-assistant .brand-logo{width:60px;height:60px;border-radius:14px;padding:5px}
  body.is-assistant .brand-name{font-size:1.3rem;margin-top:8px;letter-spacing:4px}
  body.is-assistant .brand-tagline{display:none}
  body.is-assistant .subline{margin-bottom:14px}

  /* ============ SITE FOOTER ============ */
  .site-footer{
    margin-top:60px;
    background:linear-gradient(to bottom,transparent,var(--navy-deep) 30%);
    border-top:1px solid var(--gold-2);
    padding:40px 0 0;
  }
  .site-footer .footer-inner{
    max-width:1100px;
    margin:0 auto;
    padding:0 24px;
  }
  .footer-brand{
    text-align:center;
    margin-bottom:30px;
    padding-bottom:24px;
    border-bottom:1px dashed var(--line-strong);
  }
  .footer-brand-name{
    font-family:'IBM Plex Serif',serif;
    font-size:1.05rem;font-weight:800;
    color:var(--gold);
    letter-spacing:5px;
  }
  .footer-brand-name em{color:var(--gold-2);font-style:italic}
  .footer-brand-tag{
    font-size:.58rem;color:var(--mute);
    letter-spacing:2.5px;text-transform:uppercase;
    margin-top:6px;
  }
  .footer-cols{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-bottom:30px;
  }
  .footer-col h4{
    font-size:.65rem;
    color:var(--gold);
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:14px;
    padding-bottom:8px;
    border-bottom:1px solid var(--line);
  }
  .footer-col a, .footer-col button{
    display:block;
    color:var(--gold);
    text-decoration:none;
    background:none;border:none;padding:0;
    font-size:.68rem;
    line-height:1.7;
    cursor:pointer;
    transition:all .15s;
    text-align:left;
    letter-spacing:.3px;
    margin-bottom:6px;
  }
  .footer-col a:hover, .footer-col button:hover{
    color:var(--gold-2);
    transform:translateX(3px);
  }
  .footer-col a i, .footer-col button i{
    font-size:.72rem;
    margin-right:6px;
    opacity:.7;
    width:14px;
  }
  .footer-bottom{
    border-top:1px solid var(--line);
    padding:18px 0 24px;
    text-align:center;
    font-size:.6rem;
    color:var(--mute);
    letter-spacing:.5px;
  }
  .footer-bottom .copyright{
    color:var(--gold);
    font-weight:600;
  }
  .footer-bottom-links{
    margin-top:8px;
    display:flex;justify-content:center;
    gap:18px;flex-wrap:wrap;
  }
  .footer-bottom-links button{
    background:none;border:none;
    color:var(--mute);
    font-size:.7rem;
    cursor:pointer;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:color .15s;
  }
  .footer-bottom-links button:hover{color:var(--gold)}

  /* SOSYAL MEDYA */
  .footer-social{
    margin-top:28px;padding-top:26px;
    border-top:1px solid var(--line);
    text-align:center;
  }
  .footer-social-title{
    font-size:.6rem;
    color:var(--gold);
    text-transform:uppercase;
    letter-spacing:2.5px;
    font-weight:700;
    margin-bottom:14px;
  }
  .footer-social-icons{
    display:flex;justify-content:center;gap:10px;flex-wrap:wrap;
  }
  .social-ic{
    width:40px;height:40px;
    border-radius:50%;
    border:1px solid rgba(255,255,255,.08);
    color:#fff;
    display:grid;place-items:center;
    font-size:1.05rem;
    text-decoration:none;
    transition:transform .25s cubic-bezier(.4,0,.2,1), box-shadow .25s, filter .25s;
    cursor:pointer;
  }
  .social-ic:hover{
    transform:translateY(-3px) scale(1.08);
    filter:brightness(1.15) saturate(1.1);
  }
  /* Marka renkleri - default state */
  .social-ic.ig{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);box-shadow:0 4px 12px rgba(253,29,77,.35)}
  .social-ic.ig:hover{box-shadow:0 8px 22px rgba(253,29,77,.55)}
  .social-ic.fb{background:#1877f2;box-shadow:0 4px 12px rgba(24,119,242,.35)}
  .social-ic.fb:hover{box-shadow:0 8px 22px rgba(24,119,242,.55)}
  .social-ic.x{background:#000;border-color:rgba(255,255,255,.25);box-shadow:0 4px 12px rgba(0,0,0,.5)}
  .social-ic.x:hover{box-shadow:0 8px 22px rgba(0,0,0,.7)}
  .social-ic.li{background:#0a66c2;box-shadow:0 4px 12px rgba(10,102,194,.35)}
  .social-ic.li:hover{box-shadow:0 8px 22px rgba(10,102,194,.55)}
  .social-ic.yt{background:#ff0000;box-shadow:0 4px 12px rgba(255,0,0,.35)}
  .social-ic.yt:hover{box-shadow:0 8px 22px rgba(255,0,0,.55)}
  .social-ic.tt{background:linear-gradient(135deg,#25f4ee 0%,#000 50%,#fe2c55 100%);box-shadow:0 4px 12px rgba(254,44,85,.35)}
  .social-ic.tt:hover{box-shadow:0 8px 22px rgba(254,44,85,.55)}
  .social-ic.wa{background:#25d366;box-shadow:0 4px 12px rgba(37,211,102,.35)}
  .social-ic.wa:hover{box-shadow:0 8px 22px rgba(37,211,102,.55)}
  .social-ic.tg{background:linear-gradient(135deg,#37aee2,#1e96c8);box-shadow:0 4px 12px rgba(55,174,226,.35)}
  .social-ic.tg:hover{box-shadow:0 8px 22px rgba(55,174,226,.55)}
  .footer-disclaimer{
    background:rgba(212,174,108,.05);
    border:1px solid var(--line);
    border-radius:10px;
    padding:14px 18px;
    margin-bottom:24px;
    font-size:.62rem;
    color:var(--mute);
    line-height:1.6;
    text-align:center;
  }
  .footer-disclaimer strong{color:var(--gold)}

  /* ============ LEGAL MODAL ============ */
  .legal-modal{
    position:fixed;inset:0;
    background:rgba(6,17,43,.88);
    backdrop-filter:blur(10px);
    z-index:600;
    display:none;
    align-items:center;justify-content:center;
    padding:20px;
  }
  .legal-modal.show{display:flex}
  .legal-card{
    width:100%;max-width:760px;
    max-height:88vh;
    background:var(--navy-card-2);
    border:1px solid var(--gold-2);
    border-radius:16px;
    overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:0 30px 80px rgba(0,0,0,.6);
  }
  .legal-head{
    padding:18px 24px;
    background:var(--navy-deep);
    border-bottom:1px solid var(--gold-2);
    display:flex;align-items:center;justify-content:space-between;
    gap:14px;
  }
  .legal-head .t{
    color:var(--gold);
    font-weight:700;
    font-size:.95rem;
    letter-spacing:1.5px;
    text-transform:uppercase;
    display:flex;align-items:center;gap:10px;
  }
  .legal-head .t i{font-size:1rem}
  .legal-close{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    width:34px;height:34px;
    border-radius:8px;cursor:pointer;
    display:grid;place-items:center;
    transition:all .15s;
  }
  .legal-close:hover{color:var(--gold);border-color:var(--gold)}
  .legal-body{
    padding:26px 30px;
    overflow-y:auto;
    flex:1;
    color:var(--ink-2);
    font-size:.88rem;
    line-height:1.7;
  }
  .legal-body h2{
    color:var(--gold);
    font-size:1.05rem;
    margin:22px 0 10px;
    padding-bottom:6px;
    border-bottom:1px dashed var(--line);
    letter-spacing:.5px;
  }
  .legal-body h2:first-child{margin-top:0}
  .legal-body h3{
    color:var(--ink);
    font-size:.95rem;
    margin:16px 0 8px;
  }
  .legal-body p{margin:8px 0}
  .legal-body ul, .legal-body ol{
    padding-left:22px;margin:8px 0;
  }
  .legal-body li{margin-bottom:5px}
  .legal-body strong{color:var(--gold)}
  .legal-body em{color:var(--ink);font-style:normal}
  .legal-body .important{
    background:rgba(233,92,102,.08);
    border-left:3px solid var(--bad);
    padding:12px 16px;
    border-radius:6px;
    margin:14px 0;
    color:var(--ink);
  }
  .legal-body .info{
    background:rgba(212,174,108,.08);
    border-left:3px solid var(--gold);
    padding:12px 16px;
    border-radius:6px;
    margin:14px 0;
  }
  .legal-body table{
    width:100%;
    border-collapse:collapse;
    margin:12px 0;
    font-size:.82rem;
  }
  .legal-body th, .legal-body td{
    padding:8px 12px;
    border:1px solid var(--line);
    text-align:left;
  }
  .legal-body th{
    background:var(--navy-bg);
    color:var(--gold);
    font-weight:600;
  }
  .legal-foot{
    padding:14px 24px;
    background:var(--navy-deep);
    border-top:1px solid var(--line);
    text-align:center;
    font-size:.72rem;
    color:var(--mute);
  }

  /* ============ HARİTA ÜZERİNDEN İLAN VER MODAL ============ */
  .map-ilan-modal{
    position:fixed;inset:0;
    background:rgba(6,17,43,.94);
    backdrop-filter:blur(10px);
    z-index:670;
    display:none;
    align-items:center;justify-content:center;
    padding:14px 24px;
  }
  @media (max-width:768px){
    .map-ilan-modal{padding:6px 8px}
    .map-ilan-card{max-width:100%;height:98vh;max-height:98vh;border-radius:10px}
  }
  .map-ilan-modal.show{display:flex;animation:modalIn .35s ease-out}
  .map-ilan-card{
    width:100%;max-width:1280px;
    height:96vh;max-height:96vh;
    background:linear-gradient(to bottom, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:14px;
    box-shadow:0 20px 60px rgba(0,0,0,.5), 0 0 60px rgba(212,174,108,.15);
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .map-ilan-head{
    padding:14px 18px;
    background:var(--navy-elev);
    border-bottom:1px solid rgba(212,174,108,.4);
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
  }
  .map-ilan-head .ic{
    width:38px;height:38px;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    border-radius:9px;
    display:grid;place-items:center;
    color:var(--navy-content);font-size:1rem;
    flex-shrink:0;
  }
  .map-ilan-head .t{flex:1;min-width:0}
  .map-ilan-head .h1{
    color:var(--gold);font-size:1rem;font-weight:800;
    line-height:1.2;
  }
  .map-ilan-head .h2{
    color:var(--ink-2);font-size:.78rem;
    margin-top:2px;
  }
  .map-ilan-close{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    padding:7px 11px;
    border-radius:7px;
    cursor:pointer;
    transition:all .15s;
    font-family:inherit;
  }
  .map-ilan-close:hover{
    border-color:#ef4444;
    color:#ef4444;
  }

  /* STEPPER */
  .map-ilan-stepper{
    padding:12px 18px;
    background:rgba(212,174,108,.05);
    border-bottom:1px solid rgba(212,174,108,.2);
    display:flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
  }
  .step-item{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    opacity:.4;
    transition:opacity .25s;
  }
  .step-item.active, .step-item.done{opacity:1}
  .step-num{
    width:26px;height:26px;
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    border-radius:50%;
    display:grid;place-items:center;
    font-size:.78rem;font-weight:800;
    transition:all .25s;
  }
  .step-item.active .step-num{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border-color:var(--gold);
    box-shadow:0 3px 10px rgba(212,174,108,.4);
  }
  .step-item.done .step-num{
    background:#22c55e;
    color:#fff;
    border-color:#22c55e;
  }
  .step-lbl{
    font-size:.7rem;
    color:var(--ink-2);
    font-weight:700;
    letter-spacing:.6px;
  }
  .step-item.active .step-lbl{color:var(--gold)}
  .step-conn{
    flex:1;
    height:2px;
    background:var(--line);
    border-radius:2px;
    min-width:8px;
  }
  @media (max-width:560px){
    .map-ilan-stepper{padding:10px 12px;gap:4px}
    .step-lbl{font-size:.6rem;letter-spacing:.3px}
    .step-num{width:22px;height:22px;font-size:.7rem}
  }

  /* BODY */
  .map-ilan-body{
    flex:1;
    overflow-y:auto;
    padding:0;
    background:var(--navy-deep);
    position:relative;
  }
  .map-ilan-step{
    display:none;
    padding:28px 36px;
    animation:stepIn .35s ease-out;
    max-width:1100px;
    margin:0 auto;
  }
  @media (max-width:768px){
    .map-ilan-step{padding:18px 14px}
  }
  .map-ilan-step.active{display:block}
  @keyframes stepIn{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:translateY(0)}
  }
  .step-prompt{
    color:var(--ink);
    font-size:.95rem;
    margin-bottom:18px;
    text-align:center;
  }
  .step-prompt strong{color:var(--gold);font-weight:800}

  /* STEP 1 - İlan Türü Grid */
  .ilan-turu-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .ilan-turu-btn{
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    border-radius:11px;
    padding:14px 12px;
    cursor:pointer;
    transition:all .2s;
    display:flex;
    align-items:center;
    gap:11px;
    text-align:left;
    font-family:inherit;
  }
  .ilan-turu-btn:hover{
    transform:translateY(-2px);
    border-color:var(--gold-2);
  }
  .ilan-turu-btn.active{
    background:linear-gradient(135deg, rgba(212,174,108,.18), rgba(212,174,108,.05));
    border:2px solid var(--gold);
    box-shadow:0 4px 14px rgba(212,174,108,.25);
  }
  .ilan-turu-btn[data-tur="satilik"].active{border-color:#22c55e;box-shadow:0 4px 14px rgba(34,197,94,.3)}
  .ilan-turu-btn[data-tur="kiralik"].active{border-color:#3b82f6;box-shadow:0 4px 14px rgba(59,130,246,.3)}
  .ilan-turu-btn[data-tur="devren"].active{border-color:#a855f7;box-shadow:0 4px 14px rgba(168,85,247,.3)}
  .ilan-turu-btn[data-tur="ortak"].active{border-color:#f59e0b;box-shadow:0 4px 14px rgba(245,158,11,.3)}
  .itb-ic{
    width:38px;height:38px;
    border-radius:9px;
    display:grid;place-items:center;
    font-size:1.1rem;
    flex-shrink:0;
  }
  .itb-info{flex:1;min-width:0}
  .itb-title{
    font-size:.95rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:2px;
  }
  .itb-desc{
    color:var(--ink-2);
    font-size:.72rem;
    line-height:1.3;
  }
  @media (max-width:560px){
    .ilan-turu-grid{grid-template-columns:1fr}
  }

  /* Kira Sub Row */
  .kira-sub-row{
    background:rgba(59,130,246,.08);
    border-left:3px solid #3b82f6;
    padding:10px 12px;
    border-radius:8px;
    margin-top:14px;
    animation:stepIn .25s;
  }
  .ksr-lbl{
    font-size:.7rem;
    color:#3b82f6;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:7px;
  }
  .ksr-chips{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
  }
  .ksr-chip{
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    padding:5px 11px;
    border-radius:14px;
    font-size:.75rem;
    cursor:pointer;
    transition:all .15s;
    font-family:inherit;
  }
  .ksr-chip:hover{border-color:#3b82f6;color:#3b82f6}
  .ksr-chip.active{
    background:linear-gradient(135deg,#3b82f6,#2563eb);
    border-color:#3b82f6;
    color:#fff;
    font-weight:700;
  }
  .ksr-chip[data-kirasub="sezonluk"].active{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#ec4899}
  .ksr-chip[data-kirasub="gunluk"].active{background:linear-gradient(135deg,#06b6d4,#0891b2);border-color:#06b6d4}

  /* STEP 2 - Kategori Grid */
  .kategori-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:8px;
  }
  .kat-btn{
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    border-radius:10px;
    padding:14px 4px;
    cursor:pointer;
    transition:all .2s;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px;
    font-family:inherit;
    min-height:78px;
  }
  .kat-btn:hover{
    transform:translateY(-2px);
    border-color:var(--gold-2);
  }
  .kat-btn.active{
    background:linear-gradient(135deg,rgba(212,174,108,.2), rgba(212,174,108,.05));
    border:2px solid var(--gold);
    box-shadow:0 4px 14px rgba(212,174,108,.3);
  }
  .kat-ic{font-size:1.5rem}
  .kat-lbl{
    font-size:.65rem;
    font-weight:800;
    color:var(--ink);
    text-align:center;
    line-height:1.2;
  }
  .kat-btn.active .kat-lbl{color:var(--gold)}
  @media (max-width:560px){
    .kategori-grid{grid-template-columns:repeat(3, 1fr)}
    .kat-btn{padding:11px 3px;min-height:68px}
    .kat-ic{font-size:1.3rem}
    .kat-lbl{font-size:.6rem}
  }

  /* Alt Kategori Row */
  .alt-kat-row{
    background:rgba(212,174,108,.06);
    border-left:3px solid var(--gold-2);
    padding:10px 12px;
    border-radius:8px;
    margin-top:14px;
    animation:stepIn .25s;
  }
  .akr-lbl{
    font-size:.7rem;
    color:var(--gold);
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:7px;
  }
  .akr-chips{
    display:flex;
    gap:5px;
    flex-wrap:wrap;
  }
  .akr-chip{
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    padding:5px 11px;
    border-radius:14px;
    font-size:.72rem;
    cursor:pointer;
    transition:all .15s;
    font-family:inherit;
  }
  .akr-chip:hover{border-color:var(--gold-2);color:var(--gold)}
  .akr-chip.active{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    border-color:var(--gold);
    color:var(--navy-content);
    font-weight:700;
  }

  /* STEP 3 - Picker (Harita) */
  .picker-toolbar{
    display:flex;
    gap:6px;
    margin-bottom:10px;
    flex-wrap:wrap;
  }
  .picker-search{
    flex:1;
    min-width:200px;
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    color:var(--ink);
    padding:8px 12px;
    border-radius:8px;
    font-size:.85rem;
    outline:none;
    font-family:inherit;
  }
  .picker-search:focus{border-color:var(--gold)}
  .picker-toolbar button{
    background:var(--navy-card);
    border:1px solid var(--gold-2);
    color:var(--gold);
    padding:8px 14px;
    border-radius:8px;
    font-size:.78rem;
    font-weight:700;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-family:inherit;
  }
  .picker-toolbar button:hover{
    background:rgba(212,174,108,.15);
  }
  .picker-map{
    height:340px;
    border-radius:10px;
    border:1px solid var(--line-strong);
    background:var(--navy-deep-2);
  }
  .picker-info{
    margin-top:10px;
    padding:9px 12px;
    background:var(--navy-card);
    border:1px solid var(--line);
    border-radius:8px;
    color:var(--ink-2);
    font-size:.82rem;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .picker-info i{color:var(--gold-2)}
  .picker-info.success{
    background:rgba(34,197,94,.1);
    border-color:#22c55e;
    color:#22c55e;
  }
  .picker-info.success i{color:#22c55e}

  /* STEP 4 - Summary */
  .summary-card{
    background:var(--navy-card);
    border:1px solid var(--gold-2);
    border-radius:11px;
    padding:14px 16px;
    margin-bottom:14px;
  }
  .summary-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
    padding:8px 0;
    border-bottom:1px dashed var(--line);
    font-size:.88rem;
  }
  .summary-row:last-child{border-bottom:none}
  .summary-row .lbl{
    color:var(--ink-2);
    font-weight:600;
    flex-shrink:0;
  }
  .summary-row .val{
    color:var(--ink);
    font-weight:700;
    text-align:right;
  }
  .summary-row .val.gold{color:var(--gold)}
  .summary-note{
    background:rgba(212,174,108,.08);
    border-left:3px solid var(--gold-2);
    padding:11px 14px;
    border-radius:8px;
    display:flex;
    gap:11px;
    align-items:flex-start;
    font-size:.85rem;
    color:var(--ink);
    line-height:1.5;
  }
  .summary-note i{
    color:var(--gold);
    font-size:1.2rem;
    flex-shrink:0;
    margin-top:1px;
  }
  .summary-note strong{color:var(--gold)}
  .summary-note em{color:var(--gold-2);font-style:normal}

  /* FOOTER */
  .map-ilan-footer{
    padding:12px 16px;
    background:var(--navy-elev);
    border-top:1px solid rgba(212,174,108,.4);
    display:flex;
    align-items:center;
    gap:10px;
    flex-shrink:0;
  }
  .mi-btn-back, .mi-btn-next{
    padding:10px 18px;
    border-radius:10px;
    font-size:.85rem;
    font-weight:800;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:7px;
    transition:all .15s;
    font-family:inherit;
  }
  .mi-btn-back{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--ink-2);
  }
  .mi-btn-back:hover:not(:disabled){
    border-color:var(--gold-2);
    color:var(--gold);
  }
  .mi-btn-back:disabled{opacity:.3;cursor:not-allowed}
  .mi-btn-next{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border:none;
    box-shadow:0 4px 14px rgba(212,174,108,.35);
    margin-left:auto;
  }
  .mi-btn-next:hover:not(:disabled){
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(212,174,108,.5);
  }
  .mi-btn-next:disabled{
    background:var(--navy-card);
    color:var(--mute);
    cursor:not-allowed;
    box-shadow:none;
  }
  .mi-progress{
    color:var(--ink-2);
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.5px;
  }

  /* ============ KLASİK İLAN FORMu - Step 4 + 5 stilleri ============ */
  .kl-form-summary{
    background:rgba(34,197,94,.08);
    border-left:3px solid #22c55e;
    padding:10px 14px;
    border-radius:8px;
    margin-bottom:16px;
    color:#22c55e;
    font-size:.85rem;
    line-height:1.5;
  }
  .kl-form-summary strong{color:#fff;font-weight:700}
  .kl-form-fields{
    display:flex;
    flex-direction:column;
    gap:14px;
  }
  .kl-section{
    background:var(--navy-card);
    border:1px solid var(--line);
    border-radius:10px;
    padding:14px 16px;
  }
  .kl-section-title{
    font-size:.72rem;
    color:var(--gold);
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:12px;
    padding-bottom:6px;
    border-bottom:1px dashed var(--line);
    display:flex;
    align-items:center;
    gap:7px;
  }
  .kl-section-title .kl-section-hint{
    margin-left:auto;
    font-size:.62rem;
    color:var(--ink-2);
    font-weight:500;
    text-transform:none;
    letter-spacing:0;
  }
  .kl-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .kl-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
  .kl-grid-4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}
  @media (max-width:560px){
    .kl-grid-2,.kl-grid-3,.kl-grid-4{grid-template-columns:1fr 1fr}
  }
  .kl-field{display:flex;flex-direction:column;gap:4px}
  .kl-field-full{grid-column:1/-1}
  .kl-label{
    font-size:.72rem;
    color:var(--ink-2);
    font-weight:600;
    display:flex;
    align-items:center;
    gap:5px;
  }
  .kl-label .req{color:#ef4444;font-weight:800}
  .kl-input, .kl-select, .kl-textarea{
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    color:var(--ink);
    padding:8px 11px;
    border-radius:7px;
    font-size:.85rem;
    outline:none;
    font-family:inherit;
    transition:border-color .15s;
  }
  .kl-input:focus, .kl-select:focus, .kl-textarea:focus{
    border-color:var(--gold);
  }
  .kl-input.required-empty, .kl-select.required-empty{
    border-color:rgba(239,68,68,.5);
  }
  .kl-textarea{
    min-height:80px;
    resize:vertical;
    line-height:1.5;
  }
  .kl-toggle-row{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    padding:4px 0;
  }
  .kl-toggle-lbl{
    font-size:.72rem;
    color:var(--ink-2);
    font-weight:600;
    align-self:center;
    margin-right:6px;
  }
  .kl-tog{
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    padding:5px 11px;
    border-radius:14px;
    font-size:.72rem;
    cursor:pointer;
    transition:all .15s;
    font-family:inherit;
  }
  .kl-tog:hover{border-color:var(--gold-2);color:var(--gold)}
  .kl-tog.active{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    border-color:var(--gold);
    color:var(--navy-content);
    font-weight:700;
  }
  /* AI ile yaz butonu */
  .kl-ai-btn{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border:none;
    padding:5px 10px;
    border-radius:6px;
    font-size:.7rem;
    font-weight:800;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:5px;
    font-family:inherit;
  }
  .kl-ai-btn:hover{transform:translateY(-1px)}
  .kl-ai-btn[disabled]{opacity:.5;cursor:wait}
  .kl-ai-btn .fa-spinner{animation:spin 1s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}

  /* AI yazma ipucu balonu */
  .kl-ai-hint{
    background:rgba(212,174,108,.1);
    border-left:3px solid var(--gold);
    border-radius:5px;
    padding:8px 12px;
    margin-top:8px;
    display:flex;
    gap:8px;
    align-items:flex-start;
    font-size:.72rem;
    line-height:1.45;
    color:var(--ink-2);
  }
  .kl-ai-hint i{
    color:var(--gold);
    font-size:.85rem;
    margin-top:1px;
    flex-shrink:0;
  }
  .kl-ai-hint b{color:var(--gold)}
  .kl-ai-hint i.fa-lightbulb{font-size:.8rem}

  /* ============ AKILLI KATEGORİ ÖNERİSİ ============ */
  .smart-cat-panel{
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:10px;
    padding:14px;
    margin-bottom:14px;
  }
  .smart-cat-head{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:10px;
  }
  .smart-cat-head .ic{font-size:1.1rem}
  .smart-cat-head .t{
    color:var(--gold);
    font-weight:700;
    font-size:.85rem;
  }
  .smart-cat-head .sub{
    color:var(--ink-2);
    font-size:.7rem;
    font-weight:500;
  }
  .smart-cat-input-wrap{
    display:flex;
    gap:8px;
    align-items:center;
    background:var(--navy-elev);
    border:1px solid var(--line-strong);
    border-radius:8px;
    padding:8px 12px;
    transition:border-color .15s;
  }
  .smart-cat-input-wrap:focus-within{border-color:var(--gold)}
  .smart-cat-input-wrap .search-ic{
    color:var(--gold);
    font-size:1rem;
  }
  .smart-cat-input{
    background:transparent;
    border:none;
    color:var(--ink);
    font-size:.85rem;
    flex:1;
    outline:none;
    font-family:inherit;
    min-width:0;
  }
  .smart-cat-input::placeholder{
    color:var(--mute);
    font-style:italic;
  }
  .smart-cat-btn{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border:none;
    padding:6px 14px;
    border-radius:6px;
    font-weight:700;
    font-size:.78rem;
    cursor:pointer;
    white-space:nowrap;
    transition:transform .15s;
    flex-shrink:0;
  }
  .smart-cat-btn:hover{transform:scale(1.04)}
  .smart-cat-btn[disabled]{
    opacity:.5;
    cursor:wait;
    transform:none;
  }
  .smart-cat-btn .fa-spinner{animation:spin 1s linear infinite}

  /* Sonuç kart */
  .smart-cat-result{
    background:rgba(63,194,138,.08);
    border-left:3px solid var(--good);
    padding:10px 12px;
    border-radius:6px;
    margin-top:10px;
    font-size:.78rem;
  }
  .smart-cat-result.error{
    background:rgba(231,92,102,.08);
    border-color:var(--bad);
  }
  .smart-cat-result-title{
    font-weight:700;
    margin-bottom:4px;
  }
  .smart-cat-result.success .smart-cat-result-title{color:var(--good)}
  .smart-cat-result.error .smart-cat-result-title{color:var(--bad)}
  .smart-cat-result-msg{
    color:var(--ink-2);
    line-height:1.4;
  }
  .smart-cat-result-msg b{color:var(--gold)}
  .smart-cat-result-actions{
    display:flex;
    gap:6px;
    margin-top:10px;
    flex-wrap:wrap;
  }
  .smart-cat-apply-btn{
    background:linear-gradient(135deg, var(--good), #2e9e6e);
    color:#fff;
    border:none;
    padding:6px 12px;
    border-radius:5px;
    font-size:.75rem;
    font-weight:700;
    cursor:pointer;
    transition:transform .15s;
  }
  .smart-cat-apply-btn:hover{transform:scale(1.05)}
  .smart-cat-cancel-btn{
    background:transparent;
    color:var(--ink-2);
    border:1px solid var(--line-strong);
    padding:6px 12px;
    border-radius:5px;
    font-size:.75rem;
    cursor:pointer;
  }
  .smart-cat-cancel-btn:hover{background:var(--navy-elev); color:var(--ink)}

  /* ============ AI FİYAT TAHMİNİ ============ */
  .ai-price-btn{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border:none;
    padding:3px 10px;
    border-radius:5px;
    font-size:.68rem;
    font-weight:800;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-family:inherit;
    transition:transform .15s;
  }
  .ai-price-btn:hover{transform:translateY(-1px)}
  .ai-price-btn[disabled]{opacity:.5; cursor:wait; transform:none}
  .ai-price-btn .fa-spinner{animation:spin 1s linear infinite}

  /* Fiyat label - flex layout için */
  .kl-label-with-btn{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:5px;
  }

  /* Sonuç paneli */
  .ai-price-result{
    background:linear-gradient(135deg, rgba(212,174,108,.15), rgba(63,194,138,.04));
    border:1px solid var(--gold);
    border-radius:10px;
    padding:14px;
    margin-top:8px;
    animation:fadeIn .25s ease;
  }
  .ai-price-result.error{
    background:rgba(231,92,102,.08);
    border-color:var(--bad);
  }
  .ai-price-result-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
  }
  .ai-price-result-icon{font-size:1.4rem}
  .ai-price-result-title{
    color:var(--gold);
    font-weight:700;
    font-size:.85rem;
  }
  .ai-price-result-sub{
    color:var(--ink-2);
    font-size:.68rem;
  }
  .ai-price-suggested{
    background:var(--navy-deep);
    border-radius:8px;
    padding:14px;
    text-align:center;
    margin-bottom:10px;
  }
  .ai-price-suggested-lbl{
    color:var(--mute);
    font-size:.68rem;
    text-transform:uppercase;
    letter-spacing:.5px;
    margin-bottom:4px;
  }
  .ai-price-suggested-val{
    color:var(--gold);
    font-weight:900;
    font-size:1.6rem;
    line-height:1;
  }
  .ai-price-range{
    color:var(--good);
    font-size:.78rem;
    margin-top:6px;
  }
  .ai-price-apply-row{
    display:flex;
    gap:6px;
    flex-wrap:wrap;
    justify-content:center;
    margin-bottom:10px;
  }
  .ai-price-apply-btn{
    background:var(--navy-card-2);
    color:var(--ink-2);
    border:1px solid var(--line-strong);
    padding:6px 12px;
    border-radius:5px;
    font-size:.72rem;
    cursor:pointer;
    transition:all .15s;
  }
  .ai-price-apply-btn:hover{border-color:var(--gold-2); color:var(--gold)}
  .ai-price-apply-btn.suggested{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border-color:var(--gold);
    font-weight:700;
  }
  .ai-price-comment{
    background:rgba(63,194,138,.08);
    border-left:3px solid var(--good);
    padding:8px 10px;
    border-radius:5px;
    font-size:.72rem;
    line-height:1.45;
    color:var(--ink-2);
  }
  .ai-price-comment b{color:var(--good)}
  .ai-price-disclaimer{
    text-align:center;
    font-size:.6rem;
    color:var(--mute);
    margin-top:8px;
    font-style:italic;
  }

  /* ============ KAYITLI ARAMA SİSTEMİ ============ */
  /* Filtre barına "Aramayı Kaydet" butonu */
  .save-search-btn{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border:none;
    padding:6px 12px;
    border-radius:5px;
    font-weight:700;
    font-size:.72rem;
    cursor:pointer;
    transition:transform .15s;
    display:inline-flex;
    align-items:center;
    gap:5px;
    white-space:nowrap;
  }
  .save-search-btn:hover{transform:scale(1.04)}
  .save-search-btn[disabled]{opacity:.5; cursor:not-allowed; transform:none}

  /* Kayıtlı aramalar modal */
  .ss-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(5,11,31,.85);
    backdrop-filter:blur(8px);
    z-index:9994;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
  }
  .ss-modal-overlay.show{display:flex}
  .ss-modal{
    background:var(--navy-card);
    border:1px solid var(--gold);
    border-radius:14px;
    width:100%;
    max-width:580px;
    max-height:88vh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .ss-modal-head{
    background:var(--navy-deep);
    border-bottom:1px solid var(--gold-2);
    padding:14px 20px;
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
  }
  .ss-modal-head .ic{
    width:38px;
    height:38px;
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border-radius:9px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.1rem;
  }
  .ss-modal-head .t{flex:1}
  .ss-modal-head .h1{color:var(--gold); font-size:1rem; font-weight:800}
  .ss-modal-head .h2{color:var(--ink-2); font-size:.7rem}
  .ss-modal-body{
    padding:14px 20px;
    overflow:auto;
    flex:1;
  }
  .ss-empty{
    text-align:center;
    padding:40px 20px;
    color:var(--mute);
  }
  .ss-empty i{
    font-size:2.5rem;
    color:var(--gold-2);
    display:block;
    margin-bottom:12px;
    opacity:.6;
  }

  /* Kayıtlı arama kartı */
  .ss-card{
    background:var(--navy-card-2);
    border:1px solid var(--line);
    border-radius:9px;
    padding:12px;
    margin-bottom:10px;
    transition:all .15s;
  }
  .ss-card.has-new{
    background:rgba(63,194,138,.08);
    border-color:var(--good);
  }
  .ss-card-row{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
  }
  .ss-card-info{flex:1; min-width:0}
  .ss-card-title{
    color:var(--ink);
    font-weight:700;
    font-size:.88rem;
    margin-bottom:3px;
  }
  .ss-card-criteria{
    color:var(--mute);
    font-size:.68rem;
    line-height:1.4;
  }
  .ss-card-status{
    margin-top:6px;
    font-size:.74rem;
    font-weight:700;
  }
  .ss-card-status.new{color:var(--good)}
  .ss-card-status.empty{color:var(--mute); font-weight:500}
  .ss-card-actions{
    display:flex;
    gap:5px;
    flex-shrink:0;
    flex-wrap:wrap;
  }
  .ss-go-btn{
    background:linear-gradient(135deg, var(--good), #2e9e6e);
    color:#fff;
    border:none;
    padding:5px 10px;
    border-radius:5px;
    font-size:.68rem;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
  }
  .ss-go-btn:hover{transform:scale(1.05)}
  .ss-go-btn.muted{
    background:var(--navy-elev);
    color:var(--ink-2);
    border:1px solid var(--line-strong);
  }
  .ss-del-btn{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    padding:5px 8px;
    border-radius:5px;
    font-size:.7rem;
    cursor:pointer;
  }
  .ss-del-btn:hover{
    background:rgba(231,92,102,.12);
    border-color:var(--bad);
    color:var(--bad);
  }

  /* ============ ROI HESAPLAYICI (YATIRIM GETİRİSİ) ============ */
  .roi-panel{
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:10px;
    padding:14px;
    margin-top:14px;
  }
  .roi-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
  }
  .roi-head-ic{font-size:1.4rem; flex-shrink:0}
  .roi-head-title{
    color:var(--gold);
    font-weight:700;
    font-size:.95rem;
    line-height:1.2;
  }
  .roi-head-sub{
    color:var(--ink-2);
    font-size:.7rem;
    margin-top:2px;
  }

  /* Slider grup */
  .roi-controls{
    background:rgba(0,0,0,.2);
    border-radius:6px;
    padding:10px 12px;
    margin-bottom:12px;
  }
  .roi-slider-row{margin-bottom:8px}
  .roi-slider-row:last-child{margin-bottom:0}
  .roi-slider-head{
    display:flex;
    justify-content:space-between;
    font-size:.74rem;
    margin-bottom:4px;
  }
  .roi-slider-label{color:var(--ink-2)}
  .roi-slider-val{
    color:var(--gold);
    font-weight:700;
  }
  .roi-slider{
    width:100%;
    -webkit-appearance:none;
    appearance:none;
    height:5px;
    background:rgba(255,255,255,.1);
    border-radius:3px;
    outline:none;
    cursor:pointer;
  }
  .roi-slider::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:16px; height:16px;
    background:var(--gold);
    border-radius:50%;
    cursor:pointer;
    box-shadow:0 0 0 3px rgba(212,174,108,.3);
  }
  .roi-slider::-moz-range-thumb{
    width:16px; height:16px;
    background:var(--gold);
    border-radius:50%;
    cursor:pointer;
    border:none;
  }

  /* KPI grid */
  .roi-kpi-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:12px;
  }
  @media (max-width:520px){
    .roi-kpi-grid{grid-template-columns:1fr}
  }
  .roi-kpi{
    padding:10px;
    border-radius:6px;
    border-left:3px solid;
  }
  .roi-kpi.green{
    background:rgba(63,194,138,.1);
    border-color:var(--good);
  }
  .roi-kpi.gold{
    background:rgba(212,174,108,.1);
    border-color:var(--gold);
  }
  .roi-kpi.blue{
    background:rgba(59,130,246,.1);
    border-color:#3b82f6;
  }
  .roi-kpi.warn{
    background:rgba(245,158,11,.1);
    border-color:#f59e0b;
  }
  .roi-kpi-label{
    font-size:.62rem;
    color:var(--mute);
    text-transform:uppercase;
    letter-spacing:.4px;
    line-height:1.2;
  }
  .roi-kpi-value{
    font-weight:900;
    font-size:1.05rem;
    line-height:1.2;
    margin-top:3px;
  }
  .roi-kpi.green .roi-kpi-value{color:var(--good)}
  .roi-kpi.gold .roi-kpi-value{color:var(--gold)}
  .roi-kpi.blue .roi-kpi-value{color:#3b82f6}
  .roi-kpi.warn .roi-kpi-value{color:#f59e0b}
  .roi-kpi-sub{
    font-size:.62rem;
    color:var(--ink-2);
    margin-top:2px;
    line-height:1.3;
  }

  /* Toplam kazanç kart */
  .roi-total{
    background:linear-gradient(135deg, rgba(212,174,108,.2), rgba(63,194,138,.05));
    border:1px solid var(--gold);
    border-radius:8px;
    padding:14px;
    text-align:center;
    margin-bottom:10px;
  }
  .roi-total-label{
    font-size:.7rem;
    color:var(--ink-2);
    text-transform:uppercase;
    letter-spacing:.5px;
  }
  .roi-total-amount{
    color:var(--gold);
    font-weight:900;
    font-size:1.7rem;
    line-height:1.1;
    margin-top:3px;
  }
  .roi-total-pct{
    color:var(--good);
    font-size:.82rem;
    margin-top:4px;
    font-weight:700;
  }

  /* AI yorum */
  .roi-ai-tip{
    background:rgba(63,194,138,.08);
    border-left:3px solid var(--good);
    padding:9px 12px;
    border-radius:6px;
    font-size:.72rem;
    line-height:1.45;
    color:var(--ink-2);
    margin-bottom:8px;
  }
  .roi-ai-tip i{color:var(--good); margin-right:4px}
  .roi-ai-tip b{color:var(--good)}
  .roi-ai-tip.warn{
    background:rgba(245,158,11,.08);
    border-color:#f59e0b;
  }
  .roi-ai-tip.warn i, .roi-ai-tip.warn b{color:#f59e0b}
  .roi-disclaimer{
    text-align:center;
    font-size:.6rem;
    color:var(--mute);
    line-height:1.4;
    font-style:italic;
  }

  /* ============ TASLAK KİRA SÖZLEŞMESİ ============ */
  .contract-panel{
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:10px;
    padding:14px;
    margin-top:14px;
  }
  .contract-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
  }
  .contract-head-ic{font-size:1.4rem; flex-shrink:0}
  .contract-head-title{
    color:var(--gold);
    font-weight:700;
    font-size:.95rem;
    line-height:1.2;
  }
  .contract-head-sub{
    color:var(--ink-2);
    font-size:.7rem;
    margin-top:2px;
  }

  /* Belirgin uyarı (panel içinde) */
  .contract-warning{
    background:rgba(245,158,11,.15);
    border:1px solid #f59e0b;
    border-left:4px solid #f59e0b;
    border-radius:6px;
    padding:10px 12px;
    margin-bottom:12px;
    font-size:.74rem;
    line-height:1.5;
    color:var(--ink);
  }
  .contract-warning b{color:#f59e0b}

  .contract-cta-btn{
    width:100%;
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border:none;
    padding:11px 14px;
    border-radius:8px;
    font-size:.88rem;
    font-weight:800;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    transition:transform .15s;
  }
  .contract-cta-btn:hover{transform:translateY(-1px)}
  .contract-cta-btn[disabled]{opacity:.6; cursor:wait; transform:none}
  .contract-cta-btn .fa-spinner{animation:spin 1s linear infinite}

  /* Sözleşme modal */
  .contract-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(5,11,31,.92);
    backdrop-filter:blur(8px);
    z-index:9996;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
  }
  .contract-modal-overlay.show{display:flex}
  .contract-modal{
    background:var(--navy-card);
    border:1px solid var(--gold);
    border-radius:14px;
    width:100%;
    max-width:780px;
    max-height:92vh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .contract-modal-head{
    background:var(--navy-deep);
    border-bottom:1px solid var(--gold-2);
    padding:14px 20px;
    display:flex;
    align-items:center;
    gap:12px;
    flex-shrink:0;
  }
  .contract-modal-head .ic{
    width:38px; height:38px;
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border-radius:9px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.1rem;
  }
  .contract-modal-head .h1{color:var(--gold); font-size:1rem; font-weight:800; line-height:1.2}
  .contract-modal-head .h2{color:var(--ink-2); font-size:.7rem; margin-top:2px}
  .contract-modal-body{
    padding:14px 20px;
    overflow:auto;
    flex:1;
  }
  .contract-modal-footer{
    background:var(--navy-deep);
    border-top:1px solid var(--line-strong);
    padding:12px 20px;
    flex-shrink:0;
  }

  /* Sözleşme önizleme */
  .contract-preview{
    background:#fff;
    color:#1a1a1a;
    border-radius:6px;
    padding:18px 22px;
    font-family:'Times New Roman', Georgia, serif;
    font-size:.86rem;
    line-height:1.6;
    margin-bottom:12px;
  }
  .contract-preview h1{
    text-align:center;
    font-weight:bold;
    font-size:1.05rem;
    margin:0 0 14px 0;
    text-transform:uppercase;
  }
  .contract-preview h2{
    font-weight:bold;
    font-size:.92rem;
    margin:14px 0 6px 0;
  }
  .contract-preview p{
    margin:4px 0;
  }
  .contract-preview .warn-box{
    background:#fff3cd;
    border-left:3px solid #f59e0b;
    padding:8px 12px;
    margin:0 0 14px 0;
    font-size:.78rem;
    color:#856404;
  }
  .contract-preview .blank{
    border-bottom:1px dotted #999;
    padding:0 30px;
    color:#999;
  }
  .contract-preview .signature-area{
    margin-top:30px;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
  }
  .contract-preview .signature-box{
    text-align:center;
    border-top:1px solid #333;
    padding-top:8px;
    margin-top:60px;
  }

  /* Aksiyon butonları */
  .contract-actions{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:8px;
  }
  .contract-action-btn{
    flex:1;
    min-width:120px;
    background:var(--navy-card-2);
    color:var(--ink);
    border:1px solid var(--line-strong);
    padding:9px 12px;
    border-radius:6px;
    font-size:.78rem;
    font-weight:700;
    cursor:pointer;
    transition:all .15s;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
  }
  .contract-action-btn:hover{
    border-color:var(--gold);
    color:var(--gold);
  }
  .contract-action-btn.primary{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border-color:var(--gold);
  }
  .contract-action-btn.primary:hover{
    transform:translateY(-1px);
    color:var(--navy-deep);
  }

  /* Footer uyarı */
  .contract-final-warn{
    background:rgba(231,92,102,.08);
    border:1px solid var(--bad);
    border-radius:6px;
    padding:9px 12px;
    font-size:.72rem;
    line-height:1.5;
    text-align:center;
    color:var(--bad);
  }
  .contract-final-warn b{color:var(--bad)}

  /* ============ 360° SANAL TUR ============ */
  /* Galeri rozeti */
  .pano-badge{
    position:absolute;
    top:10px;
    left:10px;
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    padding:5px 10px;
    border-radius:6px;
    font-size:.7rem;
    font-weight:800;
    box-shadow:0 2px 8px rgba(0,0,0,.4);
    z-index:5;
    pointer-events:none;
    display:flex;
    align-items:center;
    gap:3px;
  }
  .pano-badge .pano-icon{
    animation:panoSpin 3s linear infinite;
    display:inline-block;
  }
  @keyframes panoSpin{
    from{transform:rotateY(0)}
    to{transform:rotateY(360deg)}
  }

  /* Galeri içinde "Sanal Tur Başlat" butonu */
  .pano-launch-btn{
    position:absolute;
    bottom:14px;
    left:50%;
    transform:translateX(-50%);
    background:rgba(212,174,108,.95);
    color:var(--navy-deep);
    border:none;
    padding:10px 22px;
    border-radius:8px;
    font-size:.85rem;
    font-weight:800;
    cursor:pointer;
    box-shadow:0 4px 16px rgba(0,0,0,.5);
    z-index:6;
    transition:all .2s;
    display:inline-flex;
    align-items:center;
    gap:6px;
    backdrop-filter:blur(4px);
  }
  .pano-launch-btn:hover{
    background:var(--gold);
    transform:translateX(-50%) scale(1.05);
  }

  /* Tam ekran viewer overlay */
  .pano-viewer-overlay{
    position:fixed;
    inset:0;
    background:#000;
    z-index:9999;
    display:none;
  }
  .pano-viewer-overlay.show{display:block}
  .pano-viewer-canvas-wrap{
    position:absolute;
    inset:0;
    overflow:hidden;
  }
  .pano-viewer-canvas-wrap canvas{
    display:block;
    cursor:grab;
  }
  .pano-viewer-canvas-wrap canvas:active{
    cursor:grabbing;
  }

  /* Loading */
  .pano-loading{
    position:absolute;
    top:50%; left:50%;
    transform:translate(-50%, -50%);
    color:#fff;
    text-align:center;
    z-index:10;
  }
  .pano-loading i{
    font-size:2.5rem;
    color:var(--gold);
    animation:spin 1s linear infinite;
    display:block;
    margin-bottom:10px;
  }

  /* Top kontroller */
  .pano-top-bar{
    position:absolute;
    top:0; left:0; right:0;
    padding:14px 20px;
    background:linear-gradient(180deg, rgba(0,0,0,.7), transparent);
    display:flex;
    justify-content:space-between;
    align-items:center;
    z-index:11;
  }
  .pano-title{
    color:#fff;
    font-weight:700;
    font-size:.95rem;
    flex:1;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-right:12px;
  }
  .pano-close-btn{
    background:rgba(0,0,0,.6);
    border:1px solid rgba(255,255,255,.2);
    color:#fff;
    width:42px; height:42px;
    border-radius:50%;
    cursor:pointer;
    font-size:1.2rem;
    transition:all .15s;
    flex-shrink:0;
  }
  .pano-close-btn:hover{
    background:var(--bad);
    border-color:var(--bad);
  }

  /* Alt yardım çubuğu */
  .pano-help-bar{
    position:absolute;
    bottom:20px; left:50%;
    transform:translateX(-50%);
    background:rgba(0,0,0,.65);
    backdrop-filter:blur(8px);
    color:#fff;
    padding:8px 18px;
    border-radius:24px;
    font-size:.78rem;
    z-index:11;
    pointer-events:none;
    transition:opacity .3s;
    display:flex;
    align-items:center;
    gap:14px;
  }
  .pano-help-bar.hidden{opacity:0}
  .pano-help-bar span{
    display:inline-flex;
    align-items:center;
    gap:5px;
  }
  @media (max-width:560px){
    .pano-help-bar{font-size:.7rem; padding:6px 14px}
    .pano-launch-btn{padding:8px 16px; font-size:.78rem}
  }

  /* İlan ver formunda 360° upload alanı */
  .pano-upload-zone{
    background:linear-gradient(135deg, rgba(212,174,108,.06), rgba(212,174,108,.02));
    border:2px dashed var(--gold-2);
    border-radius:11px;
    padding:18px;
    text-align:center;
    cursor:pointer;
    transition:all .15s;
  }
  .pano-upload-zone:hover{
    background:rgba(212,174,108,.1);
    border-color:var(--gold);
  }
  .pano-upload-zone.has-file{
    background:rgba(63,194,138,.08);
    border-color:var(--good);
    border-style:solid;
  }
  .pano-upload-icon{
    font-size:2.2rem;
    margin-bottom:8px;
    display:inline-block;
    animation:panoSpin 4s linear infinite;
  }
  .pano-upload-title{
    color:var(--gold);
    font-weight:700;
    font-size:.92rem;
    margin-bottom:4px;
  }
  .pano-upload-zone.has-file .pano-upload-title{
    color:var(--good);
  }
  .pano-upload-sub{
    color:var(--mute);
    font-size:.75rem;
    margin-bottom:10px;
    line-height:1.5;
  }
  .pano-upload-btn{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border:none;
    padding:7px 16px;
    border-radius:6px;
    font-size:.78rem;
    font-weight:700;
    cursor:pointer;
  }
  .pano-upload-info{
    background:rgba(63,194,138,.1);
    border-left:3px solid var(--good);
    padding:8px 12px;
    border-radius:5px;
    font-size:.7rem;
    color:var(--ink-2);
    line-height:1.5;
    margin-top:10px;
    text-align:left;
  }
  .pano-upload-info b{color:var(--good)}
  .pano-remove-btn{
    background:rgba(231,92,102,.15);
    border:1px solid var(--bad);
    color:var(--bad);
    padding:5px 12px;
    border-radius:5px;
    font-size:.72rem;
    font-weight:700;
    cursor:pointer;
    margin-top:8px;
  }
  .pano-remove-btn:hover{background:var(--bad); color:#fff}

  /* ============ hCAPTCHA (Bot Koruması) ============ */
  .captcha-wrap{
    margin: 14px 0;
    padding: 12px;
    background: var(--navy-card-2);
    border: 1px solid var(--line);
    border-radius: 8px;
  }
  .captcha-wrap.error{
    border-color: var(--bad);
    background: rgba(231,92,102,.06);
  }
  .captcha-wrap .h-captcha{
    display: flex;
    justify-content: center;
  }
  .captcha-info{
    text-align: center;
    font-size: .7rem;
    color: var(--mute);
    margin-top: 8px;
    line-height: 1.5;
  }
  .captcha-info i{
    color: var(--good);
    margin-right: 3px;
  }
  .captcha-info a{
    color: var(--gold-2);
    text-decoration: none;
  }
  .captcha-error{
    color: var(--bad);
    font-size: .72rem;
    text-align: center;
    margin-top: 6px;
    font-weight: 600;
  }
  .captcha-loading{
    text-align: center;
    color: var(--mute);
    font-size: .78rem;
    padding: 14px;
  }
  .captcha-loading i{
    color: var(--gold);
    animation: spin 1s linear infinite;
    margin-right: 6px;
  }

  /* ============ SMS OTP ============ */
  .otp-tel-wrap{
    display:flex;
    gap:8px;
    align-items:stretch;
  }
  .otp-tel-wrap .reg-input{
    flex:1;
  }
  .otp-send-btn{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border:none;
    padding:0 14px;
    border-radius:7px;
    font-size:.78rem;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
    transition:transform .15s;
    display:inline-flex;
    align-items:center;
    gap:5px;
    flex-shrink:0;
  }
  .otp-send-btn:hover:not(:disabled){transform:translateY(-1px)}
  .otp-send-btn:disabled{
    opacity:.5;
    cursor:not-allowed;
    transform:none;
  }
  .otp-send-btn .fa-spinner{animation:spin 1s linear infinite}

  .otp-verify-row{
    margin-top:10px;
    padding:12px;
    background:rgba(212,174,108,.08);
    border:1px solid var(--gold-2);
    border-radius:8px;
  }
  .otp-verify-info{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:.78rem;
    color:var(--ink-2);
    margin-bottom:8px;
    flex-wrap:wrap;
  }
  .otp-verify-info i{color:var(--gold)}
  .otp-verify-info b{color:var(--ink)}
  .otp-countdown{
    margin-left:auto;
    color:var(--gold);
    font-weight:700;
    font-size:.75rem;
  }
  .otp-input-row{
    display:flex;
    gap:8px;
  }
  .otp-code-input{
    flex:1;
    text-align:center;
    letter-spacing:6px;
    font-size:1.05rem;
    font-weight:700;
    font-family:'JetBrains Mono', monospace;
  }
  .otp-verify-btn{
    background:var(--good);
    color:#fff;
    border:none;
    padding:0 16px;
    border-radius:7px;
    font-size:.82rem;
    font-weight:700;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:5px;
    flex-shrink:0;
  }
  .otp-verify-btn:hover{background:#2e9e6e}
  .otp-verify-btn:disabled{opacity:.5; cursor:not-allowed}
  .otp-verify-btn .fa-spinner{animation:spin 1s linear infinite}

  .otp-resend-wrap{
    text-align:center;
    margin-top:8px;
  }
  .otp-resend-btn{
    background:transparent;
    border:none;
    color:var(--gold-2);
    font-size:.74rem;
    cursor:pointer;
    text-decoration:underline;
    padding:4px 8px;
  }
  .otp-resend-btn:disabled{
    color:var(--mute);
    text-decoration:none;
    cursor:not-allowed;
  }
  .otp-resend-btn:not(:disabled):hover{color:var(--gold)}

  .otp-error{
    color:var(--bad);
    font-size:.72rem;
    margin-top:6px;
    text-align:center;
    font-weight:600;
    min-height:14px;
  }

  .otp-verified{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    background:rgba(63,194,138,.12);
    border:1px solid var(--good);
    border-radius:8px;
    margin-top:8px;
  }
  .otp-verified i{color:var(--good); font-size:1.1rem}
  .otp-verified b{color:var(--good)}
  .otp-verified span{flex:1; font-size:.82rem; color:var(--ink)}
  .otp-change-btn{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    width:30px; height:30px;
    border-radius:6px;
    cursor:pointer;
  }
  .otp-change-btn:hover{
    border-color:var(--gold);
    color:var(--gold);
  }

  /* ============ FOTO DUPLICATE TESPIT ============ */
  .kl-photo-item.has-dup{
    border:2px solid #f59e0b;
    box-shadow:0 0 0 1px rgba(245,158,11,.4), 0 4px 12px rgba(245,158,11,.2);
  }
  .kl-photo-dup-badge{
    position:absolute;
    top:6px;
    left:6px;
    background:linear-gradient(135deg, #f59e0b, #d97706);
    color:#fff;
    padding:3px 8px;
    border-radius:4px;
    font-size:.62rem;
    font-weight:800;
    z-index:5;
    pointer-events:none;
    box-shadow:0 2px 6px rgba(0,0,0,.3);
    letter-spacing:.3px;
  }

  /* ============ KLAVYE KISAYOLLARI MODAL ============ */
  .shortcuts-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    backdrop-filter:blur(6px);
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
  }
  .shortcuts-modal.show{display:flex; animation:fadeIn .2s ease}
  @keyframes fadeIn{from{opacity:0}to{opacity:1}}
  .shortcuts-card{
    background:linear-gradient(180deg, var(--navy-deep), var(--navy-deep-2));
    border:1px solid var(--gold-2);
    border-radius:14px;
    max-width:480px;
    width:100%;
    max-height:80vh;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    box-shadow:0 20px 60px rgba(0,0,0,.5);
  }
  .shortcuts-header{
    padding:16px 20px;
    border-bottom:1px solid var(--line);
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:rgba(212,174,108,.08);
  }
  .shortcuts-header h3{
    margin:0;
    color:var(--gold);
    font-size:1.05rem;
    font-weight:700;
    display:flex;
    align-items:center;
    gap:8px;
  }
  .shortcuts-close{
    background:transparent;
    border:none;
    color:var(--mute);
    font-size:1.6rem;
    cursor:pointer;
    width:32px;
    height:32px;
    border-radius:6px;
    line-height:1;
  }
  .shortcuts-close:hover{
    background:rgba(255,255,255,.05);
    color:var(--ink);
  }
  .shortcuts-body{
    padding:14px 20px;
    overflow-y:auto;
    flex:1;
  }
  .shortcut-row{
    display:flex;
    align-items:center;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.04);
    font-size:.85rem;
    color:var(--ink-2);
  }
  .shortcut-row:last-child{border-bottom:none}
  .shortcut-row span{margin-left:auto; color:var(--ink)}
  .shortcut-row .kbd-or{
    margin-left:0;
    margin:0 4px;
    color:var(--mute);
    font-size:.75rem;
  }
  .shortcut-row kbd{
    display:inline-block;
    background:var(--navy-card);
    border:1px solid var(--line-strong);
    border-bottom-width:2px;
    color:var(--gold);
    padding:3px 8px;
    border-radius:4px;
    font-family:'JetBrains Mono', monospace;
    font-size:.75rem;
    font-weight:700;
    margin-right:4px;
    box-shadow:0 1px 0 rgba(0,0,0,.3);
  }
  .shortcuts-footer{
    padding:12px 20px;
    border-top:1px solid var(--line);
    background:rgba(0,0,0,.2);
    font-size:.72rem;
    color:var(--mute);
  }
  .shortcuts-footer i{color:var(--gold-2); margin-right:6px}

  /* ============ AI PAZARLIK ASİSTANI ============ */
  .negot-panel{
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid #a855f7;
    border-radius:10px;
    padding:14px;
    margin-top:14px;
  }
  .negot-head{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:12px;
  }
  .negot-head-ic{font-size:1.3rem}
  .negot-head-info{flex:1}
  .negot-head-title{
    color:#a855f7;
    font-weight:700;
    font-size:.92rem;
  }
  .negot-head-sub{
    color:var(--ink-2);
    font-size:.7rem;
  }
  .negot-cta-btn{
    background:linear-gradient(135deg, #a855f7, #9333ea);
    color:#fff;
    border:none;
    padding:10px;
    border-radius:8px;
    font-size:.88rem;
    font-weight:700;
    cursor:pointer;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    transition:transform .15s;
  }
  .negot-cta-btn:hover{transform:scale(1.02)}
  .negot-cta-btn[disabled]{opacity:.5; cursor:wait; transform:none}
  .negot-cta-btn .fa-spinner{animation:spin 1s linear infinite}

  /* Sonuç paneli */
  .negot-result{
    margin-top:12px;
    animation:fadeIn .25s ease;
  }
  .negot-tier-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:6px;
    margin-bottom:10px;
  }
  @media (max-width:560px){
    .negot-tier-grid{grid-template-columns:1fr; gap:5px}
  }
  .negot-tier{
    border:1px solid;
    border-radius:6px;
    padding:8px;
    text-align:center;
  }
  .negot-tier-low{
    background:rgba(245,158,11,.08);
    border-color:#f59e0b;
  }
  .negot-tier-ideal{
    background:rgba(63,194,138,.12);
    border-color:var(--good);
  }
  .negot-tier-high{
    background:rgba(59,130,246,.08);
    border-color:#3b82f6;
  }
  .negot-tier-lbl{
    font-size:.6rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.5px;
  }
  .negot-tier-low .negot-tier-lbl{color:#f59e0b}
  .negot-tier-ideal .negot-tier-lbl{color:var(--good)}
  .negot-tier-high .negot-tier-lbl{color:#3b82f6}
  .negot-tier-val{
    color:var(--ink);
    font-weight:900;
    font-size:.95rem;
    margin-top:3px;
    line-height:1.2;
  }
  .negot-tier-note{
    color:var(--mute);
    font-size:.58rem;
    margin-top:2px;
    line-height:1.3;
  }

  /* Argümanlar */
  .negot-args{
    background:rgba(168,85,247,.08);
    border-left:3px solid #a855f7;
    padding:10px 12px;
    border-radius:5px;
    font-size:.74rem;
    line-height:1.5;
  }
  .negot-args-title{
    color:#a855f7;
    font-weight:700;
    margin-bottom:5px;
  }
  .negot-args-body{
    color:var(--ink-2);
  }
  .negot-args-body b{color:var(--ink)}

  /* Strateji */
  .negot-strategy{
    background:rgba(63,194,138,.08);
    border-left:3px solid var(--good);
    padding:8px 10px;
    border-radius:5px;
    font-size:.72rem;
    line-height:1.45;
    color:var(--ink-2);
    margin-top:6px;
  }
  .negot-strategy b{color:var(--good)}

  .negot-disclaimer{
    text-align:center;
    font-size:.6rem;
    color:var(--mute);
    margin-top:8px;
    font-style:italic;
  }
  .negot-error{
    background:rgba(231,92,102,.08);
    border-left:3px solid var(--bad);
    padding:10px 12px;
    border-radius:5px;
    font-size:.78rem;
    color:var(--ink-2);
  }
  .negot-error b{color:var(--bad)}

  /* Geçici köprü mesajı (henüz form yapılmamış kategoriler için) */
  .kl-coming-soon{
    background:linear-gradient(135deg, rgba(212,174,108,.12), rgba(212,174,108,.04));
    border:1px dashed var(--gold-2);
    border-radius:11px;
    padding:24px 20px;
    text-align:center;
    color:var(--ink);
  }
  .kl-coming-soon-icon{
    font-size:2rem;
    margin-bottom:10px;
  }
  .kl-coming-soon-title{
    color:var(--gold);
    font-size:1rem;
    font-weight:800;
    margin-bottom:8px;
  }
  .kl-coming-soon-text{
    color:var(--ink-2);
    font-size:.85rem;
    line-height:1.6;
    margin-bottom:14px;
  }
  .kl-coming-soon-btn{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border:none;
    padding:9px 18px;
    border-radius:8px;
    font-size:.82rem;
    font-weight:800;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:7px;
    font-family:inherit;
  }

  /* Foto upload */
  .kl-photo-drop{
    display:block;
    background:var(--navy-card);
    border:2px dashed var(--gold-2);
    border-radius:11px;
    padding:24px 20px;
    text-align:center;
    cursor:pointer;
    transition:all .2s;
  }
  .kl-photo-drop:hover{
    background:rgba(212,174,108,.08);
    border-color:var(--gold);
  }
  /* Drag & drop aktif hali */
  .kl-photo-drop.dragging{
    background:linear-gradient(135deg, rgba(212,174,108,.2), rgba(212,174,108,.08));
    border-color:var(--gold);
    border-style:solid;
    transform:scale(1.02);
    box-shadow:0 0 30px rgba(212,174,108,.3);
  }
  .kl-photo-drop.dragging .kl-photo-drop-title{
    color:var(--gold);
    font-size:1.05rem;
  }
  .kl-photo-drop.dragging .kl-photo-drop-sub{
    color:var(--ink);
  }
  .kl-photo-drop.dragging i{
    color:var(--gold);
    transform:scale(1.1);
  }
  /* AI sohbet drag & drop */
  .chat-area.drag-active,
  .upload-bar.drag-active{
    background:rgba(212,174,108,.08);
    outline:2px dashed var(--gold);
    outline-offset:-4px;
    border-radius:8px;
  }
  .upload-trigger.drag-active{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    transform:scale(1.05);
  }

  /* ============ İLAN KALİTE SKORU ============ */
  .quality-meter{
    display:flex;
    align-items:center;
    gap:12px;
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--line-strong);
    border-radius:10px;
    padding:10px 14px;
    margin-bottom:14px;
    transition:all .3s;
  }
  .quality-meter.compact{
    padding:8px 12px;
    gap:10px;
  }
  .quality-gauge{
    position:relative;
    width:54px;
    height:54px;
    flex-shrink:0;
  }
  .quality-meter.compact .quality-gauge{
    width:42px;
    height:42px;
  }
  .quality-gauge svg{
    width:100%;
    height:100%;
    transform:rotate(-90deg);
  }
  .quality-gauge-bg{
    fill:none;
    stroke:rgba(255,255,255,.08);
    stroke-width:5;
  }
  .quality-gauge-fg{
    fill:none;
    stroke-width:5;
    stroke-linecap:round;
    transition:stroke-dashoffset .5s ease, stroke .3s;
  }
  .quality-gauge-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    text-align:center;
    line-height:1;
  }
  .quality-gauge-num{
    font-size:.85rem;
    font-weight:900;
    color:var(--ink);
  }
  .quality-meter.compact .quality-gauge-num{
    font-size:.72rem;
  }
  .quality-info{
    flex:1;
    min-width:0;
  }
  .quality-title{
    font-size:.78rem;
    font-weight:700;
    color:var(--ink);
    margin-bottom:2px;
    display:flex;
    align-items:center;
    gap:6px;
  }
  .quality-meter.compact .quality-title{
    font-size:.72rem;
  }
  .quality-label{
    font-size:.62rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.6px;
    padding:1px 6px;
    border-radius:8px;
  }
  .quality-label.low{background:rgba(231,92,102,.2); color:#e95c66}
  .quality-label.mid{background:rgba(245,158,11,.2); color:#f59e0b}
  .quality-label.high{background:rgba(63,194,138,.2); color:#3fc28a}
  .quality-label.premium{background:linear-gradient(135deg, var(--gold), var(--gold-2)); color:var(--navy-deep)}
  .quality-hint{
    font-size:.7rem;
    color:var(--ink-2);
    line-height:1.35;
  }
  .quality-meter.compact .quality-hint{
    font-size:.65rem;
  }
  .quality-checklist{
    list-style:none;
    padding:0;
    margin:8px 0 0 0;
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));
    gap:4px 12px;
    font-size:.7rem;
  }
  .quality-checklist li{
    display:flex;
    align-items:center;
    gap:6px;
    color:var(--ink-2);
  }
  .quality-checklist li.done{color:var(--good)}
  .quality-checklist li.miss{color:var(--mute)}
  .quality-checklist li i{width:12px; text-align:center; flex-shrink:0}

  /* ============ KARŞILAŞTIRMA SEPETİ ============ */
  /* Floating buton */
  .compare-fab{
    position:fixed;
    bottom:90px;
    right:20px;
    width:56px;
    height:56px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border:none;
    cursor:pointer;
    box-shadow:0 6px 20px rgba(212,174,108,.45), 0 2px 6px rgba(0,0,0,.3);
    z-index:9990;
    display:none;
    align-items:center;
    justify-content:center;
    font-size:1.4rem;
    transition:all .2s;
  }
  .compare-fab.active{display:flex}
  .compare-fab:hover{transform:scale(1.08)}
  .compare-fab-badge{
    position:absolute;
    top:-4px;
    right:-4px;
    background:var(--bad);
    color:#fff;
    border-radius:50%;
    width:22px;
    height:22px;
    font-size:.72rem;
    font-weight:800;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid var(--navy-deep);
  }
  @media (max-width:560px){
    .compare-fab{bottom:80px; right:14px; width:50px; height:50px; font-size:1.2rem}
  }

  /* Detay modal'a "Karşılaştırmaya ekle" butonu */
  .compare-add-btn{
    background:transparent;
    color:var(--gold);
    border:1px solid var(--gold-2);
    padding:8px 14px;
    border-radius:8px;
    font-weight:700;
    font-size:.78rem;
    cursor:pointer;
    transition:all .15s;
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin-right:8px;
  }
  .compare-add-btn:hover{
    background:rgba(212,174,108,.12);
    border-color:var(--gold);
  }
  .compare-add-btn.added{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border-color:var(--gold);
  }

  /* Karşılaştırma modal */
  .compare-overlay{
    position:fixed;
    inset:0;
    background:rgba(5,11,31,.85);
    backdrop-filter:blur(8px);
    z-index:9995;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
  }
  .compare-overlay.show{display:flex}
  .compare-modal{
    background:var(--navy-card);
    border:1px solid var(--gold-2);
    border-radius:14px;
    width:100%;
    max-width:1000px;
    max-height:92vh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    box-shadow:0 20px 60px rgba(0,0,0,.6);
  }
  .compare-head{
    background:var(--navy-deep);
    border-bottom:1px solid var(--gold-2);
    padding:16px 22px;
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
  }
  .compare-head .ic{
    width:42px;
    height:42px;
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.3rem;
  }
  .compare-head .t{flex:1}
  .compare-head .h1{color:var(--gold); font-size:1.05rem; font-weight:800}
  .compare-head .h2{color:var(--ink-2); font-size:.78rem}
  .compare-close{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    width:34px;
    height:34px;
    border-radius:8px;
    cursor:pointer;
    transition:all .15s;
  }
  .compare-close:hover{background:var(--bad); color:#fff; border-color:var(--bad)}
  .compare-body{
    padding:18px 22px;
    overflow:auto;
    flex:1;
  }
  .compare-empty{
    text-align:center;
    padding:50px 20px;
    color:var(--mute);
  }
  .compare-empty i{font-size:3rem; color:var(--gold-2); display:block; margin-bottom:14px; opacity:.6}
  .compare-grid{
    display:grid;
    gap:8px;
    min-width:max-content;
  }
  .compare-row{
    display:grid;
    gap:8px;
    align-items:center;
  }
  .compare-row.header{margin-bottom:8px}
  .compare-row-label{
    color:var(--gold);
    font-weight:700;
    font-size:.78rem;
    padding:8px 12px;
    background:var(--navy-elev);
    border-radius:6px;
  }
  .compare-cell{
    background:var(--navy-card-2);
    border:1px solid var(--line);
    border-radius:8px;
    padding:10px;
    text-align:center;
    font-size:.82rem;
    color:var(--ink);
    position:relative;
  }
  .compare-cell.best{
    background:linear-gradient(135deg, rgba(63,194,138,.15), rgba(63,194,138,.05));
    border-color:var(--good);
    color:var(--good);
    font-weight:700;
  }
  .compare-cell.worst{
    background:linear-gradient(135deg, rgba(231,92,102,.12), rgba(231,92,102,.05));
    border-color:var(--bad);
    color:var(--bad);
  }
  .compare-cell-img{
    width:100%;
    height:100px;
    background:var(--navy-deep);
    border-radius:6px;
    margin-bottom:8px;
    object-fit:cover;
    display:block;
  }
  .compare-cell-img-placeholder{
    width:100%;
    height:100px;
    background:linear-gradient(135deg, var(--navy-deep-2), var(--navy-card));
    border-radius:6px;
    margin-bottom:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gold-2);
    font-size:1.6rem;
  }
  .compare-cell-title{
    font-weight:700;
    color:var(--ink);
    font-size:.82rem;
    line-height:1.3;
    margin-bottom:4px;
    text-align:left;
  }
  .compare-cell-loc{
    font-size:.7rem;
    color:var(--mute);
    text-align:left;
  }
  .compare-cell-remove{
    position:absolute;
    top:6px;
    right:6px;
    background:rgba(231,92,102,.85);
    color:#fff;
    border:none;
    width:22px;
    height:22px;
    border-radius:50%;
    cursor:pointer;
    font-size:.72rem;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:2;
  }
  .compare-cell-remove:hover{background:var(--bad)}
  .compare-actions{
    background:var(--navy-deep);
    border-top:1px solid var(--line-strong);
    padding:12px 22px;
    display:flex;
    gap:10px;
    justify-content:flex-end;
    flex-shrink:0;
  }
  .compare-clear-btn{
    background:transparent;
    color:var(--bad);
    border:1px solid var(--bad);
    padding:8px 14px;
    border-radius:8px;
    font-weight:700;
    font-size:.78rem;
    cursor:pointer;
  }
  .compare-clear-btn:hover{background:rgba(231,92,102,.12)}

  @media (max-width:560px){
    .compare-modal{max-height:96vh}
    .compare-body{padding:12px}
    .compare-row-label{font-size:.7rem; padding:6px 8px}
    .compare-cell{font-size:.72rem; padding:6px}
    .compare-cell-img, .compare-cell-img-placeholder{height:70px}
  }

  /* ============ FAVORİLER (KALP BUTONU) ============ */
  /* Liste kart üzerinde kalp */
  .fav-btn{
    position:absolute;
    top:8px;
    right:8px;
    background:rgba(5,11,31,.7);
    border:1px solid rgba(255,255,255,.15);
    color:var(--ink-2);
    width:34px;
    height:34px;
    border-radius:50%;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.95rem;
    transition:all .2s;
    backdrop-filter:blur(4px);
    z-index:5;
  }
  .fav-btn:hover{
    background:rgba(231,92,102,.2);
    color:#e95c66;
    border-color:#e95c66;
    transform:scale(1.1);
  }
  .fav-btn.active{
    background:rgba(231,92,102,.18);
    color:#e95c66;
    border-color:#e95c66;
    animation:favPulse .35s ease;
  }
  @keyframes favPulse{
    0%{transform:scale(1)}
    50%{transform:scale(1.25)}
    100%{transform:scale(1)}
  }

  /* Detay modal'da kalp butonu */
  .fav-detail-btn{
    background:transparent;
    border:1px solid var(--bad);
    color:var(--bad);
    padding:8px 14px;
    border-radius:8px;
    font-weight:700;
    font-size:.78rem;
    cursor:pointer;
    transition:all .15s;
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .fav-detail-btn:hover{background:rgba(231,92,102,.12)}
  .fav-detail-btn.active{
    background:rgba(231,92,102,.18);
    color:#e95c66;
  }

  /* Fiyat değişim banner */
  .price-alert{
    display:flex;
    gap:10px;
    align-items:center;
    background:linear-gradient(135deg, rgba(63,194,138,.15), rgba(63,194,138,.04));
    border:1px solid var(--good);
    border-radius:10px;
    padding:10px 14px;
    margin-bottom:10px;
  }
  .price-alert.up{
    background:linear-gradient(135deg, rgba(231,92,102,.12), rgba(231,92,102,.04));
    border-color:var(--bad);
  }
  .price-alert-icon{font-size:1.4rem; flex-shrink:0; line-height:1}
  .price-alert-body{flex:1; min-width:0}
  .price-alert-title{
    color:var(--good);
    font-weight:700;
    font-size:.82rem;
    margin-bottom:2px;
  }
  .price-alert.up .price-alert-title{color:var(--bad)}
  .price-alert-msg{
    color:var(--ink-2);
    font-size:.72rem;
    line-height:1.4;
  }
  .price-alert-msg .old{
    text-decoration:line-through;
    color:var(--mute);
    margin:0 4px;
  }
  .price-alert-msg .new{
    color:var(--good);
    font-weight:700;
  }
  .price-alert.up .price-alert-msg .new{color:var(--bad)}
  .price-alert-go{
    background:transparent;
    border:1px solid var(--good);
    color:var(--good);
    padding:5px 10px;
    border-radius:6px;
    font-size:.7rem;
    font-weight:700;
    cursor:pointer;
    flex-shrink:0;
  }
  .price-alert.up .price-alert-go{border-color:var(--bad); color:var(--bad)}

  /* Favoriler modal */
  .fav-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(5,11,31,.85);
    backdrop-filter:blur(8px);
    z-index:9994;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
  }
  .fav-modal-overlay.show{display:flex}
  .fav-modal{
    background:var(--navy-card);
    border:1px solid var(--bad);
    border-radius:14px;
    width:100%;
    max-width:680px;
    max-height:88vh;
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .fav-modal-head{
    background:var(--navy-deep);
    border-bottom:1px solid var(--bad);
    padding:16px 22px;
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
  }
  .fav-modal-head .ic{
    width:42px; height:42px;
    background:linear-gradient(135deg, var(--bad), #c9404a);
    color:#fff;
    border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.2rem;
  }
  .fav-modal-head .t{flex:1}
  .fav-modal-head .h1{color:var(--ink); font-size:1.05rem; font-weight:800}
  .fav-modal-head .h2{color:var(--ink-2); font-size:.72rem}
  .fav-modal-body{
    padding:16px 22px;
    overflow:auto;
    flex:1;
  }
  .fav-empty{
    text-align:center;
    padding:50px 20px;
    color:var(--mute);
  }
  .fav-empty i{font-size:3rem; color:var(--bad); display:block; margin-bottom:14px; opacity:.6}
  .fav-list-item{
    display:flex;
    gap:12px;
    align-items:center;
    background:var(--navy-card-2);
    border:1px solid var(--line);
    border-radius:10px;
    padding:10px;
    margin-bottom:8px;
    cursor:pointer;
    transition:all .15s;
  }
  .fav-list-item:hover{border-color:var(--gold-2); background:var(--navy-elev)}
  .fav-list-img{
    width:60px; height:50px;
    background:var(--navy-deep);
    border-radius:6px;
    object-fit:cover;
    flex-shrink:0;
  }
  .fav-list-img-ph{
    width:60px; height:50px;
    background:linear-gradient(135deg, var(--navy-deep-2), var(--navy-card));
    border-radius:6px;
    display:flex; align-items:center; justify-content:center;
    color:var(--gold-2);
    font-size:1.2rem;
    flex-shrink:0;
  }
  .fav-list-info{flex:1; min-width:0}
  .fav-list-title{
    color:var(--ink);
    font-weight:700;
    font-size:.85rem;
    line-height:1.3;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .fav-list-meta{
    color:var(--mute);
    font-size:.72rem;
    margin-top:2px;
  }
  .fav-list-price{
    color:var(--good);
    font-weight:700;
    font-size:.85rem;
    margin-top:2px;
  }
  .fav-list-change{
    font-size:.7rem;
    margin-left:6px;
    font-weight:700;
  }
  .fav-list-change.down{color:var(--good)}
  .fav-list-change.up{color:var(--bad)}
  .fav-list-remove{
    background:rgba(231,92,102,.12);
    border:1px solid var(--bad);
    color:var(--bad);
    width:32px; height:32px;
    border-radius:50%;
    cursor:pointer;
    flex-shrink:0;
    transition:all .15s;
  }
  .fav-list-remove:hover{background:var(--bad); color:#fff}

  /* ============ PAYLAŞIM ============ */
  .share-detail-btn{
    background:linear-gradient(135deg, #25d366, #128C7E);
    border:none;
    color:#fff;
    padding:8px 14px;
    border-radius:8px;
    font-weight:700;
    font-size:.78rem;
    cursor:pointer;
    transition:all .15s;
    display:inline-flex;
    align-items:center;
    gap:6px;
    box-shadow:0 2px 6px rgba(37,211,102,.25);
  }
  .share-detail-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(37,211,102,.35);
  }

  /* Paylaşım modal (fallback) */
  .share-modal-overlay{
    position:fixed;
    inset:0;
    background:rgba(5,11,31,.85);
    backdrop-filter:blur(8px);
    z-index:9996;
    display:none;
    align-items:flex-end;
    justify-content:center;
  }
  @media (min-width:561px){
    .share-modal-overlay{align-items:center; padding:20px}
  }
  .share-modal-overlay.show{display:flex; animation:fadeIn .2s ease}
  @keyframes fadeIn{from{opacity:0}to{opacity:1}}
  .share-modal{
    background:var(--navy-card);
    border:1px solid var(--gold-2);
    border-radius:16px 16px 0 0;
    width:100%;
    max-width:480px;
    padding:18px 18px 24px;
    box-shadow:0 -8px 30px rgba(0,0,0,.5);
    animation:slideUp .25s ease;
  }
  @media (min-width:561px){
    .share-modal{border-radius:14px}
  }
  @keyframes slideUp{from{transform:translateY(40px)}to{transform:translateY(0)}}
  .share-modal-title{
    text-align:center;
    color:var(--ink);
    font-weight:700;
    font-size:.95rem;
    margin-bottom:4px;
  }
  .share-modal-sub{
    text-align:center;
    color:var(--ink-2);
    font-size:.72rem;
    margin-bottom:16px;
    line-height:1.4;
    word-wrap:break-word;
  }
  .share-grid{
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:12px;
    margin-bottom:14px;
  }
  @media (max-width:380px){
    .share-grid{grid-template-columns:repeat(4, 1fr); gap:10px}
  }
  .share-btn{
    background:transparent;
    border:none;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
    padding:0;
    transition:transform .15s;
  }
  .share-btn:hover{transform:scale(1.08)}
  .share-btn-icon{
    width:46px;
    height:46px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:1.2rem;
    box-shadow:0 3px 8px rgba(0,0,0,.3);
  }
  .share-btn-label{
    color:var(--ink-2);
    font-size:.68rem;
    font-weight:600;
  }
  .share-btn.wa .share-btn-icon{background:#25d366}
  .share-btn.tg .share-btn-icon{background:#0088cc}
  .share-btn.tw .share-btn-icon{background:#000}
  .share-btn.fb .share-btn-icon{background:#1877f2}
  .share-btn.mail .share-btn-icon{background:#ea4335}
  .share-btn.copy .share-btn-icon{background:linear-gradient(135deg, var(--gold), var(--gold-2)); color:var(--navy-deep)}
  .share-cancel{
    width:100%;
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--ink-2);
    padding:10px;
    border-radius:8px;
    font-weight:700;
    font-size:.85rem;
    cursor:pointer;
  }
  .share-cancel:hover{background:var(--navy-elev); color:var(--ink)}

  /* ============ KREDİ HESAPLAYICI ============ */
  .loan-calc{
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:10px;
    padding:14px;
    margin-top:14px;
  }
  .loan-calc-head{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
  }
  .loan-calc-head .ic{font-size:1.2rem}
  .loan-calc-head .t{
    color:var(--gold);
    font-weight:700;
    font-size:.92rem;
  }
  .loan-price-row{
    background:rgba(212,174,108,.08);
    padding:8px 12px;
    border-radius:6px;
    margin-bottom:14px;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .loan-price-label{font-size:.78rem; color:var(--ink-2)}
  .loan-price-val{
    color:var(--gold);
    font-weight:700;
    font-size:.95rem;
  }

  /* Slider satırları */
  .loan-slider-row{margin-bottom:12px}
  .loan-slider-head{
    display:flex;
    justify-content:space-between;
    font-size:.75rem;
    margin-bottom:5px;
    align-items:center;
  }
  .loan-slider-label{color:var(--ink-2); font-weight:600}
  .loan-slider-val{
    color:var(--gold);
    font-weight:700;
    font-size:.78rem;
  }
  .loan-slider{
    width:100%;
    -webkit-appearance:none;
    appearance:none;
    height:6px;
    background:rgba(255,255,255,.1);
    border-radius:3px;
    outline:none;
    cursor:pointer;
  }
  .loan-slider::-webkit-slider-thumb{
    -webkit-appearance:none;
    appearance:none;
    width:18px;
    height:18px;
    background:var(--gold);
    border-radius:50%;
    cursor:pointer;
    box-shadow:0 0 0 3px rgba(212,174,108,.3);
    transition:transform .15s;
  }
  .loan-slider::-webkit-slider-thumb:hover{
    transform:scale(1.15);
  }
  .loan-slider::-moz-range-thumb{
    width:18px;
    height:18px;
    background:var(--gold);
    border-radius:50%;
    cursor:pointer;
    border:none;
    box-shadow:0 0 0 3px rgba(212,174,108,.3);
  }

  /* Sonuç kart */
  .loan-result{
    background:linear-gradient(135deg, rgba(212,174,108,.18), rgba(63,194,138,.05));
    border:1px solid var(--gold);
    border-radius:8px;
    padding:14px;
    margin-bottom:10px;
  }
  .loan-result-main{
    text-align:center;
    margin-bottom:10px;
  }
  .loan-result-label{
    font-size:.7rem;
    color:var(--ink-2);
    text-transform:uppercase;
    letter-spacing:.6px;
  }
  .loan-result-amount{
    font-size:1.7rem;
    color:var(--gold);
    font-weight:900;
    line-height:1.1;
    margin-top:3px;
  }
  .loan-result-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    padding-top:10px;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .loan-result-cell{
    text-align:center;
  }
  .loan-result-cell-lbl{
    font-size:.65rem;
    color:var(--mute);
    margin-bottom:2px;
  }
  .loan-result-cell-val{
    font-size:.85rem;
    color:var(--ink);
    font-weight:700;
  }
  .loan-result-cell.bad .loan-result-cell-val{color:var(--bad)}

  /* AI yorumu */
  .loan-ai-tip{
    background:rgba(63,194,138,.08);
    border-left:3px solid var(--good);
    padding:9px 12px;
    border-radius:6px;
    font-size:.72rem;
    line-height:1.5;
    color:var(--ink-2);
    margin-bottom:10px;
  }
  .loan-ai-tip i{color:var(--good); margin-right:4px}
  .loan-ai-tip b{color:var(--good)}

  /* Uyarı notu */
  .loan-disclaimer{
    text-align:center;
    font-size:.62rem;
    color:var(--mute);
    line-height:1.4;
    padding:6px;
  }

  /* Manuel faiz input */
  .loan-rate-input-wrap{
    display:flex;
    align-items:center;
    gap:6px;
    background:var(--navy-deep);
    border:1px solid var(--line-strong);
    border-radius:6px;
    padding:4px 10px;
    margin-top:6px;
    transition:border-color .15s;
  }
  .loan-rate-input-wrap:focus-within{
    border-color:var(--gold);
  }
  .loan-rate-input{
    background:transparent;
    border:none;
    color:var(--gold);
    font-weight:700;
    font-size:.85rem;
    width:60px;
    padding:4px 0;
    outline:none;
    text-align:center;
    -moz-appearance:textfield;
  }
  .loan-rate-input::-webkit-outer-spin-button,
  .loan-rate-input::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0;
  }
  .loan-rate-percent{
    color:var(--gold);
    font-weight:700;
    font-size:.85rem;
  }
  .loan-rate-helper{
    font-size:.62rem;
    color:var(--mute);
    margin-left:auto;
  }
  .loan-rate-source{
    font-size:.62rem;
    color:var(--ink-2);
    text-align:center;
    margin-top:4px;
    font-style:italic;
  }
  .loan-rate-source b{color:var(--gold)}

  /* ============ PWA INSTALL BANNER ============ */
  .pwa-install-banner{
    position:fixed;
    bottom:20px;
    left:50%;
    transform:translateX(-50%) translateY(120px);
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--gold);
    border-radius:14px;
    padding:14px 18px;
    box-shadow:0 8px 30px rgba(212,174,108,.25), 0 4px 12px rgba(0,0,0,.4);
    z-index:9985;
    display:flex;
    gap:14px;
    align-items:center;
    max-width:480px;
    width:calc(100% - 30px);
    transition:transform .35s cubic-bezier(.34,1.56,.64,1), opacity .25s;
    opacity:0;
    pointer-events:none;
  }
  .pwa-install-banner.show{
    transform:translateX(-50%) translateY(0);
    opacity:1;
    pointer-events:auto;
  }
  .pwa-install-icon{
    width:46px;
    height:46px;
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--navy-deep);
    font-weight:900;
    font-size:1.1rem;
    flex-shrink:0;
    box-shadow:0 3px 8px rgba(212,174,108,.35);
  }
  .pwa-install-body{flex:1; min-width:0}
  .pwa-install-title{
    color:var(--ink);
    font-weight:700;
    font-size:.85rem;
    line-height:1.2;
  }
  .pwa-install-msg{
    color:var(--ink-2);
    font-size:.72rem;
    line-height:1.35;
    margin-top:2px;
  }
  .pwa-install-actions{
    display:flex;
    gap:6px;
    flex-shrink:0;
  }
  .pwa-install-btn{
    background:linear-gradient(135deg, var(--gold), var(--gold-2));
    color:var(--navy-deep);
    border:none;
    padding:8px 14px;
    border-radius:8px;
    font-weight:700;
    font-size:.78rem;
    cursor:pointer;
    white-space:nowrap;
    transition:transform .15s;
  }
  .pwa-install-btn:hover{transform:scale(1.05)}

  /* ============ PAZAR TREND ANALİZİ PANELİ ============ */
  .market-trend{
    background:linear-gradient(135deg, var(--navy-card-2), var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:10px;
    padding:14px;
    margin-top:14px;
  }
  .market-trend-head{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:14px;
  }
  .market-trend-head .ic{font-size:1.2rem}
  .market-trend-head .t{
    color:var(--gold);
    font-weight:700;
    font-size:.92rem;
  }
  .market-trend-head .region{
    color:var(--ink-2);
    font-weight:500;
    font-size:.78rem;
  }
  .market-kpi-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:8px;
    margin-bottom:12px;
  }
  @media (max-width:560px){
    .market-kpi-grid{grid-template-columns:1fr; gap:6px}
  }
  .market-kpi{
    padding:10px;
    border-radius:6px;
    border-left:3px solid;
  }
  .market-kpi.green{
    background:rgba(63,194,138,.1);
    border-color:var(--good);
  }
  .market-kpi.gold{
    background:rgba(212,174,108,.1);
    border-color:var(--gold);
  }
  .market-kpi.blue{
    background:rgba(59,130,246,.1);
    border-color:#3b82f6;
  }
  .market-kpi-label{
    font-size:.62rem;
    color:var(--mute);
    text-transform:uppercase;
    letter-spacing:.4px;
    line-height:1.2;
  }
  .market-kpi-value{
    font-weight:900;
    font-size:1.05rem;
    line-height:1.2;
    margin-top:3px;
  }
  .market-kpi.green .market-kpi-value{color:var(--good)}
  .market-kpi.gold .market-kpi-value{color:var(--gold)}
  .market-kpi.blue .market-kpi-value{color:#3b82f6}
  .market-kpi-sub{
    font-size:.62rem;
    color:var(--ink-2);
    margin-top:2px;
    line-height:1.3;
  }
  .market-kpi-sub.up{color:var(--good)}
  .market-kpi-sub.down{color:var(--bad)}

  /* Mini grafik */
  .market-chart{
    background:var(--navy-deep);
    border-radius:8px;
    padding:12px;
    margin-bottom:12px;
  }
  .market-chart-head{
    font-size:.7rem;
    color:var(--ink-2);
    margin-bottom:6px;
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .market-chart-pct{
    font-weight:700;
    font-size:.78rem;
  }
  .market-chart-pct.up{color:var(--good)}
  .market-chart-pct.down{color:var(--bad)}
  .market-chart-svg{
    width:100%;
    height:70px;
    display:block;
  }
  .market-chart-labels{
    display:flex;
    justify-content:space-between;
    font-size:.58rem;
    color:var(--mute);
    margin-top:4px;
  }

  /* AI yorumu */
  .market-ai-tip{
    background:rgba(63,194,138,.08);
    border-left:3px solid var(--good);
    padding:10px 12px;
    border-radius:6px;
    font-size:.72rem;
    line-height:1.5;
    color:var(--ink-2);
    margin-bottom:8px;
  }
  .market-ai-tip i{color:var(--good); margin-right:4px}
  .market-ai-tip b{color:var(--good)}
  .market-ai-tip.warn{
    background:rgba(245,158,11,.08);
    border-color:#f59e0b;
  }
  .market-ai-tip.warn i, .market-ai-tip.warn b{color:#f59e0b}
  .market-ai-tip.alert{
    background:rgba(231,92,102,.08);
    border-color:var(--bad);
  }
  .market-ai-tip.alert i, .market-ai-tip.alert b{color:var(--bad)}

  /* Yetersiz veri uyarısı */
  .market-empty{
    text-align:center;
    padding:14px;
    color:var(--mute);
    font-size:.78rem;
    line-height:1.5;
    background:rgba(255,255,255,.03);
    border-radius:6px;
  }
  .market-empty i{
    font-size:1.6rem;
    color:var(--gold-2);
    display:block;
    margin-bottom:8px;
    opacity:.6;
  }
  .market-disclaimer{
    text-align:center;
    font-size:.6rem;
    color:var(--mute);
    line-height:1.4;
    font-style:italic;
    margin-top:6px;
  }
  .pwa-install-close{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    width:30px;
    height:30px;
    border-radius:50%;
    cursor:pointer;
    flex-shrink:0;
    transition:all .15s;
  }
  .pwa-install-close:hover{background:var(--bad); color:#fff; border-color:var(--bad)}
  @media (max-width:560px){
    .pwa-install-banner{
      bottom:14px;
      padding:10px 14px;
      gap:10px;
    }
    .pwa-install-icon{width:38px; height:38px; font-size:.95rem}
    .pwa-install-title{font-size:.78rem}
    .pwa-install-msg{font-size:.65rem}
    .pwa-install-btn{padding:6px 10px; font-size:.7rem}
  }
  .kl-photo-drop i{
    font-size:2rem;
    color:var(--gold-2);
    margin-bottom:8px;
    display:block;
  }
  .kl-photo-drop-title{
    color:var(--gold);
    font-size:.95rem;
    font-weight:700;
    margin-bottom:4px;
  }
  .kl-photo-drop-sub{
    color:var(--ink-2);
    font-size:.75rem;
  }
  .kl-photo-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(110px, 1fr));
    gap:8px;
    margin-top:14px;
  }
  .kl-photo-item{
    position:relative;
    aspect-ratio:1;
    background:var(--navy-bg);
    border:1px solid var(--line-strong);
    border-radius:8px;
    overflow:hidden;
  }
  .kl-photo-item img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .kl-photo-remove{
    position:absolute;
    top:4px;right:4px;
    width:24px;height:24px;
    background:rgba(0,0,0,.7);
    border:1px solid #ef4444;
    color:#ef4444;
    border-radius:50%;
    display:grid;
    place-items:center;
    cursor:pointer;
    font-size:.7rem;
  }
  .kl-photo-item.cover::before{
    content:'KAPAK';
    position:absolute;
    bottom:4px;left:4px;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    padding:1px 6px;
    border-radius:4px;
    font-size:.6rem;
    font-weight:800;
    z-index:2;
  }

  /* ============ AUTHORIZATION MODAL (Yetki Belgesi) ============ */
  .auth-modal{
    position:fixed;inset:0;
    background:rgba(6,17,43,.92);
    backdrop-filter:blur(10px);
    z-index:720;
    display:none;
    align-items:center;justify-content:center;
    padding:20px;
  }
  .auth-modal.show{display:flex;animation:modalIn .4s}

  /* ============ SUCCESS MODAL (Klasik İlan başarı) ============ */
  .success-modal{
    position:fixed;inset:0;
    background:rgba(6,17,43,.94);
    backdrop-filter:blur(10px);
    z-index:730;
    display:none;
    align-items:center;justify-content:center;
    padding:20px;
  }
  .success-modal.show{display:flex;animation:modalIn .4s}
  .success-card{
    width:100%;max-width:560px;
    max-height:92vh;
    background:linear-gradient(to bottom,var(--navy-card-2),var(--navy-card));
    border:1px solid #22c55e;
    border-radius:16px;
    overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(34,197,94,.2);
  }
  .success-head{
    padding:24px 26px 20px;
    background:linear-gradient(135deg,#0f3d2e,#0a2e22);
    border-bottom:1px solid rgba(34,197,94,.3);
    text-align:center;
  }
  .success-icon{
    width:60px;height:60px;
    margin:0 auto 12px;
    background:linear-gradient(135deg,#22c55e,#16a34a);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:1.8rem;color:#fff;
    box-shadow:0 8px 20px rgba(34,197,94,.4);
  }
  .success-title{
    font-size:1.35rem;font-weight:900;color:#fff;
    margin-bottom:4px;letter-spacing:.3px;
  }
  .success-subtitle{
    font-size:.85rem;color:#86efac;
  }
  .success-body{
    padding:22px 26px;
    overflow-y:auto;
    flex:1;
  }
  .success-id-box{
    background:rgba(212,174,108,.1);
    border:1px solid rgba(212,174,108,.35);
    border-radius:12px;
    padding:16px 20px;
    text-align:center;
    margin-bottom:20px;
  }
  .success-id-label{
    font-size:.7rem;font-weight:700;color:var(--gold);
    text-transform:uppercase;letter-spacing:1.2px;
    margin-bottom:6px;
  }
  .success-id-value{
    font-size:1.6rem;font-weight:900;color:var(--gold);
    font-family:'Courier New',monospace;letter-spacing:1.5px;
    margin-bottom:6px;
    user-select:all;cursor:text;
  }
  .success-id-hint{
    font-size:.72rem;color:var(--mute);
  }
  .success-step-list{
    display:flex;flex-direction:column;gap:14px;
    margin-bottom:18px;
  }
  .success-step{
    display:flex;gap:14px;align-items:flex-start;
    padding:14px;border-radius:10px;
  }
  .success-step-now{
    background:rgba(59,130,246,.1);
    border:1px solid rgba(59,130,246,.3);
  }
  .success-step-next{
    background:rgba(255,255,255,.025);
    border:1px solid rgba(255,255,255,.06);
  }
  .success-step-num{
    width:28px;height:28px;flex-shrink:0;
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:.85rem;font-weight:800;
    background:rgba(255,255,255,.1);color:#9aa5bd;
  }
  .success-step-now .success-step-num{
    background:#3b82f6;color:#fff;
    box-shadow:0 0 0 4px rgba(59,130,246,.2);
  }
  .success-step-text{
    flex:1;font-size:.88rem;line-height:1.5;
    display:flex;flex-direction:column;gap:4px;
  }
  .success-step-text strong{color:#e9ecef;font-weight:700;}
  .success-step-text span{color:var(--mute);font-size:.82rem;}
  .success-spam-warn{
    background:rgba(245,158,11,.1);
    border:1px solid rgba(245,158,11,.35);
    border-radius:10px;
    padding:12px 14px;
    display:flex;gap:10px;align-items:flex-start;
    color:#fcd34d;font-size:.82rem;line-height:1.5;
  }
  .success-spam-warn i{color:#fbbf24;margin-top:2px;flex-shrink:0;}
  .success-spam-warn strong{color:#fde68a;}
  .success-mailfail-warn{
    background:rgba(239,68,68,.1);
    border:1px solid rgba(239,68,68,.35);
    border-radius:10px;
    padding:12px 14px;
    margin-top:10px;
    display:flex;gap:10px;align-items:flex-start;
    color:#fca5a5;font-size:.82rem;line-height:1.5;
  }
  .success-mailfail-warn i{color:#ef4444;margin-top:2px;flex-shrink:0;}
  .success-mailfail-warn a{color:#fca5a5;text-decoration:underline;}
  .success-foot{
    padding:18px 26px;
    background:rgba(0,0,0,.2);
    border-top:1px solid rgba(255,255,255,.06);
    display:flex;gap:10px;
  }
  .btn-success-secondary{
    flex:1;padding:12px 16px;
    background:transparent;
    border:1px solid rgba(255,255,255,.18);
    border-radius:9px;
    color:#9aa5bd;font-size:.88rem;font-weight:600;
    cursor:pointer;transition:all .2s;
  }
  .btn-success-secondary:hover{
    background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.28);color:#e9ecef;
  }
  .btn-success-primary{
    flex:1.3;padding:12px 16px;
    background:linear-gradient(135deg,#22c55e,#16a34a);
    border:none;border-radius:9px;
    color:#fff;font-size:.92rem;font-weight:800;
    cursor:pointer;transition:all .2s;
    box-shadow:0 6px 16px rgba(34,197,94,.3);
  }
  .btn-success-primary:hover{
    transform:translateY(-1px);
    box-shadow:0 10px 22px rgba(34,197,94,.4);
  }
  @media (max-width:600px){
    .success-head{padding:18px 20px 16px;}
    .success-body{padding:16px 18px;}
    .success-foot{padding:14px 18px;flex-direction:column-reverse;}
    .success-id-value{font-size:1.35rem;}
    .success-title{font-size:1.15rem;}
  }
  .auth-card{
    width:100%;max-width:580px;
    max-height:92vh;
    background:linear-gradient(to bottom,var(--navy-card-2),var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:16px;
    overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(212,174,108,.15);
  }
  .auth-head{
    padding:22px 26px;
    background:var(--navy-deep);
    border-bottom:1px solid var(--gold-2);
    text-align:center;
  }
  .auth-icon{
    width:54px;height:54px;
    margin:0 auto 12px;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border-radius:14px;
    display:grid;place-items:center;
    font-size:1.5rem;
    box-shadow:0 6px 20px rgba(212,174,108,.35);
  }
  .auth-title{
    font-size:1.2rem;color:var(--gold);
    font-weight:800;letter-spacing:.5px;margin-bottom:4px;
  }
  .auth-subtitle{
    font-size:.82rem;color:var(--ink-2);line-height:1.5;
  }
  .auth-body{
    padding:22px 26px;overflow-y:auto;flex:1;
  }
  .auth-warning{
    background:rgba(233,92,102,.08);
    border-left:3px solid var(--bad);
    padding:11px 14px;
    border-radius:6px;
    margin-bottom:16px;
    font-size:.78rem;
    color:var(--ink);
    line-height:1.5;
  }
  .auth-warning strong{color:var(--bad)}
  .auth-options{
    display:grid;grid-template-columns:1fr 1fr;gap:10px;
    margin-bottom:18px;
  }
  .auth-option{
    background:var(--navy-bg);
    border:2px solid var(--line-strong);
    border-radius:11px;
    padding:18px 14px;
    cursor:pointer;
    text-align:center;
    transition:all .2s;
  }
  .auth-option:hover{
    border-color:var(--gold);
  }
  .auth-option.active{
    border-color:var(--gold);
    background:var(--gold-soft);
    box-shadow:0 4px 18px rgba(212,174,108,.22);
  }
  .auth-option .ic{
    width:40px;height:40px;
    margin:0 auto 8px;
    background:rgba(212,174,108,.1);
    border:1px solid var(--gold-2);
    color:var(--gold);
    border-radius:50%;
    display:grid;place-items:center;
    font-size:1rem;
  }
  .auth-option.active .ic{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
  }
  .auth-option .t{
    font-size:.86rem;
    font-weight:700;
    color:var(--ink);
    letter-spacing:.3px;
  }
  .auth-option.active .t{color:var(--gold)}
  .auth-option .d{
    font-size:.7rem;
    color:var(--mute);
    margin-top:4px;
    line-height:1.4;
  }
  .auth-row{margin-bottom:14px}
  .auth-row label{
    display:block;font-size:.72rem;color:var(--mute);
    text-transform:uppercase;letter-spacing:1.2px;
    margin-bottom:6px;font-weight:600;
  }
  .auth-row label .req{color:var(--bad);margin-left:3px}
  .auth-row input[type="text"]{
    width:100%;background:var(--navy-bg);
    border:1.5px solid var(--line-strong);
    border-radius:10px;padding:12px 14px;
    color:var(--ink);font-size:.95rem;
    transition:all .15s;font-family:'Courier New',monospace;
    letter-spacing:1.5px;
  }
  .auth-row input:focus{
    outline:none;border-color:var(--gold);
    box-shadow:0 0 0 3px var(--gold-soft);
  }
  .auth-upload{
    border:2px dashed var(--line-strong);
    background:var(--navy-bg);
    border-radius:11px;
    padding:18px;
    text-align:center;
    cursor:pointer;
    transition:all .2s;
    position:relative;
  }
  .auth-upload:hover{
    border-color:var(--gold);
    background:var(--gold-soft);
  }
  .auth-upload.has-file{
    border-color:var(--good);
    border-style:solid;
    background:rgba(74,222,128,.06);
  }
  .auth-upload-ic{
    font-size:1.6rem;color:var(--gold);margin-bottom:8px;
  }
  .auth-upload-t{
    font-size:.82rem;color:var(--ink);font-weight:600;
    margin-bottom:3px;
  }
  .auth-upload-d{
    font-size:.7rem;color:var(--mute);
  }
  .auth-upload.has-file .auth-upload-ic{color:var(--good)}
  .auth-upload-preview{
    width:100%;max-height:140px;
    object-fit:contain;
    border-radius:6px;
    margin-bottom:6px;
  }
  .auth-foot{
    padding:14px 24px;
    background:var(--navy-deep);
    border-top:1px solid var(--line);
    display:flex;gap:10px;
  }
  .auth-foot button{
    flex:1;padding:12px;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
    font-size:.82rem;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:all .15s;
    border:1px solid var(--line-strong);
  }
  .auth-foot .btn-cancel{
    background:transparent;
    color:var(--mute);
  }
  .auth-foot .btn-cancel:hover{
    border-color:var(--bad);color:var(--bad);
  }
  .auth-foot .btn-confirm{
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border-color:var(--gold);
  }
  .auth-foot .btn-confirm:hover{
    transform:translateY(-1px);
    box-shadow:0 6px 18px rgba(212,174,108,.3);
  }
  .auth-foot .btn-confirm:disabled{
    background:var(--line-strong);
    color:var(--mute);
    cursor:not-allowed;
    transform:none;
    box-shadow:none;
  }

  @media (max-width:480px){
    .auth-options{grid-template-columns:1fr}
  }

  /* ============ İLANLARIM MODAL ============ */
  .listings-modal{
    position:fixed;inset:0;
    background:rgba(6,17,43,.94);
    backdrop-filter:blur(10px);
    z-index:600;
    display:none;
    align-items:center;justify-content:center;
    padding:16px;
  }
  .listings-modal.show{display:flex;animation:modalIn .4s}
  .listings-card{
    width:100%;max-width:780px;
    max-height:92vh;
    background:linear-gradient(to bottom,var(--navy-card-2),var(--navy-card));
    border:1px solid var(--gold-2);
    border-radius:16px;
    overflow:hidden;
    display:flex;flex-direction:column;
    box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 60px rgba(212,174,108,.15);
  }
  .listings-head{
    padding:20px 24px;
    background:var(--navy-deep);
    border-bottom:1px solid var(--gold-2);
    display:flex;align-items:center;gap:14px;
  }
  .listings-head .ic{
    width:46px;height:46px;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    color:var(--navy-content);
    border-radius:12px;
    display:grid;place-items:center;
    font-size:1.3rem;
    box-shadow:0 5px 16px rgba(212,174,108,.3);
  }
  .listings-head .t{flex:1}
  .listings-head .t .h1{
    font-size:1.05rem;color:var(--gold);
    font-weight:800;letter-spacing:.5px;
  }
  .listings-head .t .h2{
    font-size:.74rem;color:var(--ink-2);
    margin-top:2px;
  }
  .listings-close{
    width:36px;height:36px;
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    border-radius:8px;
    cursor:pointer;
    display:grid;place-items:center;
    transition:all .15s;
  }
  .listings-close:hover{
    border-color:var(--bad);color:var(--bad);
  }
  .listings-body{
    padding:18px 22px;
    overflow-y:auto;
    flex:1;
  }
  .listings-empty{
    text-align:center;
    padding:40px 20px;
    color:var(--mute);
  }
  .listings-empty i{
    font-size:3rem;color:var(--gold-2);
    opacity:.4;margin-bottom:14px;display:block;
  }
  .listings-empty h3{
    color:var(--ink);font-size:1rem;
    margin-bottom:6px;font-weight:700;
  }
  .listings-empty p{
    font-size:.85rem;line-height:1.55;
    max-width:380px;margin:0 auto;
  }
  .ilan-item{
    background:var(--navy-bg);
    border:1px solid var(--line);
    border-radius:12px;
    padding:14px;
    margin-bottom:12px;
    transition:all .2s;
    display:flex;gap:14px;
  }
  .ilan-item:hover{
    border-color:var(--gold-2);
    box-shadow:0 8px 24px rgba(0,0,0,.3);
  }
  .ilan-thumb{
    width:96px;height:96px;
    background:var(--navy-deep);
    border:1px solid var(--line);
    border-radius:9px;
    overflow:hidden;
    flex-shrink:0;
    position:relative;
  }
  .ilan-thumb img{
    width:100%;height:100%;object-fit:cover;
  }
  .ilan-thumb .photo-count{
    position:absolute;bottom:5px;right:5px;
    background:rgba(0,0,0,.75);
    color:var(--gold);
    padding:2px 8px;
    border-radius:10px;
    font-size:.65rem;font-weight:700;
    backdrop-filter:blur(4px);
  }
  .ilan-thumb-empty{
    display:grid;place-items:center;height:100%;
    color:var(--mute);font-size:1.5rem;
  }
  .ilan-info{flex:1;min-width:0}
  .ilan-id{
    font-size:.7rem;
    color:var(--gold);
    font-weight:700;
    letter-spacing:1px;
    font-family:'Courier New',monospace;
    margin-bottom:3px;
  }
  .ilan-title{
    font-size:.95rem;
    color:var(--ink);
    font-weight:700;
    margin-bottom:5px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .ilan-meta{
    font-size:.74rem;
    color:var(--mute);
    line-height:1.4;
    margin-bottom:7px;
  }
  .ilan-meta i{color:var(--gold-2);width:13px}
  .ilan-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}
  .ilan-tag{
    font-size:.65rem;
    padding:2px 8px;
    background:var(--gold-soft);
    color:var(--gold);
    border-radius:8px;
    border:1px solid var(--gold-2);
    font-weight:700;
    letter-spacing:.5px;
  }
  .ilan-tag.role-owner{
    background:rgba(74,222,128,.12);
    color:var(--good);
    border-color:var(--good);
  }
  .ilan-tag.role-agent{
    background:rgba(96,165,250,.12);
    color:#60a5fa;
    border-color:#60a5fa;
  }
  .ilan-tag.muhurlu{
    background:rgba(212,174,108,.18);
    color:var(--gold);
    border-color:var(--gold);
  }
  .ilan-actions{
    display:flex;gap:6px;margin-top:6px;
  }
  .ilan-actions button{
    background:transparent;
    border:1px solid var(--line-strong);
    color:var(--mute);
    padding:5px 10px;
    border-radius:7px;
    font-size:.7rem;
    font-weight:600;
    cursor:pointer;
    transition:all .15s;
  }
  .ilan-actions button:hover{
    border-color:var(--gold);color:var(--gold);
  }
  .ilan-actions button.danger:hover{
    border-color:var(--bad);color:var(--bad);
  }
  @media (max-width:560px){
    .ilan-item{flex-direction:column}
    .ilan-thumb{width:100%;height:160px}
  }

  @media (max-width:991px){
    .main-title{font-size:1.45rem;margin-top:14px}
    .subline{font-size:.68rem;margin-bottom:18px;letter-spacing:1.8px}
    .chat-area{height:380px;padding:14px}
    .msg-bubble{max-width:86%;font-size:.9rem;padding:10px 13px}
    .ai-input{font-size:.92rem;padding:12px 14px;min-height:46px}
    .icon-btn{width:46px;height:46px}
    .listing-panel{margin-top:14px}
    .listing-body{padding:15px}
    .big-mic-rings{width:110px;height:110px}
    .big-mic{width:78px;height:78px;font-size:1.7rem}
    .big-mic-label{font-size:.7rem;letter-spacing:1.5px;margin-top:11px}
    .topnav{padding:8px 12px}
    .nav-breadcrumb{font-size:.68rem;letter-spacing:.8px}
    .drawer{width:280px}
    .hero-cards{grid-template-columns:1fr;gap:14px;margin:24px auto 18px}
    .hero-card{padding:24px 20px}
    .home-features{grid-template-columns:1fr;gap:10px;margin:18px auto 28px}
    .brand-logo{width:80px;height:80px}
    .brand-name{font-size:1.7rem;letter-spacing:5px}
    .footer-cols{grid-template-columns:1fr 1fr;gap:20px}
    .site-footer{margin-top:40px;padding:28px 0 0}
    .site-footer .footer-inner{padding:0 18px}
    .legal-body{padding:20px 18px;font-size:.84rem}
    .legal-head{padding:14px 18px}
    .legal-head .t{font-size:.82rem;letter-spacing:1px}
  }
  @media (max-width:480px){
    .main-title{font-size:1.2rem}
    .ticker-card{max-width:240px;padding:5px 10px 5px 5px}
    .ticker-img, .ticker-img-ph{width:40px;height:32px}
    .ticker-title{font-size:.66rem;max-width:160px}
    .ticker-price{font-size:.66rem}
    .quick-replies{padding-left:0}
    .msg-avatar{display:none}
    .msg-bubble{max-width:94%}
    .head-sub{display:none}
    .listing-title{font-size:1.05rem}
    .listing-price{font-size:1.25rem}
    .reg-row.split{flex-direction:column;gap:14px}
    .reg-modal{border-radius:12px}
    .reg-head{padding:20px 18px 14px}
    .reg-body{padding:18px}
    .nav-breadcrumb{display:none}
    .big-mic{width:74px;height:74px;font-size:1.6rem}
    .big-mic-rings{width:104px;height:104px}
    .footer-cols{grid-template-columns:1fr;gap:18px}
    .footer-brand-name{font-size:1.25rem;letter-spacing:4px}
  }

  .toast-x{
    position:fixed;bottom:20px;left:50%;
    transform:translateX(-50%) translateY(120px);
    background:var(--navy-card-2);border:1px solid var(--gold);
    border-radius:12px;padding:14px 22px;
    box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 30px rgba(212,174,108,.2);
    z-index:200;
    transition:transform .4s cubic-bezier(.4,0,.2,1);
    display:flex;align-items:center;gap:14px;max-width:90vw;
  }
  .toast-x.show{transform:translateX(-50%) translateY(0)}
  .toast-icon{
    width:36px;height:36px;
    background:linear-gradient(135deg,var(--gold),var(--gold-2));
    border-radius:50%;display:grid;place-items:center;
    color:#06112b;font-size:1.05rem;flex-shrink:0;
  }
  .toast-text{font-size:.88rem;color:var(--ink)}
  .toast-text b{color:var(--gold)}

  /* ╔══════════════════════════════════════════════════════════╗
     ║   PREMIUM UI KATMANI (v72)                                ║
     ║   Glassmorphism + Soft Glow + Mikro Animasyonlar          ║
     ║   Mevcut stiller ezilmez, sadece üstüne katman ekler.     ║
     ║   Devre dışı bırakmak için: body sınıfından premium-ui    ║
     ║   sınıfını kaldır.                                        ║
     ╚══════════════════════════════════════════════════════════╝ */

  /* ============ GLASSMORPHISM — MODAL'LAR ============ */
  /* Tüm modal/overlay'lere buzlu cam efekti */
  body.premium-ui .reg-overlay > .reg-card,
  body.premium-ui .map-ilan-modal .map-ilan-content,
  body.premium-ui .loc-modal .loc-content,
  body.premium-ui .listing-detail-overlay .listing-detail-content,
  body.premium-ui .detail-overlay .detail-content,
  body.premium-ui #settingsModal .settings-card,
  body.premium-ui .shortcuts-card,
  body.premium-ui .kayitli-arama-drawer-content {
    background: rgba(15, 31, 68, 0.65) !important;
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(212, 174, 108, 0.18) !important;
    box-shadow:
      0 8px 32px rgba(0, 0, 0, 0.45),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  /* Backdrop'lara da hafif blur */
  body.premium-ui .reg-overlay,
  body.premium-ui .map-ilan-modal,
  body.premium-ui .loc-modal,
  body.premium-ui .listing-detail-overlay,
  body.premium-ui .detail-overlay,
  body.premium-ui #settingsModal,
  body.premium-ui .shortcuts-modal {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
  }

  /* Toast'lara da glassmorphism */
  body.premium-ui .toast {
    background: rgba(15, 31, 68, 0.75) !important;
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    backdrop-filter: blur(16px) saturate(180%);
    border: 1px solid rgba(212, 174, 108, 0.2) !important;
    box-shadow:
      0 8px 24px rgba(0, 0, 0, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.05);
  }

  /* ============ SOFT GLOW — BUTON & INPUT & KART ============ */

  /* Birincil butonlar - altın glow */
  body.premium-ui .reg-submit,
  body.premium-ui .mi-btn-next:not(:disabled),
  body.premium-ui .submit-btn,
  body.premium-ui .otp-send-btn:not(:disabled),
  body.premium-ui .btn-primary,
  body.premium-ui .quick-reply:hover,
  body.premium-ui .send-btn {
    box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.35),
      0 0 24px rgba(212, 174, 108, 0.18),
      0 4px 14px rgba(0, 0, 0, 0.3);
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .reg-submit:hover,
  body.premium-ui .mi-btn-next:not(:disabled):hover,
  body.premium-ui .submit-btn:hover,
  body.premium-ui .otp-send-btn:not(:disabled):hover,
  body.premium-ui .btn-primary:hover,
  body.premium-ui .send-btn:hover {
    transform: translateY(-1px);
    box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.55),
      0 0 32px rgba(212, 174, 108, 0.3),
      0 8px 22px rgba(0, 0, 0, 0.4);
  }
  body.premium-ui .reg-submit:active,
  body.premium-ui .mi-btn-next:active,
  body.premium-ui .submit-btn:active,
  body.premium-ui .otp-send-btn:active,
  body.premium-ui .btn-primary:active,
  body.premium-ui .send-btn:active {
    transform: translateY(0) scale(0.98);
  }

  /* Doğrula butonu - yeşil glow */
  body.premium-ui .otp-verify-btn:not(:disabled) {
    box-shadow:
      0 0 0 1px rgba(63, 194, 138, 0.35),
      0 0 20px rgba(63, 194, 138, 0.18),
      0 4px 12px rgba(0, 0, 0, 0.3);
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .otp-verify-btn:not(:disabled):hover {
    transform: translateY(-1px);
    box-shadow:
      0 0 0 1px rgba(63, 194, 138, 0.55),
      0 0 28px rgba(63, 194, 138, 0.32),
      0 8px 18px rgba(0, 0, 0, 0.4);
  }

  /* Input focus - altın halo */
  body.premium-ui .reg-input:focus,
  body.premium-ui .ai-input:focus,
  body.premium-ui input[type="text"]:focus,
  body.premium-ui input[type="email"]:focus,
  body.premium-ui input[type="tel"]:focus,
  body.premium-ui input[type="number"]:focus,
  body.premium-ui textarea:focus,
  body.premium-ui select:focus {
    box-shadow:
      0 0 0 3px rgba(212, 174, 108, 0.15),
      0 0 20px rgba(212, 174, 108, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    outline: none;
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* İlan kartları hover - altın çerçeve glow */
  body.premium-ui .listing-card,
  body.premium-ui .map-listing-card,
  body.premium-ui .ilan-card,
  body.premium-ui .compact-listing-card,
  body.premium-ui .summary-card {
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .listing-card:hover,
  body.premium-ui .map-listing-card:hover,
  body.premium-ui .ilan-card:hover,
  body.premium-ui .compact-listing-card:hover {
    transform: translateY(-2px);
    border-color: rgba(212, 174, 108, 0.45) !important;
    box-shadow:
      0 0 24px rgba(212, 174, 108, 0.12),
      0 8px 22px rgba(0, 0, 0, 0.4);
  }

  /* Step kartları (ilan ver akışı) hover */
  body.premium-ui .ksr-chip,
  body.premium-ui .ilan-turu-btn,
  body.premium-ui .kat-btn {
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* Harici platform butonları — altın border ile ayrıştır */
  .kat-btn-ext {
    border: 1px solid rgba(212,174,108,.4) !important;
    background: rgba(212,174,108,.06) !important;
    position: relative;
  }
  .kat-btn-ext::after {
    content: '↗';
    position: absolute;
    top: 4px; right: 6px;
    font-size: .55rem;
    color: rgba(212,174,108,.6);
    line-height: 1;
  }
  .kat-btn-ext:hover {
    border-color: rgba(212,174,108,.8) !important;
    background: rgba(212,174,108,.14) !important;
  }
  body.premium-ui .ksr-chip:hover,
  body.premium-ui .ilan-turu-btn:hover,
  body.premium-ui .kat-btn:hover {
    transform: translateY(-1px);
    box-shadow:
      0 0 18px rgba(212, 174, 108, 0.12),
      0 4px 12px rgba(0, 0, 0, 0.3);
  }

  /* Aktif step/chip - kalıcı glow */
  body.premium-ui .ksr-chip.active,
  body.premium-ui .ilan-turu-btn.active,
  body.premium-ui .kat-btn.active,
  body.premium-ui .step-item.active .step-circle {
    box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.5),
      0 0 24px rgba(212, 174, 108, 0.25);
  }

  /* Quick reply chip'leri */
  body.premium-ui .quick-reply {
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .quick-reply:hover {
    transform: translateY(-1px);
  }

  /* ============ MİKRO ANİMASYONLAR ============ */

  /* Tüm icon-control butonlar smooth */
  body.premium-ui .icon-control,
  body.premium-ui .reg-forget-btn,
  body.premium-ui .voice-btn,
  body.premium-ui .reset-btn,
  body.premium-ui .otp-change-btn,
  body.premium-ui .shortcuts-close {
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .icon-control:hover {
    transform: scale(1.05);
    box-shadow: 0 0 12px rgba(212, 174, 108, 0.15);
  }
  body.premium-ui .icon-control:active {
    transform: scale(0.95);
  }

  /* Mesaj balonu giriş animasyonu */
  @keyframes msgFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }
  body.premium-ui .msg {
    animation: msgFadeIn 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* Modal açılış animasyonu */
  @keyframes modalScaleIn {
    from { opacity: 0; transform: scale(0.96); }
    to { opacity: 1; transform: scale(1); }
  }
  body.premium-ui .reg-overlay > .reg-card,
  body.premium-ui .map-ilan-modal.show .map-ilan-content,
  body.premium-ui .loc-modal.show .loc-content,
  body.premium-ui .shortcuts-modal.show .shortcuts-card {
    animation: modalScaleIn 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* "Live" / aktif rozet pulse */
  @keyframes softPulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.55; }
  }
  body.premium-ui .conn-dot:not(.offline),
  body.premium-ui .live-badge,
  body.premium-ui .otp-countdown {
    animation: softPulse 1.6s ease-in-out infinite;
  }

  /* Skeleton shimmer (yüklenirken) */
  @keyframes shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
  }
  body.premium-ui .skeleton,
  body.premium-ui .typing > span {
    background: linear-gradient(90deg,
      rgba(212, 174, 108, 0.05) 0%,
      rgba(212, 174, 108, 0.18) 50%,
      rgba(212, 174, 108, 0.05) 100%);
    background-size: 200% 100%;
    animation: shimmer 1.8s ease-in-out infinite;
  }

  /* Conn dot - yumuşak yeşil glow */
  body.premium-ui .conn-dot:not(.offline) {
    box-shadow: 0 0 10px rgba(63, 194, 138, 0.7);
  }

  /* Toast giriş - sağdan slide */
  @keyframes toastSlideIn {
    from { opacity: 0; transform: translateX(40px); }
    to { opacity: 1; transform: translateX(0); }
  }
  body.premium-ui .toast {
    animation: toastSlideIn 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* Header logo - subtle glow on hover */
  body.premium-ui .brand-logo {
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .brand-logo:hover {
    text-shadow: 0 0 18px rgba(212, 174, 108, 0.5);
  }

  /* Foto upload zone - dragging glow */
  body.premium-ui .kl-photo-drop {
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .kl-photo-drop.dragging {
    box-shadow:
      0 0 0 2px rgba(212, 174, 108, 0.5),
      0 0 32px rgba(212, 174, 108, 0.2);
  }

  /* Sayfa kaydırıldığında smooth scroll davranışı */
  body.premium-ui {
    scroll-behavior: smooth;
  }

  /* Spinner ikonların animasyonu sıkı */
  body.premium-ui .fa-spinner {
    filter: drop-shadow(0 0 6px rgba(212, 174, 108, 0.4));
  }

  /* Gerekli: backdrop-filter desteklenmeyen tarayıcılarda fallback */
  @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    body.premium-ui .reg-overlay > .reg-card,
    body.premium-ui .map-ilan-modal .map-ilan-content,
    body.premium-ui .loc-modal .loc-content,
    body.premium-ui .listing-detail-overlay .listing-detail-content,
    body.premium-ui .detail-overlay .detail-content,
    body.premium-ui #settingsModal .settings-card,
    body.premium-ui .shortcuts-card,
    body.premium-ui .toast {
      background: rgba(15, 31, 68, 0.95) !important;
    }
  }

  /* Mobile cihazlarda backdrop blur ağır olabilir, hafifle */
  @media (max-width: 768px) {
    body.premium-ui .reg-overlay > .reg-card,
    body.premium-ui .map-ilan-modal .map-ilan-content,
    body.premium-ui .loc-modal .loc-content,
    body.premium-ui .listing-detail-overlay .listing-detail-content,
    body.premium-ui .detail-overlay .detail-content,
    body.premium-ui #settingsModal .settings-card,
    body.premium-ui .shortcuts-card,
    body.premium-ui .toast {
      -webkit-backdrop-filter: blur(12px) saturate(160%);
      backdrop-filter: blur(12px) saturate(160%);
    }
  }

  /* Reduced motion - kullanıcı sistem ayarından animasyonu kapatmışsa */
  @media (prefers-reduced-motion: reduce) {
    body.premium-ui *,
    body.premium-ui *::before,
    body.premium-ui *::after {
      animation-duration: 0.01ms !important;
      transition-duration: 0.01ms !important;
    }
  }

  /* ╔══════════════════════════════════════════════════════════╗
     ║   PREMIUM UI v73 — ATMOSFERİK KATMAN                      ║
     ║   Gradient mesh + Animated grid + Cursor glow + Skeleton  ║
     ║   + Page transitions + Toast iyileştirme                  ║
     ╚══════════════════════════════════════════════════════════╝ */

  /* ============ #4 GRADIENT MESH BACKGROUND ============ */
  /* Mevcut radial gradient'lerin üstüne, daha zengin atmosferik katman */
  body.premium-ui::before {
    content: '';
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -2 !important;
    pointer-events: none;
    background:
      radial-gradient(at 15% 25%, rgba(212, 174, 108, 0.12) 0%, transparent 45%),
      radial-gradient(at 85% 75%, rgba(63, 194, 138, 0.08) 0%, transparent 45%),
      radial-gradient(at 50% 100%, rgba(168, 85, 247, 0.06) 0%, transparent 50%);
    animation: gradientShift 20s ease-in-out infinite alternate;
  }
  @keyframes gradientShift {
    0%   { transform: translate(0, 0) scale(1); }
    50%  { transform: translate(2%, -1%) scale(1.02); }
    100% { transform: translate(-1%, 1%) scale(1.01); }
  }

  /* ============ #5 ANIMATED GRID BACKGROUND ============ */
  /* Bloomberg cockpit hissi - ince noktalı grid */
  body.premium-ui::after {
    content: '';
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1 !important;
    pointer-events: none;
    background-image:
      radial-gradient(rgba(212, 174, 108, 0.05) 1px, transparent 1px);
    background-size: 28px 28px;
    background-position: 0 0;
    animation: gridDrift 60s linear infinite;
    opacity: 0.6;
  }
  @keyframes gridDrift {
    0%   { background-position: 0 0; }
    100% { background-position: 28px 28px; }
  }

  /* ============ #9 CURSOR TAKİP GLOW ============ */
  /* Mouse'u takip eden hafif altın halo (Linear/Vercel tarzı) */
  body.premium-ui .cursor-glow {
    position: fixed;
    pointer-events: none;
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background: radial-gradient(circle,
      rgba(212, 174, 108, 0.06) 0%,
      rgba(212, 174, 108, 0.02) 35%,
      transparent 70%);
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: opacity 0.3s ease;
    will-change: left, top;
    mix-blend-mode: screen;
  }
  /* Mobile / touch'ta gizle */
  @media (max-width: 768px), (pointer: coarse) {
    body.premium-ui .cursor-glow { display: none; }
  }

  /* ============ #6 NUMBER TICKER STİLLERİ ============ */
  body.premium-ui .number-animate {
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum';
  }

  /* ============ #7 GELİŞMİŞ SKELETON LOADERS ============ */
  body.premium-ui .skeleton-card {
    position: relative;
    overflow: hidden;
    background: rgba(15, 31, 68, 0.4);
    border: 1px solid rgba(212, 174, 108, 0.1);
    border-radius: 8px;
  }
  body.premium-ui .skeleton-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,
      transparent 0%,
      rgba(212, 174, 108, 0.08) 50%,
      transparent 100%);
    transform: translateX(-100%);
    animation: skeletonShimmer 1.6s infinite;
  }
  @keyframes skeletonShimmer {
    100% { transform: translateX(100%); }
  }
  body.premium-ui .skeleton-line {
    height: 12px;
    background: linear-gradient(90deg,
      rgba(212, 174, 108, 0.06) 0%,
      rgba(212, 174, 108, 0.16) 50%,
      rgba(212, 174, 108, 0.06) 100%);
    background-size: 200% 100%;
    animation: shimmer 1.6s ease-in-out infinite;
    border-radius: 4px;
  }

  /* ============ #8 TOAST ICON GLOW (v72 ek geliştirme) ============ */
  body.premium-ui .toast.success .toast-icon {
    background: linear-gradient(135deg, #3fc28a, #2a9d6e);
    box-shadow:
      0 0 0 1px rgba(63, 194, 138, 0.4),
      0 0 20px rgba(63, 194, 138, 0.35);
  }
  body.premium-ui .toast.error .toast-icon {
    background: linear-gradient(135deg, #e95c66, #c43d47);
    box-shadow:
      0 0 0 1px rgba(233, 92, 102, 0.4),
      0 0 20px rgba(233, 92, 102, 0.35);
  }
  body.premium-ui .toast.warning .toast-icon {
    background: linear-gradient(135deg, #f59e0b, #d97706);
    box-shadow:
      0 0 0 1px rgba(245, 158, 11, 0.4),
      0 0 20px rgba(245, 158, 11, 0.35);
  }
  body.premium-ui .toast.info .toast-icon {
    box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.4),
      0 0 20px rgba(212, 174, 108, 0.35);
  }

  /* ============ #10 PAGE TRANSITIONS ============ */
  /* Sayfalar/sekmeler arası geçiş */
  body.premium-ui .page-transition-enter {
    animation: pageSlideIn 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  }
  @keyframes pageSlideIn {
    from {
      opacity: 0;
      transform: translateY(12px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Sohbet ↔ Ana sayfa geçişi smooth */
  body.premium-ui #assistantContainer,
  body.premium-ui #homeContainer,
  body.premium-ui #klasikIlanModal {
    transition: opacity 0.32s cubic-bezier(0.4, 0, 0.2, 1),
                transform 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* Step-to-step geçişi (ilan ver akışı) */
  body.premium-ui .map-ilan-step {
    transition: opacity 0.24s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .map-ilan-step.active {
    animation: stepFadeIn 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  }
  @keyframes stepFadeIn {
    from {
      opacity: 0;
      transform: translateX(8px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }

  /* ============ EK CİLA: AI MESAJI HARF AKIŞI ============ */
  /* Streaming sırasında her yeni span'a hafif fade */
  body.premium-ui .msg-bubble[data-streaming="1"] span {
    animation: charFadeIn 0.15s ease-out;
  }
  @keyframes charFadeIn {
    from { opacity: 0.5; }
    to { opacity: 1; }
  }

  /* ============ EK CİLA: SCROLLBAR ============ */
  body.premium-ui::-webkit-scrollbar { width: 10px; }
  body.premium-ui::-webkit-scrollbar-track {
    background: rgba(15, 31, 68, 0.4);
  }
  body.premium-ui::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(212, 174, 108, 0.3), rgba(212, 174, 108, 0.15));
    border-radius: 5px;
    border: 2px solid rgba(15, 31, 68, 0.6);
  }
  body.premium-ui::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(212, 174, 108, 0.5), rgba(212, 174, 108, 0.3));
  }

  /* Z-INDEX yönetimi: cursor glow asla içerik üstünde olmasın */
  body.premium-ui .cursor-glow {
    z-index: 0;
    position: fixed;  /* zaten var ama emin olmak için */
  }
  /* NOT: body.premium-ui > * kuralı kaldırıldı — bazı sticky/fixed elementleri bozuyordu */

  /* ╔══════════════════════════════════════════════════════════╗
     ║   PREMIUM UI v74 — LAYOUT YENİLİKLERİ                     ║
     ║   #12 Sticky compact header                               ║
     ║   #13 Floating Action Button (FAB)                        ║
     ║   #15 Dock menu (Apple tarzı)                             ║
     ║   #16 Empty states                                        ║
     ╚══════════════════════════════════════════════════════════╝ */

  /* ============ #12 STICKY COMPACT HEADER ============ */
  body.premium-ui .topnav,
  body.premium-ui .header,
  body.premium-ui .site-header,
  body.premium-ui .top-header {
    transition: padding 0.28s cubic-bezier(0.4, 0, 0.2, 1),
                background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  /* Body scroll edildikçe header küçülür */
  body.premium-ui.scrolled .topnav,
  body.premium-ui.scrolled .header,
  body.premium-ui.scrolled .site-header,
  body.premium-ui.scrolled .top-header {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    background: rgba(6, 17, 43, 0.85) !important;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    border-bottom: 1px solid rgba(212, 174, 108, 0.15);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.3);
  }
  body.premium-ui.scrolled .brand-logo,
  body.premium-ui.scrolled .topnav-name,
  body.premium-ui.scrolled .header h1 {
    font-size: 1.05rem !important;
  }

  /* ============ #13 FLOATING ACTION BUTTON (FAB) ============ */
  /* Tek tıkla yukarı çık · Çift tıkla WhatsApp */
  body.premium-ui .fab {
    position: fixed;
    bottom: 90px;
    right: 22px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d4ae6c, #a98841);
    border: none;
    color: #06112b;
    font-size: 1.4rem;
    font-weight: 700;
    cursor: pointer;
    z-index: 100;
    box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.4),
      0 0 32px rgba(212, 174, 108, 0.35),
      0 8px 24px rgba(0, 0, 0, 0.4);
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fabPulse 3s ease-in-out infinite;
  }
  @keyframes fabPulse {
    0%, 100% { box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.4),
      0 0 32px rgba(212, 174, 108, 0.35),
      0 8px 24px rgba(0, 0, 0, 0.4);
    }
    50% { box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.55),
      0 0 42px rgba(212, 174, 108, 0.5),
      0 8px 24px rgba(0, 0, 0, 0.4);
    }
  }
  body.premium-ui .fab .fab-icon-wa {
    display: none;
  }
  body.premium-ui .fab.wa-mode {
    background: linear-gradient(135deg, #25d366, #128c7e);
    color: #fff;
    box-shadow:
      0 0 0 1px rgba(37, 211, 102, 0.5),
      0 0 32px rgba(37, 211, 102, 0.45),
      0 8px 24px rgba(0, 0, 0, 0.4);
    animation: none;
  }
  body.premium-ui .fab.wa-mode .fab-icon-default { display: none; }
  body.premium-ui .fab.wa-mode .fab-icon-wa { display: inline-block; }

  /* İpucu balonu — sürekli görünür sol tarafta */
  body.premium-ui .fab .fab-hint {
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    background: rgba(15, 31, 68, 0.92);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(212, 174, 108, 0.35);
    color: #d4ae6c;
    padding: 6px 12px;
    border-radius: 18px;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
    pointer-events: none;
    letter-spacing: 0.2px;
  }
  body.premium-ui .fab .fab-hint::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: rgba(15, 31, 68, 0.92);
  }
  body.premium-ui .fab:hover {
    transform: scale(1.08);
  }
  body.premium-ui .fab:active {
    transform: scale(0.95);
  }
  body.premium-ui .fab.hidden {
    transform: scale(0);
    opacity: 0;
    pointer-events: none;
  }

  /* Mobile: küçük versiyon, ipucu gizli */
  @media (max-width: 768px) {
    body.premium-ui .fab {
      bottom: 78px;
      right: 16px;
      width: 50px;
      height: 50px;
    }
    body.premium-ui .fab .fab-hint {
      font-size: 0.62rem;
      padding: 5px 10px;
    }
  }
  @media (max-width: 480px) {
    body.premium-ui .fab .fab-hint {
      display: none;  /* Çok dar ekranda balon görünmez, tooltip yeterli */
    }
  }

  /* ============ #15 DOCK MENU (APPLE TARZI) ============ */
  body.premium-ui .dock-menu {
    position: fixed;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(15, 31, 68, 0.75);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
    border: 1px solid rgba(212, 174, 108, 0.22);
    border-radius: 22px;
    padding: 8px 12px;
    display: none;  /* JS'te show edilince flex olacak */
    gap: 6px;
    z-index: 99;
    box-shadow:
      0 8px 28px rgba(0, 0, 0, 0.4),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
    transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .dock-item {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: transparent;
    border: none;
    color: #b8c5d6;
    font-size: 1.1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
  }
  body.premium-ui .dock-item:hover {
    background: rgba(212, 174, 108, 0.1);
    color: #d4ae6c;
    transform: translateY(-4px) scale(1.08);
  }
  body.premium-ui .dock-item.active {
    background: rgba(212, 174, 108, 0.18);
    color: #d4ae6c;
    box-shadow: 0 0 16px rgba(212, 174, 108, 0.3);
  }
  body.premium-ui .dock-item.active::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #d4ae6c;
    box-shadow: 0 0 8px rgba(212, 174, 108, 0.8);
  }
  body.premium-ui .dock-avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d4ae6c, #b8985a);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #06112B;
    font-size: 0.85rem;
    box-shadow: 0 0 12px rgba(212, 174, 108, 0.5), inset 0 1px 0 rgba(255,255,255,.3);
    border: 2px solid rgba(212, 174, 108, 0.6);
    transition: all 0.2s ease;
  }
  body.premium-ui .dock-item:hover .dock-avatar {
    box-shadow: 0 0 18px rgba(212, 174, 108, 0.8);
    transform: scale(1.05);
  }
  body.premium-ui .dock-item[data-target="profile"]:hover {
    background: transparent;
    transform: translateY(-4px) scale(1.05);
  }
  @media (max-width: 480px) {
    body.premium-ui .dock-avatar {
      width: 26px;
      height: 26px;
      font-size: 0.75rem;
    }
  }
  body.premium-ui .dock-item-tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(15, 31, 68, 0.95);
    color: #d4ae6c;
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 600;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease;
    border: 1px solid rgba(212, 174, 108, 0.2);
  }
  body.premium-ui .dock-item:hover .dock-item-tooltip {
    opacity: 1;
    transform: translateX(-50%) translateY(-2px);
  }

  /* Mobile: dock menu daha kompakt */
  @media (max-width: 768px) {
    body.premium-ui .dock-menu {
      bottom: 12px;
      padding: 6px 8px;
      gap: 4px;
    }
    body.premium-ui .dock-item {
      width: 40px;
      height: 40px;
      font-size: 1rem;
    }
    /* Mobile'da tooltip gizle */
    body.premium-ui .dock-item-tooltip {
      display: none;
    }
  }

  /* ============ #16 EMPTY STATES İYİLEŞTİRME ============ */
  body.premium-ui .empty-state {
    text-align: center;
    padding: 40px 20px;
    color: var(--mute);
  }
  body.premium-ui .empty-state-icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 16px;
    border-radius: 50%;
    background: rgba(212, 174, 108, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold);
    font-size: 2rem;
    box-shadow: 0 0 24px rgba(212, 174, 108, 0.1);
    animation: emptyFloat 3s ease-in-out infinite;
  }
  @keyframes emptyFloat {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-6px); }
  }
  body.premium-ui .empty-state-title {
    color: var(--ink);
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 8px 0;
  }
  body.premium-ui .empty-state-desc {
    font-size: 0.82rem;
    color: var(--mute);
    margin: 0 0 16px 0;
    line-height: 1.6;
  }
  body.premium-ui .empty-state-action {
    background: linear-gradient(135deg, var(--gold), var(--gold-2));
    color: #06112b;
    border: none;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    font-size: 0.82rem;
    box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.4),
      0 0 20px rgba(212, 174, 108, 0.2);
    transition: all 0.18s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .empty-state-action:hover {
    transform: translateY(-1px);
    box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.55),
      0 0 28px rgba(212, 174, 108, 0.32);
  }

  /* ╔══════════════════════════════════════════════════════════╗
     ║   PREMIUM UI v75 — VERİ GÖRSELLEŞTİRME                    ║
     ║   #17 Sparkline · #18 Heatmap · #19 Radar · #20 Marquee   ║
     ╚══════════════════════════════════════════════════════════╝ */

  /* ============ #17 SPARKLINE ============ */
  body.premium-ui .sparkline {
    display: inline-block;
    vertical-align: middle;
  }
  body.premium-ui .sparkline-container {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.72rem;
    color: var(--mute);
  }
  body.premium-ui .sparkline-trend {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
  }
  body.premium-ui .sparkline-trend.up { color: #3fc28a; }
  body.premium-ui .sparkline-trend.down { color: #e95c66; }

  /* ============ #18 HEATMAP ============ */
  body.premium-ui .heatmap {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    gap: 4px;
    padding: 12px;
    background: rgba(15, 31, 68, 0.4);
    border: 1px solid rgba(212, 174, 108, 0.15);
    border-radius: 8px;
  }
  body.premium-ui .heatmap-cell {
    aspect-ratio: 1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 600;
    transition: all 0.18s ease;
    cursor: pointer;
    position: relative;
  }
  body.premium-ui .heatmap-cell:hover {
    transform: scale(1.1);
    z-index: 5;
    box-shadow: 0 0 12px rgba(212, 174, 108, 0.3);
  }
  body.premium-ui .heatmap-cell-tooltip {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(15, 31, 68, 0.95);
    color: var(--ink);
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.7rem;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.18s ease;
    border: 1px solid rgba(212, 174, 108, 0.2);
    z-index: 10;
  }
  body.premium-ui .heatmap-cell:hover .heatmap-cell-tooltip {
    opacity: 1;
  }

  /* ============ #19 RADAR CHART ============ */
  body.premium-ui .radar-chart {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    aspect-ratio: 1;
  }
  body.premium-ui .radar-chart svg {
    width: 100%;
    height: 100%;
    overflow: visible;
  }
  body.premium-ui .radar-axis {
    stroke: rgba(212, 174, 108, 0.18);
    stroke-width: 1;
    fill: none;
  }
  body.premium-ui .radar-grid {
    stroke: rgba(212, 174, 108, 0.1);
    stroke-width: 0.5;
    fill: none;
  }
  body.premium-ui .radar-shape {
    fill: rgba(212, 174, 108, 0.18);
    stroke: rgba(212, 174, 108, 0.7);
    stroke-width: 2;
    transition: all 0.4s ease;
  }
  body.premium-ui .radar-shape:hover {
    fill: rgba(212, 174, 108, 0.3);
  }
  body.premium-ui .radar-point {
    fill: var(--gold);
    filter: drop-shadow(0 0 4px rgba(212, 174, 108, 0.7));
  }
  body.premium-ui .radar-label {
    fill: var(--ink-2);
    font-size: 11px;
    font-weight: 500;
  }

  /* ============ #20 LIVE STATS MARQUEE ============ */
  body.premium-ui .stats-marquee {
    background: rgba(15, 31, 68, 0.6);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-top: 1px solid rgba(212, 174, 108, 0.18);
    border-bottom: 1px solid rgba(212, 174, 108, 0.18);
    padding: 8px 0;
    overflow: hidden;
    position: relative;
  }
  body.premium-ui .stats-marquee::before,
  body.premium-ui .stats-marquee::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 60px;
    z-index: 2;
    pointer-events: none;
  }
  body.premium-ui .stats-marquee::before {
    left: 0;
    background: linear-gradient(90deg, var(--navy-bg), transparent);
  }
  body.premium-ui .stats-marquee::after {
    right: 0;
    background: linear-gradient(90deg, transparent, var(--navy-bg));
  }
  body.premium-ui .stats-marquee-track {
    display: flex;
    gap: 32px;
    animation: statsScroll 40s linear infinite;
    white-space: nowrap;
    padding-left: 100%;
  }
  @keyframes statsScroll {
    from { transform: translateX(0); }
    to   { transform: translateX(-100%); }
  }
  body.premium-ui .stats-marquee:hover .stats-marquee-track {
    animation-play-state: paused;
  }
  body.premium-ui .stats-marquee-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.78rem;
    color: var(--ink-2);
  }
  body.premium-ui .stats-marquee-item i {
    color: var(--gold);
    font-size: 0.85rem;
  }
  body.premium-ui .stats-marquee-item b {
    color: var(--gold);
    font-weight: 700;
    font-variant-numeric: tabular-nums;
  }
  body.premium-ui .stats-marquee-item.up b { color: #3fc28a; }
  body.premium-ui .stats-marquee-item.down b { color: #e95c66; }

  /* ╔══════════════════════════════════════════════════════════╗
     ║   PREMIUM UI v76 — ETKİLEŞİM                              ║
     ║   #21 Voice waveform · #23 Command palette · #25 Tooltip  ║
     ╚══════════════════════════════════════════════════════════╝ */

  /* ============ #21 VOICE WAVEFORM ============ */
  body.premium-ui .voice-waveform {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 0 6px;
  }
  body.premium-ui .voice-waveform .bar {
    width: 3px;
    background: var(--gold);
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(212, 174, 108, 0.6);
    animation: waveformBar 0.8s ease-in-out infinite;
  }
  body.premium-ui .voice-waveform .bar:nth-child(1) { animation-delay: 0s; height: 8px; }
  body.premium-ui .voice-waveform .bar:nth-child(2) { animation-delay: 0.1s; height: 14px; }
  body.premium-ui .voice-waveform .bar:nth-child(3) { animation-delay: 0.2s; height: 18px; }
  body.premium-ui .voice-waveform .bar:nth-child(4) { animation-delay: 0.3s; height: 14px; }
  body.premium-ui .voice-waveform .bar:nth-child(5) { animation-delay: 0.4s; height: 8px; }
  @keyframes waveformBar {
    0%, 100% { transform: scaleY(0.5); }
    50%      { transform: scaleY(1); }
  }

  /* Aktif voice button glow */
  body.premium-ui .voice-btn.recording,
  body.premium-ui .voice-btn.active {
    background: linear-gradient(135deg, #e95c66, #c43d47) !important;
    box-shadow:
      0 0 0 1px rgba(233, 92, 102, 0.5),
      0 0 24px rgba(233, 92, 102, 0.5);
    animation: recordPulse 1.2s ease-in-out infinite;
  }
  @keyframes recordPulse {
    0%, 100% { box-shadow:
      0 0 0 1px rgba(233, 92, 102, 0.5),
      0 0 24px rgba(233, 92, 102, 0.5);
    }
    50% { box-shadow:
      0 0 0 1px rgba(233, 92, 102, 0.8),
      0 0 36px rgba(233, 92, 102, 0.7);
    }
  }

  /* ============ #23 COMMAND PALETTE (Ctrl+K) ============ */
  body.premium-ui .cmdk-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 99999;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding-top: 12vh;
    animation: fadeIn 0.18s ease;
  }
  body.premium-ui .cmdk-overlay.show {
    display: flex;
  }
  body.premium-ui .cmdk-card {
    background: rgba(15, 31, 68, 0.92);
    -webkit-backdrop-filter: blur(24px) saturate(180%);
    backdrop-filter: blur(24px) saturate(180%);
    border: 1px solid rgba(212, 174, 108, 0.3);
    border-radius: 12px;
    width: 90%;
    max-width: 560px;
    max-height: 70vh;
    overflow: hidden;
    box-shadow:
      0 20px 60px rgba(0, 0, 0, 0.5),
      0 0 80px rgba(212, 174, 108, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.06);
    display: flex;
    flex-direction: column;
    animation: modalScaleIn 0.22s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .cmdk-search {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid rgba(212, 174, 108, 0.15);
  }
  body.premium-ui .cmdk-search i {
    color: var(--gold);
    font-size: 1rem;
  }
  body.premium-ui .cmdk-input {
    flex: 1;
    background: transparent;
    border: none;
    color: var(--ink);
    font-size: 0.95rem;
    outline: none;
    font-family: inherit;
  }
  body.premium-ui .cmdk-input::placeholder {
    color: var(--mute);
  }
  body.premium-ui .cmdk-kbd {
    background: rgba(212, 174, 108, 0.1);
    border: 1px solid rgba(212, 174, 108, 0.25);
    color: var(--gold);
    padding: 2px 7px;
    border-radius: 4px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.7rem;
    font-weight: 600;
  }
  body.premium-ui .cmdk-results {
    overflow-y: auto;
    flex: 1;
    padding: 6px;
  }
  body.premium-ui .cmdk-section-label {
    color: var(--mute);
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 10px 12px 6px;
    font-weight: 600;
  }
  body.premium-ui .cmdk-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.12s ease;
    color: var(--ink-2);
    font-size: 0.85rem;
  }
  body.premium-ui .cmdk-item:hover,
  body.premium-ui .cmdk-item.active {
    background: rgba(212, 174, 108, 0.12);
    color: var(--ink);
    transform: translateX(2px);
  }
  body.premium-ui .cmdk-item-icon {
    width: 32px;
    height: 32px;
    border-radius: 6px;
    background: rgba(212, 174, 108, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--gold);
    font-size: 0.85rem;
    flex-shrink: 0;
  }
  body.premium-ui .cmdk-item-text {
    flex: 1;
  }
  body.premium-ui .cmdk-item-title {
    font-weight: 500;
  }
  body.premium-ui .cmdk-item-desc {
    font-size: 0.7rem;
    color: var(--mute);
    margin-top: 2px;
  }
  body.premium-ui .cmdk-empty {
    text-align: center;
    padding: 32px;
    color: var(--mute);
    font-size: 0.82rem;
  }
  body.premium-ui .cmdk-footer {
    border-top: 1px solid rgba(212, 174, 108, 0.15);
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.7rem;
    color: var(--mute);
  }
  body.premium-ui .cmdk-footer-keys {
    display: flex;
    gap: 12px;
  }
  body.premium-ui .cmdk-footer-keys span {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  /* ============ #25 TOOLTIP KIT ============ */
  body.premium-ui [data-tooltip] {
    position: relative;
  }
  body.premium-ui [data-tooltip]::before,
  body.premium-ui [data-tooltip]::after {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease;
    transition-delay: 0s;
  }
  body.premium-ui [data-tooltip]::before {
    content: attr(data-tooltip);
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    background: rgba(15, 31, 68, 0.96);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    color: var(--ink);
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 500;
    white-space: nowrap;
    border: 1px solid rgba(212, 174, 108, 0.2);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
    z-index: 9999;
    max-width: 240px;
  }
  body.premium-ui [data-tooltip]::after {
    content: '';
    bottom: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    border: 4px solid transparent;
    border-top-color: rgba(15, 31, 68, 0.96);
    z-index: 9999;
  }
  body.premium-ui [data-tooltip]:hover::before,
  body.premium-ui [data-tooltip]:hover::after {
    opacity: 1;
    transition-delay: 0.5s; /* hover sürekli ise */
  }
  body.premium-ui [data-tooltip]:hover::before {
    transform: translateX(-50%) translateY(0);
  }
  /* Aşağı yöne tooltip */
  body.premium-ui [data-tooltip-pos="bottom"]::before {
    bottom: auto;
    top: calc(100% + 8px);
    transform: translateX(-50%) translateY(-4px);
  }
  body.premium-ui [data-tooltip-pos="bottom"]::after {
    bottom: auto;
    top: calc(100% + 4px);
    border-top-color: transparent;
    border-bottom-color: rgba(15, 31, 68, 0.96);
  }
  body.premium-ui [data-tooltip-pos="bottom"]:hover::before {
    transform: translateX(-50%) translateY(0);
  }

  /* ╔══════════════════════════════════════════════════════════╗
     ║   PREMIUM UI v77 — FİNAL CİLA                             ║
     ║   #27 Recent strip · #28 Compare basket · #30 Saved chips ║
     ║   #31 Light mode · #33 Compact mode · #37 Splash · #38 EE ║
     ╚══════════════════════════════════════════════════════════╝ */

  /* ============ #27 RECENTLY VIEWED STRIP ============ */
  body.premium-ui .recently-viewed-strip {
    position: fixed;
    bottom: 90px;
    left: 22px;
    right: 22px;
    max-width: calc(100% - 44px);
    background: rgba(15, 31, 68, 0.9);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(212, 174, 108, 0.25);
    border-radius: 12px;
    padding: 8px 12px;
    z-index: 990;
    display: none;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  }
  body.premium-ui .recently-viewed-strip.show {
    display: block;
    animation: stepFadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }
  body.premium-ui .recently-viewed-track {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  body.premium-ui .recently-viewed-item {
    flex-shrink: 0;
    background: rgba(212, 174, 108, 0.08);
    border: 1px solid rgba(212, 174, 108, 0.2);
    border-radius: 8px;
    padding: 6px 10px;
    cursor: pointer;
    transition: all 0.18s ease;
    min-width: 140px;
    max-width: 180px;
  }
  body.premium-ui .recently-viewed-item:hover {
    background: rgba(212, 174, 108, 0.15);
    transform: translateY(-1px);
  }
  body.premium-ui .recently-viewed-title {
    font-size: 0.72rem;
    color: var(--ink);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  body.premium-ui .recently-viewed-price {
    font-size: 0.65rem;
    color: var(--gold);
    font-weight: 700;
  }
  body.premium-ui .recently-viewed-close {
    position: absolute;
    top: 4px;
    right: 4px;
    background: rgba(0, 0, 0, 0.4);
    border: none;
    color: var(--mute);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 0.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  body.premium-ui .recently-viewed-close:hover {
    color: var(--ink);
    background: rgba(0, 0, 0, 0.6);
  }

  /* ============ #28 STICKY COMPARE BASKET ============ */
  body.premium-ui .compare-basket-bubble {
    position: fixed;
    bottom: 156px;
    right: 22px;
    background: linear-gradient(135deg, var(--gold), var(--gold-2));
    color: #06112b;
    border: none;
    padding: 10px 16px;
    border-radius: 30px;
    cursor: pointer;
    font-weight: 700;
    font-size: 0.78rem;
    z-index: 999;
    box-shadow:
      0 0 0 1px rgba(212, 174, 108, 0.5),
      0 0 24px rgba(212, 174, 108, 0.4),
      0 8px 22px rgba(0, 0, 0, 0.4);
    display: none;
    align-items: center;
    gap: 8px;
    transition: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
    animation: bubblePop 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  body.premium-ui .compare-basket-bubble.show {
    display: flex;
  }
  body.premium-ui .compare-basket-bubble:hover {
    transform: scale(1.05);
  }
  @keyframes bubblePop {
    0%   { transform: scale(0); }
    60%  { transform: scale(1.1); }
    100% { transform: scale(1); }
  }
  body.premium-ui .compare-basket-count {
    background: #06112b;
    color: var(--gold);
    padding: 2px 8px;
    border-radius: 12px;
    font-weight: 800;
    min-width: 22px;
    text-align: center;
  }

  /* Mobile düzen */
  @media (max-width: 768px) {
    body.premium-ui .compare-basket-bubble {
      bottom: 140px;
      right: 16px;
    }
  }

  /* ============ #30 SAVED FILTERS CHIPS ============ */
  body.premium-ui .saved-chips-bar {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    padding: 8px 12px;
    background: rgba(15, 31, 68, 0.4);
    border-bottom: 1px solid rgba(212, 174, 108, 0.12);
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
  }
  body.premium-ui .saved-chip {
    flex-shrink: 0;
    background: rgba(212, 174, 108, 0.08);
    border: 1px solid rgba(212, 174, 108, 0.2);
    color: var(--gold);
    padding: 5px 12px;
    border-radius: 14px;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
  }
  body.premium-ui .saved-chip:hover {
    background: rgba(212, 174, 108, 0.18);
    border-color: rgba(212, 174, 108, 0.5);
    transform: translateY(-1px);
  }
  body.premium-ui .saved-chip i {
    font-size: 0.7rem;
  }

  /* ============ #31 LIGHT MODE ============ */
  body.premium-ui.light-mode {
    --navy-deep: #f5f1e8;
    --navy-deep-2: #efe9da;
    --navy-bg: #fafaf7;
    --navy-content: #f0ebde;
    --navy-card: #ffffff;
    --navy-card-2: #f8f5ee;
    --navy-elev: #ffffff;
    --line: #d8cfb8;
    --line-strong: #c4b896;
    --ink: #1a1815;
    --ink-2: #4a4232;
    --mute: #8a7d61;
  }
  body.premium-ui.light-mode::before {
    background:
      radial-gradient(at 15% 25%, rgba(212, 174, 108, 0.18) 0%, transparent 45%),
      radial-gradient(at 85% 75%, rgba(63, 194, 138, 0.1) 0%, transparent 45%);
  }
  body.premium-ui.light-mode::after {
    background-image:
      radial-gradient(rgba(168, 136, 65, 0.08) 1px, transparent 1px);
    opacity: 0.5;
  }
  body.premium-ui.light-mode {
    background: #fafaf7 !important;
    color: #1a1815;
  }
  body.premium-ui.light-mode .reg-overlay > .reg-card,
  body.premium-ui.light-mode .map-ilan-modal .map-ilan-content,
  body.premium-ui.light-mode .toast,
  body.premium-ui.light-mode .cmdk-card {
    background: rgba(255, 255, 255, 0.85) !important;
    color: #1a1815 !important;
  }

  /* ============ #33 COMPACT MODE ============ */
  body.premium-ui.compact-mode {
    --fs-xxs: 0.6rem;
    --fs-xs: 0.65rem;
    --fs-sm: 0.7rem;
    --fs-base: 0.78rem;
    --fs-md: 0.82rem;
    --fs-lg: 0.88rem;
    --fs-xl: 0.95rem;
  }
  body.premium-ui.compact-mode .listing-card,
  body.premium-ui.compact-mode .ilan-card,
  body.premium-ui.compact-mode .map-listing-card {
    padding: 8px 10px !important;
  }
  body.premium-ui.compact-mode .header,
  body.premium-ui.compact-mode .top-header,
  body.premium-ui.compact-mode .site-header {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  /* ============ #37 LOADING SPLASH ============ */
  body.premium-ui .splash-screen {
    position: fixed;
    inset: 0;
    background: linear-gradient(135deg, #06112b, #0a1633);
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 18px;
    transition: opacity 0.4s ease;
  }
  body.premium-ui .splash-screen.fade-out {
    opacity: 0;
    pointer-events: none;
  }
  body.premium-ui .splash-logo {
    font-family: 'JetBrains Mono', monospace;
    font-size: 2.5rem;
    font-weight: 800;
    color: var(--gold);
    letter-spacing: 4px;
    text-shadow: 0 0 30px rgba(212, 174, 108, 0.4);
    animation: splashPulse 1.4s ease-in-out infinite;
  }
  @keyframes splashPulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%      { opacity: 0.7; transform: scale(1.04); }
  }
  body.premium-ui .splash-tagline {
    color: var(--mute);
    font-size: 0.78rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0.8;
  }
  body.premium-ui .splash-bar {
    width: 200px;
    height: 2px;
    background: rgba(212, 174, 108, 0.15);
    border-radius: 2px;
    overflow: hidden;
  }
  body.premium-ui .splash-bar::after {
    content: '';
    display: block;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg, transparent, var(--gold), transparent);
    animation: splashBar 1.2s ease-in-out infinite;
  }
  @keyframes splashBar {
    from { transform: translateX(-150%); }
    to   { transform: translateX(350%); }
  }

  /* ============ #38 EASTER EGG ============ */
  body.premium-ui .egg-confetti {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 99999;
  }
  body.premium-ui .egg-piece {
    position: absolute;
    width: 8px;
    height: 8px;
    background: var(--gold);
    border-radius: 2px;
    animation: eggFall 3s linear forwards;
  }
  @keyframes eggFall {
    0% {
      opacity: 1;
      transform: translateY(0) rotate(0deg);
    }
    100% {
      opacity: 0;
      transform: translateY(110vh) rotate(720deg);
    }
  }