/* APP THEME START */
@import url('app-mobile.css');
/* APP THEME END */

:root{
  --primary:#ff6a00;          /* marka rengi */
  --primary-700:#c2410c;
  --bg:#f4f5f7;
  --text:#111827;
  --muted:#6b7280;
  --card:#ffffff;
  --line:#e5e7eb;
  --shadow:0 6px 18px rgba(16,24,40,.08);
  --shadow-2:0 16px 46px rgba(16,24,40,.12);
  --radius:14px;
  --radius-lg:18px;

  /* Geriye dönük uyumluluk */
  --red: var(--primary);
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  padding-bottom:76px; /* mobile bottom bar */
}

body.desktop{padding-bottom:0}
body.desktop .bottombar{
  position:fixed;left:0;right:0;bottom:0;z-index:20;
  height:58px;
  background:rgba(255,255,255,.90);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-top:1px solid rgba(229,231,235,.9);
  display:flex;justify-content:space-around;align-items:center;
  padding:6px 10px calc(6px + env(safe-area-inset-bottom));
  box-shadow:0 -8px 24px rgba(16,24,40,.08);
}
.topbar-inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;
  padding:10px 12px;
}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}
.brand{font-weight:900;font-size:20px;letter-spacing:.2px;display:flex;align-items:center;gap:8px}
.brand-red{color:var(--primary)}
.brand-black{color:#111827}
.brand-logo{height:32px;max-width:150px;object-fit:contain;display:block}

.city-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-size:12px;color:#374151;
  border:1px solid var(--line);
  background:#fff;
  padding:7px 10px;border-radius:999px;
}
.city-badge .city{font-weight:700}
.icon-btn{
  display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;
  border-radius:12px;
  border:1px solid var(--line);
  background:#fff;
  cursor:pointer;
}
.icon-btn:active{transform:scale(.98)}
.icon{width:20px;height:20px;display:block}
.icon.sm{width:18px;height:18px}

.topbar.back .topbar-inner{
  display:grid;
  grid-template-columns:44px 1fr auto;
}
.topbar.back .topbar-center{
  text-align:center;font-weight:800;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  padding:0 6px;
  color:var(--primary-700);
}
.topbar.back .icon-btn{width:40px;height:40px;border-radius:14px;
  border:1px solid rgba(229,231,235,.9);;
  color:var(--primary-700);
}

/* Wizard topbar (İlan Ver) */
.topbar.wizard{border-top:3px solid var(--primary)}
.topbar.wizard .topbar-inner{
  display:grid;
  grid-template-columns:44px 1fr auto;
}
.topbar.wizard .topbar-center{
  text-align:center;
  font-weight:950;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  color:#111827;
}
.topbar-step{
  font-size:12px;
  font-weight:850;
  color:var(--muted);
  padding-right:2px;
  white-space:nowrap;
}

/* Profile topbar (Hesabım) */
.topbar.profile{border-top:0}
.topbar.profile .topbar-inner{gap:12px}
.profile-left{gap:10px}
.topbar-avatar{
  width:34px;height:34px;
  border-radius:999px;
  border:2px solid rgba(255,106,0,.75);
  overflow:hidden;
  background:rgba(255,106,0,.12);
  color:var(--primary-700);
  font-weight:950;
  display:flex;align-items:center;justify-content:center;
  flex:0 0 auto;
}
.topbar-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.topbar-profile-name{font-weight:950;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* -----------------------
   Alerts
------------------------*/
.alert{padding:10px 12px;border-radius:12px;margin:10px 0;font-size:14px}
.alert.success{background:#ecfdf5;border:1px solid #a7f3d0}
.alert.error{background:#fef2f2;border:1px solid #fecaca}

/* -----------------------
   Section titles
------------------------*/
.section-title{
  display:flex;align-items:flex-end;justify-content:space-between;
  margin:14px 0 10px;
}
.section-title h2{
  margin:0;
  font-size:16px;
  font-weight:900;
  letter-spacing:.1px;
}
.section-title h2:after{
  content:"";
  display:block;
  width:38px;height:3px;border-radius:99px;
  margin-top:6px;
  background:var(--primary);
}
.section-title a{color:var(--primary);font-size:13px;font-weight:700}

  /* Page reset */
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background:#f6f7fb;
      color:#111827;
    }
    .wrap{
      max-width:480px;
      margin:0 auto;
      padding:16px;
    }
    h1{
      margin:8px 0 12px;
      font-size:18px;
      font-weight:700;
    }

    /* -----------------------
       Categories
    ------------------------*/
    .categories{
      display:flex;
      gap:8px;
      overflow:auto;
      padding:5px 0px 4px;
      margin:4px 0 8px;
      -webkit-overflow-scrolling:touch;
    }
    .categories::-webkit-scrollbar{display:none}

    /* .cat hem button hem a olabilir -> underline'ı tamamen kaldır */
    .cat,
    a.cat{
      min-width:74px;
      background:transparent;
      border:0;
      padding:0;
      text-align:center;
      font-size:11px;
      color:#111827;

      /* ALT ÇİZGİYİ KALDIRAN KISIM */
      text-decoration:none;
      -webkit-text-decoration:none;
      outline:none;
      cursor:pointer;
      display:inline-block;
    }
    a.cat:link,
    a.cat:visited,
    a.cat:hover,
    a.cat:active{
      text-decoration:none;
      color:#111827;
    }

    .cat-icon{
      width:46px;height:46px;
      border-radius:16px;
      background:#fff;
      border:1px solid rgba(229,231,235,.85);
      box-shadow:0 8px 20px rgba(16,24,40,.08);
      display:flex;align-items:center;justify-content:center;
      margin:0 auto 6px;
      font-size:22px;
      line-height:1;
    }
    .cat-label{
      display:block;
      max-width:86px;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;

      /* ekstra garanti */
      text-decoration:none;
    }

    /* ufak görsel iyileştirme */
    .card{
      background:#fff;
      border:1px solid rgba(229,231,235,.9);
      border-radius:16px;
      
      box-shadow:0 10px 30px rgba(16,24,40,.06);
    }

/* -----------------------
   Grid / cards
------------------------*/
.grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:12px;
}
@media (min-width: 900px){
  .grid{grid-template-columns:repeat(4, 1fr);}
}

.card{
  background:var(--card);
  border:1px solid rgba(229,231,235,.92);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow: var(--shadow);
  position:relative;
}
.card img{
  width:100%;
  height:140px;
  object-fit:cover;
  display:block;
  background:#eee;
}
.badge{
  position:absolute;top:10px;left:10px;
  background:rgba(255,106,0,.95);
  color:#fff;
  font-size:11px;
  padding:5px 9px;
  border-radius:999px;
  font-weight:800;

  z-index:3;
}
.badge.blue{background:rgba(37,99,235,.92)}
.badge.green{background:rgba(16,185,129,.92)}
.heart{
  position:absolute;top:10px;right:10px;
  width:36px;height:36px;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(229,231,235,.95);
  box-shadow:0 8px 22px rgba(16,24,40,.10);
}
.heart .icon{width:18px;height:18px}
.card-body{padding:10px 10px 12px}
.price{color:var(--primary);font-weight:950;font-size:15px}
.meta{color:var(--muted);font-size:12px;margin-top:4px;line-height:1.35}
.dot{margin:0 6px;color:#c1c7d0}
.meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.meta-ico{width:14px;height:14px;display:inline-block;vertical-align:-2px;opacity:.8}

/* -----------------------
   Bottom bar
------------------------*/
.bottombar{
  position:fixed;left:0;right:0;bottom:0;z-index:20;
  height:66px;background:#fff;border-top:1px solid rgba(229,231,235,.9);
  display:flex;justify-content:space-around;align-items:center;
  padding:8px 10px calc(8px + env(safe-area-inset-bottom));
}
.bb-item{
  display:flex;flex-direction:column;align-items:center;gap:4px;
  color:#374151;
  min-width:56px;
  padding:6px 10px;
  border-radius:14px;
}
.bb-item .bb-text{font-size:10px;color:#6b7280;font-weight:650;line-height:1}
.bb-ico{width:22px;height:22px;display:block}
.bb-primary{
  transform:translateY(-8px);
  width:48px;height:48px;
  border-radius:16px;
  background:var(--primary);
  color:#fff;
  box-shadow:0 14px 28px rgba(255,106,0,.22);
}

.bb-primary .bb-ico{width:24px;height:24px}
.bb-primary .bb-text{color:#fff}

/* Icon-only alt menü (metin gizli) */
.bottombar .bb-text{display:none}
.bottombar .bb-item{gap:0}

/* -----------------------
   Forms
------------------------*/
.form{
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  border-radius:var(--radius-lg);
  padding:14px;
  box-shadow:var(--shadow);
}
.input{
  width:100%;
  padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(229,231,235,.92);
  outline:none;
  font-size:14px;
  background:#fff;
}
.input:focus{border-color:rgba(255,106,0,.55);box-shadow:0 0 0 4px rgba(255,106,0,.12)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.row1{display:grid;grid-template-columns:1fr;gap:10px}
.btn{
  border:0;border-radius:14px;padding:12px 14px;
  background:#111827;color:#fff;font-weight:800;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.btn:active{transform:scale(.99)}
.btn.red{background:var(--primary)}
.btn.gray{background:#6b7280}
.btn.outline{background:#fff;color:#111827;border:1px solid rgba(229,231,235,.92)}

/* -----------------------
   Detail page
------------------------*/
.detail{
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.detail .detail-body{padding:14px}
.price-lg{color:var(--primary);font-weight:950;font-size:28px;line-height:1}
.detail-title{margin:8px 0 6px;font-size:18px;font-weight:950;line-height:1.25}
.detail-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}
.crumbs{
  background:#fff7ed;
  border:1px solid rgba(251,191,36,.25);
  color:#9a3412;
  padding:10px 12px;
  border-radius:14px;
  font-size:12px;
  overflow:auto;white-space:nowrap;
}
.crumbs a{color:inherit;font-weight:750}
.section-h{
  margin:0 0 10px;
  font-size:15px;
  font-weight:950;
}
.section-h:after{
  content:"";
  display:block;
  width:38px;height:3px;border-radius:99px;
  margin-top:6px;
  background:var(--primary);
}
.hr{height:1px;background:rgba(229,231,235,.92);margin:12px 0}
.small{font-size:12px;color:var(--muted)}
.contactbar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.btn.contact{justify-content:center}

/* -----------------------
   Carousel (shared)
------------------------*/
.carousel{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-lg);
  border:1px solid rgba(229,231,235,.92);
  background:#fff;
  touch-action:pan-y;
}
.carousel-track{display:flex;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.carousel-slide{min-width:100%;position:relative}
.carousel-slide img{
  width:100%;
  height:170px;

  display:block;
}
.carousel-dots{
  position:absolute;left:0;right:0;bottom:10px;
  display:flex;gap:7px;justify-content:center;
}
.carousel-dot{
  width:7px;height:7px;border-radius:999px;
  background:rgba(255,255,255,.65);
  border:1px solid rgba(0,0,0,.10);
}
.carousel-dot.active{background:#fff}
.carousel-btn{
  position:absolute;top:50%;transform:translateY(-50%);
  width:38px;height:38px;border-radius:999px;
  border:1px solid rgba(0,0,0,.14);
  background:#ffffffd9;
  color:#111827;
  backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;
  z-index:12;
  box-shadow:0 10px 26px rgba(15,23,42,.18);
}
.carousel-btn.prev{left:10px;}
.carousel-btn.next{right:10px;}
.carousel-btn .icon{width:22px;height:22px;display:block;}
.carousel-btn:disabled{opacity:.45;pointer-events:none;}


/* Hero carousel size */
.hero-carousel .carousel-slide img{height:140px}
@media(min-width:768px){
  .hero-carousel .carousel-slide img{height:280px}
}

/* Listing detail gallery carousel */
.gallery-carousel{
  border-radius:0;
  border:0;
  background:#0b1220;
}
.gallery-carousel .carousel-slide{
  background:#0b1220;
}
.gallery-carousel .carousel-slide img{
  height:320px;
  object-fit:contain;
  background:#0b1220;
}
@media(max-width:420px){
  .gallery-carousel .carousel-slide img{height:280px}
}

/* Legacy (if still used somewhere) */
.slider{
  display:flex;overflow:auto;gap:12px;
  scroll-snap-type:x mandatory;
  padding:10px 0 6px;
}
.slide{
  min-width:88%;
  scroll-snap-align:start;
  background:#fff;border:1px solid rgba(229,231,235,.92);
  border-radius:var(--radius-lg);box-shadow:var(--shadow);
  padding:14px;
  display:flex;align-items:center;justify-content:space-between;
}
@media(min-width:900px){ .slide{min-width:48%} }


/* Seller card */
.seller-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(229,231,235,.92);border-radius:16px;background:#fff;box-shadow:0 10px 26px rgba(16,24,40,.08)}
.seller-avatar{width:44px;height:44px;border-radius:16px;background:rgba(255,106,0,.12);color:var(--primary-700);display:flex;align-items:center;justify-content:center;font-weight:950;font-size:18px}
.seller-name{font-weight:950;color:#111827}

/* -----------------------
   Listing wizard (İlan Ver)
------------------------*/
/* Wizard sayfalarında alttaki sabit bar son alanları kapatmasın */
body.wizard-page{padding-bottom:160px}
body.wizard-page .container{max-width:620px;padding-bottom:0}

.wizard{margin:0}
.wizard-sheet{
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:14px;
  /* Sabit wizard bar + safe-area ile "Yayınla" kısmı kapanmasın */
  padding-bottom:140px;
  min-height:calc(100vh - 190px);
}
.wiz-title{
  margin:6px 0 14px;
  font-size:18px;
  font-weight:950;
  text-align:center;
}
.wiz-subtitle{
  margin:-8px 0 12px;
  text-align:center;
  font-size:13px;
  color:var(--muted);
  font-weight:750;
}
.wiz-chip{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,106,0,.25);
  background:#fff7ed;
  color:var(--primary-700);
  font-weight:900;
  font-size:12px;
  margin:0 auto 10px;
}

.wiz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.wiz-cat{
  border:1px solid rgba(229,231,235,.92);
  background:#fff;
  border-radius:18px;
  box-shadow:0 12px 28px rgba(16,24,40,.10);
  padding:16px 12px;
  min-height:110px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  cursor:pointer;
}
.wiz-cat:active{transform:scale(.99)}
.wiz-cat.active{
  border-color:rgba(255,106,0,.65);
  box-shadow:0 0 0 4px rgba(255,106,0,.14), 0 18px 40px rgba(16,24,40,.10);
}
.wiz-cat-icon{
  width:58px;height:58px;
  border-radius:18px;
  background:rgba(255,106,0,.10);
  border:1px solid rgba(255,106,0,.18);
  display:flex;align-items:center;justify-content:center;
  font-size:30px;
  overflow:hidden;
}
.wiz-cat-icon img{width:100%;height:100%;object-fit:cover;display:block}
.wiz-cat-name{font-weight:900;color:#111827;font-size:14px;text-align:center}

.wiz-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}
.wiz-list-item{
  text-align:left;
  border:1px solid rgba(229,231,235,.92);
  background:#fff;
  border-radius:16px;
  padding:14px 14px;
  font-weight:900;
  color:#111827;
  box-shadow:0 12px 26px rgba(16,24,40,.08);
}
.wiz-list-item:active{transform:scale(.99)}
.wiz-list-item.active{border-color:rgba(255,106,0,.65);background:#fff7ed}

.upload-note{
  display:flex;gap:10px;align-items:flex-start;
  padding:10px 12px;
  border:1px solid rgba(37,99,235,.35);
  background:#eff6ff;
  border-radius:16px;
  color:#1e3a8a;
  font-size:12px;
  line-height:1.35;
}
.upload-ico{width:18px;height:18px;flex:0 0 auto;margin-top:2px}
.upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.upload-actions .btn{width:100%}
.upload-preview{
  border:1px solid rgba(229,231,235,.92);
  background:#fff;
  border-radius:16px;
  padding:10px;
}
.upload-count{font-size:12px;color:var(--muted);font-weight:750;margin-bottom:8px}
.upload-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.upload-item{position:relative;border-radius:12px;overflow:hidden;border:1px solid rgba(229,231,235,.92);background:#f3f4f6}
.upload-item img{width:100%;height:68px;object-fit:cover;display:block}
.upload-item .u-actions{position:absolute;left:6px;right:6px;bottom:6px;display:flex;gap:6px}
.upload-item .u-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border-radius:10px;border:0;font-size:10px;font-weight:950;cursor:pointer;background:rgba(17,24,39,.78);color:#fff}
.upload-item .u-btn.red{background:rgba(220,38,38,.88)}
.upload-item .u-badge{position:absolute;left:6px;top:6px;background:rgba(255,106,0,.92);color:#fff;font-weight:950;font-size:10px;padding:3px 6px;border-radius:999px}

.wizard-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:60;
  height:72px;
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;
  padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  background:#fff;
  border-top:1px solid rgba(229,231,235,.92);
}
.wiz-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:14px;
  padding:10px 12px;
  font-weight:950;
  border:1px solid rgba(229,231,235,.92);
  background:#fff;
  color:#111827;
  cursor:pointer;
}
.wiz-btn .icon{width:18px;height:18px}
.wiz-btn.next{
  background:var(--primary);
  color:#fff;
  border-color:rgba(255,106,0,.55);
  box-shadow:0 18px 34px rgba(255,106,0,.26);
}
.wiz-btn.next.publish{padding:10px 14px}
.wiz-dots{display:flex;align-items:center;justify-content:center;gap:7px;flex:1}
.wiz-dot{width:8px;height:8px;border-radius:999px;background:#d1d5db}
.wiz-dot.active{background:var(--primary)}

@media(max-width:380px){
  .upload-grid{grid-template-columns:repeat(4,1fr)}
}

/* -----------------------
   Profile (Hesabım)
------------------------*/
.profile-tabs{
  display:flex;gap:20px;overflow:auto;
  padding:10px 2px 8px;
  margin:4px 0 12px;
  border-bottom:1px solid rgba(229,231,235,.92);
}
.profile-tabs::-webkit-scrollbar{display:none}
.profile-tab{
  padding:8px 2px;
  font-weight:900;
  color:var(--muted);
  white-space:nowrap;
  position:relative;
}
.profile-tab.active{color:var(--primary)}
.profile-tab.active:after{
  content:"";
  position:absolute;left:0;right:0;bottom:-9px;
  height:3px;border-radius:99px;
  background:var(--primary);
}

.profile-card{
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:14px;
}

.profile-complete{
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:14px;
  margin:0 0 14px;
}
.profile-complete-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.profile-complete-title{font-weight:950;color:#111827}
.profile-complete-percent{font-weight:950;color:var(--primary)}
.profile-bar{height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:10px 0 8px}
.profile-bar > span{display:block;height:100%;width:0;background:var(--primary);border-radius:999px}
.profile-missing{margin:6px 0 0;color:#6b7280;font-size:12px;line-height:1.4}
.badge-verified{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#ecfdf5;border:1px solid rgba(16,185,129,.35);color:#047857;font-weight:900;font-size:12px}
.profile-head{display:flex;align-items:center;gap:12px}
.profile-avatar-lg{
  width:78px;height:78px;
  border-radius:999px;
  border:3px solid rgba(255,106,0,.85);
  overflow:hidden;
  background:rgba(255,106,0,.12);
  display:flex;align-items:center;justify-content:center;
  color:var(--primary-700);
  font-weight:950;
  font-size:28px;
  position:relative;
  flex:0 0 auto;
}
.profile-avatar-lg img{width:100%;height:100%;object-fit:cover;display:block}
.profile-online{
  position:absolute;right:6px;bottom:6px;
  width:12px;height:12px;
  border-radius:999px;
  background:#22c55e;
  border:2px solid #fff;
}
.profile-name{font-weight:950;font-size:20px;margin:0}

.profile-stats{
  display:flex;justify-content:space-around;gap:10px;
  padding:12px 0;
  margin:12px 0;
  border-top:1px solid rgba(229,231,235,.92);
  border-bottom:1px solid rgba(229,231,235,.92);
}
.profile-stat{text-align:center}
.profile-stat .num{font-weight:950;font-size:20px;color:var(--primary)}
.profile-stat .lab{font-size:12px;color:var(--muted);font-weight:850}

.profile-info{display:grid;gap:10px}
.profile-info-row{display:flex;align-items:center;gap:10px;color:#374151;font-size:13px}
.profile-info-ico{width:18px;height:18px;color:var(--primary)}

.profile-verify-title{margin:14px 0 8px;font-weight:950}
.profile-verify-icons{display:flex;gap:12px}
.verify-pill{
  width:46px;height:46px;
  border-radius:999px;
  background:rgba(255,106,0,.14);
  border:1px solid rgba(255,106,0,.25);
  display:flex;align-items:center;justify-content:center;
  color:var(--primary-700);
}
.verify-pill .icon{width:22px;height:22px}

.profile-share-btn{
  width:100%;
  margin-top:12px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,106,0,.25);
  background:#fff7ed;
  color:var(--primary-700);
  font-weight:950;
  display:flex;align-items:center;justify-content:center;gap:8px;
}
.profile-share-btn:active{transform:scale(.99)}

/* Account (Hesabım) - Bana Özel menü */
.account-home{display:flex;flex-direction:column;gap:12px}
.account-quick{display:flex;gap:12px;margin:2px 0 4px}
.quick-btn{
  flex:1;
  display:flex;align-items:center;justify-content:center;gap:10px;
  padding:12px 12px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  box-shadow:var(--shadow);
  font-weight:950;
  color:#111827;
  text-decoration:none;
}
.quick-btn.primary{
  background:linear-gradient(135deg,#22c55e,#16a34a);
  border-color:rgba(22,163,74,.45);
  color:#fff;
}
.quick-btn .icon{width:18px;height:18px}

.account-level{
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:12px;
}
.lvl-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.lvl-name{font-weight:950;color:#111827}
.lvl-next{font-size:12px;color:var(--muted);font-weight:850;text-align:right}
.lvl-bar{height:8px;border-radius:999px;background:#e5e7eb;overflow:hidden;margin:10px 0 6px}
.lvl-bar>span{display:block;height:100%;background:var(--primary);border-radius:999px}
.lvl-sub{font-size:12px;color:var(--muted);font-weight:850}

.account-menu{display:flex;flex-direction:column;gap:10px}
.account-row{
  display:flex;align-items:center;gap:12px;
  padding:12px;
  border:1px solid rgba(229,231,235,.92);
  background:#fff;
  border-radius:18px;
  text-decoration:none;
  color:inherit;
  box-shadow:var(--shadow);
}
.account-row:active{transform:scale(.99)}
.account-row .ico{
  width:44px;height:44px;
  border-radius:16px;
  background:rgba(255,106,0,.14);
  border:1px solid rgba(255,106,0,.22);
  display:flex;align-items:center;justify-content:center;
  color:var(--primary-700);
  flex:0 0 auto;
}
.account-row .ico svg{width:22px;height:22px}
.account-row .txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.account-row .t{font-weight:950;color:#111827}
.account-row .s{font-size:12px;color:var(--muted);font-weight:850}
.account-row .go{font-size:22px;opacity:.45;line-height:1}
.account-row.danger .ico{
  background:rgba(239,68,68,.10);
  border-color:rgba(239,68,68,.18);
  color:#b91c1c;
}
.account-row.danger .t{color:#b91c1c}
.account-menu.compact .account-row{box-shadow:none}

/* Mobilde: Hesabım menülerini 3 sütun kompakt "app" grid */
@media (max-width: 576px){
  .account-menu.grid3{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:10px}
  .account-menu.grid3 .account-row{
    padding:10px;
    gap:8px;
    border-radius:16px;
    box-shadow:0 6px 18px rgba(17,24,39,.05);
  }
  .account-menu.grid3 .account-row .ico{width:34px;height:34px;border-radius:12px}
  .account-menu.grid3 .account-row .ico svg{width:18px;height:18px}
  .account-menu.grid3 .account-row .t{font-size:12px;line-height:1.1}
  .account-menu.grid3 .account-row .s,
  .account-menu.grid3 .account-row .go{display:none}
}

.legal-links{margin-top:8px;text-align:center}
.legal-links a{font-size:12px;color:var(--muted);font-weight:850;text-decoration:none}

/* Profile - ek stiller */
.name-verified{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;height:18px;
  border-radius:999px;
  margin-left:6px;
  background:#ecfdf5;
  border:1px solid rgba(16,185,129,.35);
  color:#047857;
  vertical-align:middle;
}
.name-verified svg{width:14px;height:14px}
.profile-subline{font-size:12px;color:var(--muted);font-weight:850;margin-top:4px}

.profile-stats.simple{
  border-top:0;border-bottom:0;
  margin:12px 0 0;
  padding:10px 0 0;
}
.profile-stats.simple .profile-stat{text-decoration:none;color:inherit}

.profile-mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:12px;
}
.profile-mini{
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  border-radius:16px;
  padding:12px;
}
.profile-mini .k{font-size:12px;color:var(--muted);font-weight:850}
.profile-mini .v{margin-top:6px;font-weight:950;color:#111827}

.verify-row{display:flex;gap:10px;margin-top:8px}
.verify-pill{width:40px;height:40px;border-radius:999px}
.verify-pill .icon{width:20px;height:20px}
.verify-pill.on{background:#ecfdf5;border-color:rgba(16,185,129,.35);color:#047857}
.verify-pill.off{opacity:.35;filter:grayscale(1)}


/* Profile settings avatar block */
.avatar-edit{display:flex;align-items:center;gap:12px}
.avatar-preview{
  width:76px;height:76px;
  border-radius:999px;
  border:3px solid rgba(255,106,0,.85);
  overflow:hidden;
  background:rgba(255,106,0,.12);
  display:flex;align-items:center;justify-content:center;
  color:var(--primary-700);
  font-weight:950;
  font-size:26px;
  flex:0 0 auto;
}
.avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-actions{display:flex;flex-direction:column;gap:8px;flex:1}


/* v4 marketplace additions */
.old-price{color:#9ca3af;text-decoration:line-through;margin-right:8px;font-weight:700}
.new-price{color:#111827;font-weight:900}
.price-lg .old-price{font-size:16px}
.price-lg .new-price{font-size:22px}

.btn.sm{padding:8px 10px;border-radius:14px;font-size:13px}
.btn.w100{width:100%}

.tabs{display:flex;gap:10px;margin:10px 0}
.tab{flex:1;text-align:center;padding:12px 10px;border-radius:16px;background:#fff;border:1px solid #e5e7eb;color:#111827;font-weight:900;text-decoration:none}
.tab.active{background:#111827;color:#fff;border-color:#111827}
.chip-row{display:flex;gap:8px;overflow:auto;padding:6px 0 10px}
.chip{border:1px solid #e5e7eb;background:#fff;color:#111827;border-radius:999px;padding:10px 12px;font-weight:800;white-space:nowrap}
.chip.active{background:#111827;color:#fff;border-color:#111827}
.pill{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;border-radius:999px;background:#ef4444;color:#fff;font-weight:900;font-size:12px}

.list{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.row{display:flex;gap:12px;padding:12px;border:1px solid #e5e7eb;background:#fff;border-radius:18px;text-decoration:none;color:inherit}
.row:hover{border-color:#d1d5db}
.avatar{width:42px;height:42px;border-radius:14px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;flex:0 0 auto;overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.row-body{flex:1;min-width:0}
.row-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.row-title{font-weight:950}
.row-time{font-size:12px;color:#6b7280;font-weight:800}
.row-sub{font-size:13px;color:#6b7280;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.row-sub .preview{color:#111827;opacity:.9}
.row-right{display:flex;align-items:center}
.dot{opacity:.6}

.status{padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;border:1px solid #e5e7eb}
.status.pending{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.status.accepted{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.status.rejected{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.status.cancelled{background:#f3f4f6;border-color:#e5e7eb;color:#374151}

.offer-actions{display:flex;gap:10px;margin-top:10px}
.offer-card{border:1px solid #e5e7eb;border-radius:18px;padding:12px;background:#fff}
.offer-title{font-weight:950;margin-bottom:4px}
.offer-quick{display:flex;gap:10px;margin:12px 0}
.offer-quick .chip{flex:1;text-align:center}

.profile-card{border:1px solid #e5e7eb;background:#fff;border-radius:22px;padding:14px}
.profile-top{display:flex;gap:12px;align-items:center}
.profile-avatar{width:56px;height:56px;border-radius:20px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;overflow:hidden}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-meta{flex:1;min-width:0}
.profile-name{font-weight:950;font-size:18px}
.profile-actions{display:flex;gap:10px;flex-wrap:wrap}
.profile-stats{display:flex;gap:10px;margin-top:12px}
.stat{flex:1;background:#f9fafb;border-radius:18px;padding:10px;text-align:center;border:1px solid #e5e7eb}
.stat-num{font-weight:950;font-size:18px}
.stat-lbl{font-size:12px;color:#6b7280;font-weight:800}

/* Bottom sheet */
body.sheet-open{overflow:hidden}
.sheet{position:fixed;inset:0;z-index:120;display:none}
.sheet.open{display:block}
.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.sheet-panel{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:26px 26px 0 0;border:1px solid rgba(0,0,0,.08);box-shadow:0 -12px 40px rgba(0,0,0,.18);max-height:85vh;display:flex;flex-direction:column}
.sheet-h{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb}
.sheet-title{font-weight:950}
.sheet-body{padding:14px;overflow:auto}

/* Side drawer (full-screen panel) */
.sheet.side-drawer .sheet-panel{top:0;bottom:0;left:auto;right:0;max-height:none;width:min(520px,100vw);border-radius:0;border-left:1px solid rgba(0,0,0,.08);box-shadow:-14px 0 44px rgba(0,0,0,.18);transform:translateX(100%);transition:transform 220ms ease}
.sheet.side-drawer.open .sheet-panel{transform:translateX(0)}
.sheet.side-drawer .sheet-backdrop{background:rgba(0,0,0,.42)}
.sheet.side-drawer .sheet-h{padding:14px 16px}
.sheet.side-drawer .sheet-body{padding:16px}
.sheet.side-drawer .sheet-body .row{display:grid;grid-template-columns:1fr;gap:10px}
.sheet.side-drawer .sheet-body .btn{border-radius:18px;padding:14px 16px;font-weight:950}

.city-list{display:flex;flex-direction:column;gap:10px}
.city-item{padding:12px;border-radius:16px;border:1px solid #e5e7eb;background:#fff;font-weight:900;text-align:left}

/* Chat */
.chat{height:calc(100vh - 120px);display:flex;flex-direction:column}
.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;margin:10px;border:1px solid #e5e7eb;background:#fff;border-radius:18px}
.chat-sub{font-weight:900;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-actions{display:flex;gap:8px}
.chat-messages{flex:1;overflow:auto;padding:0 12px 8px}
.msg{display:flex;flex-direction:column;margin:8px 0;max-width:82%}
.msg.mine{margin-left:auto;align-items:flex-end}
.msg.theirs{margin-right:auto;align-items:flex-start}
.msg.system{margin-left:auto;margin-right:auto;max-width:94%;align-items:center}
.bubble{padding:12px 14px;border-radius:18px;border:1px solid #e5e7eb;background:#fff;line-height:1.35;font-weight:700}
.msg.mine .bubble{background:#111827;color:#fff;border-color:#111827}
.msg.system .bubble{background:#f3f4f6;border-color:#e5e7eb;color:#374151;border-radius:999px}
.time{font-size:11px;color:#6b7280;margin-top:4px;font-weight:800}
.chat-templates{display:flex;gap:8px;overflow:auto;padding:8px 12px}
.chat-compose{display:flex;gap:10px;padding:10px 12px;border-top:1px solid #e5e7eb;background:#fff;position:sticky;bottom:0}
.chat-compose textarea{flex:1;min-height:44px;max-height:120px;resize:none}

.seller-card{display:flex;gap:12px;align-items:center;border:1px solid #e5e7eb;background:#fff;border-radius:22px;padding:14px}
.seller-avatar{width:52px;height:52px;border-radius:18px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:950;overflow:hidden;text-decoration:none}
.seller-avatar img{width:100%;height:100%;object-fit:cover}
.seller-info{flex:1;min-width:0}
.seller-name{font-weight:950;color:#111827;text-decoration:none;display:inline-block}
.seller-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}

/* Toast notifications */
.toast-stack{position:fixed;top:78px;left:12px;right:12px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none;}
.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.18);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px);background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.06);}
.toast .t-ico{width:20px;height:20px;flex:0 0 20px;opacity:.9;margin-top:1px}
.toast .t-body{flex:1;font-weight:750;line-height:1.3}
.toast .t-sub{display:block;margin-top:2px;font-weight:650;opacity:.8;font-size:12px}
.toast.success{border-color:rgba(16,185,129,.28)}
.toast.error{border-color:rgba(239,68,68,.28)}
.toast.info{border-color:rgba(59,130,246,.26)}

/* Toast (v6) */
.toast{opacity:0;transform:translateY(-6px);transition:opacity .18s ease, transform .18s ease;}
.toast.show{opacity:1;transform:translateY(0);}
.toast .toast-msg{flex:1;font-weight:750;line-height:1.3}
.toast .toast-x{border:0;background:transparent;font-size:18px;line-height:1;opacity:.6;cursor:pointer;padding:0 2px}
.toast .toast-x:active{transform:scale(.96)}

/* --- Pop Mesaj (anasayfa duyuru modal) --- */
.popmsg-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.45);opacity:0;transition:opacity .18s ease;}
.popmsg-modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-48%);z-index:10001;width:min(520px,92vw);opacity:0;transition:opacity .18s ease, transform .18s ease;}
.popmsg-backdrop.show{opacity:1}
.popmsg-modal.show{opacity:1;transform:translate(-50%,-50%)}
.popmsg-card{background:rgba(255,255,255,.96);border:1px solid rgba(0,0,0,.08);box-shadow:0 22px 60px rgba(0,0,0,.22);border-radius:18px;overflow:hidden;padding:16px;position:relative;}
.popmsg-x{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;opacity:.6;padding:4px 6px;}
.popmsg-x:active{transform:scale(.96)}
.popmsg-title{font-weight:900;font-size:18px;margin:2px 28px 10px 0;}
.popmsg-image img{width:100%;height:auto;display:block;border-radius:12px;}
.popmsg-body{margin-top:10px;font-size:14px;line-height:1.55;}
.popmsg-body img{max-width:100%;height:auto}
.popmsg-nomore{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:13px;opacity:.85;user-select:none;}
/* Notification badge */
.icon-btn{position:relative}
.icon-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;padding:0 6px;background:#ef4444;color:#fff;line-height:1;box-shadow:0 6px 18px rgba(239,68,68,.3);}
.icon-badge.hide{display:none}

/* Listing card extras */
.card-link{display:block;color:inherit;text-decoration:none}
.card-media{position:relative;}
.fav-btn{position:absolute;top:10px;right:10px;border:0;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.07);box-shadow:0 10px 24px rgba(0,0,0,.12);border-radius:999px;padding:8px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;}
.fav-btn .icon{width:20px;height:20px}
.fav-btn[data-liked="1"]{background:rgba(255,255,255,.96)}
.fav-btn[data-liked="1"] .icon path{stroke:#ef4444}
.fav-count{font-size:12px;font-weight:900;opacity:.9}

.card-stats{margin-top:10px;display:flex;gap:10px;justify-content:space-between}
.card-stats .st{flex:1;background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.05);border-radius:14px;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start;}
.card-stats .st b{font-size:14px}
.card-stats .st span{font-size:11px;font-weight:800;opacity:.75;margin-top:1px}

.card-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}
.btn.sm{padding:10px 12px;font-size:13px;border-radius:14px}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 12px;font-size:12px;font-weight:900;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.06)}

.card-expired{opacity:.92}
.card-expired .badge{background:rgba(239,68,68,.1);color:#ef4444;border-color:rgba(239,68,68,.25)}


.bb-badge{position:absolute;top:4px;right:16px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:800;}
.bb-badge.hide{display:none;}
.bb-item{position:relative;}

.pill.warn{background:#fff7ed;color:#9a3412;border:1px solid #fdba74;}


/* Ad slots */
.ad-slot{margin:12px 0;overflow:hidden;border-radius:14px}
.ad-slot iframe,.ad-slot img{max-width:100%;height:auto}
.ad-slot ins{display:block;width:100%}

/* Bildirimler (modern) */
.empty-state{padding:18px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;text-align:center}
.empty-state .empty-ico{font-size:32px;line-height:1;margin-bottom:8px}
.empty-state .empty-title{font-weight:900;margin-bottom:6px}

.notif-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:18px;background:#f9fafb;margin-bottom:12px}
.notif-actions-right{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.chk-line{display:flex;align-items:center;gap:8px;font-weight:900;color:#111827}
.chk-line input{width:18px;height:18px}

.notif-list{display:flex;flex-direction:column;gap:10px}
.notif-item{display:flex;gap:12px;padding:12px;border:1px solid #e5e7eb;border-radius:18px;background:#fff}
.notif-left{padding-top:2px}
.notif-check{width:18px;height:18px}
.notif-body{flex:1;min-width:0}
.notif-title{font-weight:900;margin-bottom:2px}
.notif-text{color:#374151;font-size:14px;line-height:1.35}
.notif-meta{margin-top:6px;font-size:12px;color:#6b7280;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.notif-meta .dot{opacity:.7}
.notif-meta a{color:#111827;text-decoration:underline}
.notif-right{display:flex;align-items:flex-start}


/* =========================
   Popup Search (mobile)
========================= */
.search-sheet .sheet-panel-top{
  top:12px;
  bottom:auto;
  margin:0 auto;
  width:min(720px, calc(100% - 24px));
  border-radius:18px;
  max-height:82vh;
}
.searchsheet-head{padding:12px 12px 8px}
.searchbox{
  display:flex;align-items:center;
  background:#fff;
  border:1px solid rgba(229,231,235,.95);
  border-radius:18px;
  padding:10px 10px;
  box-shadow:0 10px 30px rgba(16,24,40,.12);
  gap:10px;
}
.searchbox .sb-ico{width:22px;height:22px;color:#9ca3af;flex:0 0 auto}
.sb-input{
  border:0;outline:0;background:transparent;
  flex:1;
  font-size:14px;
}
.sb-clear,.sb-go{
  border:0;background:transparent;
  width:34px;height:34px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  color:#111827;
  z-index:5;
}
.carousel-btn.prev{left:10px}
.carousel-btn.next{right:10px}
.carousel-btn .icon{width:22px;height:22px;display:block}
.sb-go{background:#f97316;color:#fff}
.searchsheet-body{
  padding:6px 12px 14px;
  overflow:auto;
}
.sres{
  display:flex;flex-direction:column;
  gap:10px;
  padding:6px 0 10px;
}
.sitem{
  display:block;
  padding:10px 10px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(229,231,235,.9);
}
.sitem:hover{background:#fafafa}
.stitle{font-weight:950;color:#111827}
.smeta{font-size:12px;color:#6b7280;margin-top:2px}

/* =========================
   Category cover images
========================= */
.cat-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.mobile .cat{min-width:68px}
.mobile .cat-icon{width:40px;height:40px;border-radius:14px;font-size:18px}
.mobile .cat-label{max-width:78px}

/* =========================
   Featured horizontal slider
========================= */
.hscroll{
  display:flex;
  gap:4px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  padding:0px 0px 5px;
}
.hscroll::-webkit-scrollbar{display:none}
.hscroll > .card{flex:0 0 48%; scroll-snap-align:start}
@media (min-width: 520px){
  .hscroll > .card{flex-basis:46%}
}
@media (min-width: 900px){
  .hscroll > .card{flex-basis:30%}
}

/* =========================================================
   HESABIM > BANA TAB (2 SÜTUN / PROFESYONEL KUTUCUK)
   - Mevcut yapıyı bozmadan sadece "bana" tab içinde override
   - Hem .list/.row yapısında hem de .grid/.card yapısında çalışır
========================================================= */

/* 1) Eğer içerik .list ise: list'i grid'e çevir */
#bana .list,
.tab-pane#bana .list,
[data-tab="bana"] .list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:10px; /* mevcutla uyum */
}

/* Mobilde tek sütun */
@media (max-width: 576px){
  #bana .list,
  .tab-pane#bana .list,
  [data-tab="bana"] .list{
    grid-template-columns:1fr;
  }
}

/* Grid item: row/kutu görünümü daha kompakt */
#bana .list > .row,
.tab-pane#bana .list > .row,
[data-tab="bana"] .list > .row{
  margin:0;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(229,231,235,.92);
  background:#fff;
  box-shadow:var(--shadow);
}

/* Avatar ve tipografi kompakt */
#bana .list > .row .avatar,
.tab-pane#bana .list > .row .avatar,
[data-tab="bana"] .list > .row .avatar{
  width:40px;height:40px;border-radius:14px;
}
#bana .list > .row .row-title,
.tab-pane#bana .list > .row .row-title,
[data-tab="bana"] .list > .row .row-title{
  font-size:14px;
}
#bana .list > .row .row-sub,
.tab-pane#bana .list > .row .row-sub,
[data-tab="bana"] .list > .row .row-sub{
  font-size:12px;
}

/* 2) Eğer içerik .grid/.card ise: 2 sütun + daha küçük kart */
#bana .grid,
.tab-pane#bana .grid,
[data-tab="bana"] .grid{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
@media (max-width: 576px){
  #bana .grid,
  .tab-pane#bana .grid,
  [data-tab="bana"] .grid{
    grid-template-columns:1fr;
  }
}
#bana .card img,
.tab-pane#bana .card img,
[data-tab="bana"] .card img{
  height:120px;
}
#bana .card-body,
.tab-pane#bana .card-body,
[data-tab="bana"] .card-body{
  padding:10px 10px 12px;
}
#bana .price,
.tab-pane#bana .price,
[data-tab="bana"] .price{
  font-size:14px;
}
#bana .meta,
.tab-pane#bana .meta,
[data-tab="bana"] .meta{
  font-size:11.5px;
}


/* === Account (Hesabım) tweaks === */


/* Tab: Bana Özel - butonları 2 sütun, daha kompakt */
.page-account.tab-bana .detail{border-radius:20px}
.page-account.tab-bana .row1{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-top:12px;
}
.page-account.tab-bana .row1 > .btn{
  width:100%;
  padding:12px 10px;
  border-radius:16px;
  font-size:13px;
  font-weight:850;
  letter-spacing:.2px;
  min-height:44px;
  justify-content:center;
}
.page-account.tab-bana .row1 > .btn.red{
  grid-column:1 / -1;         /* İlk buton (İlan Ver) tam genişlik */
  min-height:48px;
  font-size:14px;
}
.page-account.tab-bana .row1 > .btn.outline{
  background:#fff;
  border:1px solid rgba(229,231,235,.95);
  box-shadow:0 1px 0 rgba(17,24,39,.03);
}
.page-account.tab-bana .row1 > .btn.outline:active{
  transform:scale(.99);
}

/* Tab: Ürünlerim - ilan kartları 2 sütun + daha “app” görünümü */
.page-account.tab-urunlerim .grid{
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}
.page-account.tab-urunlerim .app-card{
  border-radius:18px;
  overflow:hidden;
}
.page-account.tab-urunlerim .app-card-media img{
  height:120px;
}
.page-account.tab-urunlerim .card-body{
  padding:10px 12px;
}
.page-account.tab-urunlerim .card-title{
  font-size:13px;
  line-height:1.25;
  margin:0 0 6px 0;
}
.page-account.tab-urunlerim .card-stats{
  gap:8px;
}
.page-account.tab-urunlerim .card-stats .st b{font-size:13px}
.page-account.tab-urunlerim .card-stats .st span{font-size:11px}

/* Tab: Öne Çıkar - kart hissi + detaylar renkli pill */
.page-account.tab-onecikar .row1{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px}
.page-account.tab-onecikar .row1 > .detail{margin:0;border-radius:18px;box-shadow:0 8px 22px rgba(17,24,39,.06)}
.page-account.tab-onecikar .feat-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}
.page-account.tab-onecikar .feat-meta .pill{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:850;
  border:1px solid rgba(229,231,235,.9);
  background:#fff;
}
.page-account.tab-onecikar .feat-meta .pill.price{
  border-color:rgba(255,106,0,.25);
  background:rgba(255,106,0,.10);
  color:#b54700;
}
.page-account.tab-onecikar .feat-meta .pill.info{
  border-color:rgba(59,130,246,.25);
  background:rgba(59,130,246,.10);
  color:#1d4ed8;
}
.page-account.tab-onecikar .feat-meta .pill.success{
  border-color:rgba(34,197,94,.25);
  background:rgba(34,197,94,.10);
  color:#15803d;
}
.page-account.tab-onecikar .feat-meta .pill.warn{
  border-color:rgba(239,68,68,.25);
  background:rgba(239,68,68,.10);
  color:#b91c1c;
}

/* Mobilde de 2 sütun kalsın (özellikle Bana Özel & Ürünlerim & Öne Çıkar) */
@media (max-width: 576px){
  .page-account.tab-bana .row1{grid-template-columns:repeat(2, minmax(0,1fr))}
  .page-account.tab-urunlerim .grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .page-account.tab-onecikar .row1{grid-template-columns:repeat(2, minmax(0,1fr))}
}

/* Alt menü (footer/bottombar): aşağı kaydırınca gizle, yukarı çıkınca göster */
.bottombar{
  will-change:transform;
  transition:transform .22s ease, opacity .22s ease;
}
.bottombar.bb-hide{
  transform:translateY(115%);
  opacity:0;
}


/* -------------------------------------------------------------------------
   Listing Detail - Mobile App Style (ilanlar/detay.php)
   ------------------------------------------------------------------------- */
body.listing-detail-page{padding-bottom:92px}
body.listing-detail-page .detail{margin-top:10px}
body.listing-detail-page .detail-body{padding:14px}
body.listing-detail-page .section-h{margin-top:14px;margin-bottom:10px}
body.listing-detail-page .row{gap:10px}
body.listing-detail-page .btn{border-radius:16px}
body.listing-detail-page .btn.contact{padding:12px 14px}
body.listing-detail-page .seller-card{border-radius:18px}
body.listing-detail-page .gallery-carousel img{border-radius:18px}

.detail-actionbar{position:fixed;left:50%;right:auto;bottom:0;z-index:2147482500;width:min(480px,100%);transform:translate3d(-50%,0,0);background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(255,247,237,.965));backdrop-filter:saturate(145%) blur(22px);-webkit-backdrop-filter:saturate(145%) blur(22px);border:1px solid rgba(15,23,42,.08);border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -14px 38px rgba(15,23,42,.15),inset 0 1px 0 rgba(255,255,255,.96);padding:8px 8px calc(8px + env(safe-area-inset-bottom));transition:transform .32s cubic-bezier(.2,.85,.2,1),opacity .22s ease,box-shadow .22s ease;will-change:transform;}
.detail-actionbar::before{content:"";position:absolute;left:50%;top:6px;width:44px;height:4px;border-radius:999px;background:rgba(249,115,22,.18);transform:translateX(-50%);pointer-events:none;}
.detail-actionbar.is-hidden{transform:translate3d(-50%,calc(112% + env(safe-area-inset-bottom)),0);opacity:.98;}
.detail-actionbar-inner{max-width:640px;margin:0 auto;display:flex;gap:7px;align-items:center;overflow-x:auto;scrollbar-width:none;padding-top:4px;}
.detail-actionbar-inner::-webkit-scrollbar{display:none;}
.detail-actionbar .dab-btn{position:relative;flex:1 0 0;min-width:58px;min-height:54px;border:0;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;font-size:10.5px;font-weight:950;line-height:1.05;color:#64748b;background:transparent;box-shadow:none;-webkit-tap-highlight-color:transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease;}
.detail-actionbar .dab-btn:active{transform:scale(.95);}
.detail-actionbar .dab-btn.outline,.detail-actionbar .dab-btn.gray{background:rgba(255,255,255,.58);box-shadow:inset 0 0 0 1px rgba(15,23,42,.06);}
.detail-actionbar .dab-btn.red{color:#fff;background:radial-gradient(circle at 28% 18%,#fed7aa 0,#fb923c 30%,#f97316 74%);box-shadow:0 12px 24px rgba(249,115,22,.30),inset 0 1px 0 rgba(255,255,255,.35);}
.detail-actionbar .dab-ico{width:22px;height:22px;flex:0 0 auto;}
.detail-actionbar .dab-txt{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-home-pop{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));z-index:2147482600;transform:translate3d(-50%,12px,0) scale(.94);opacity:0;pointer-events:none;padding:9px 12px;border-radius:999px;background:rgba(15,23,42,.92);color:#fff;font-size:12px;font-weight:900;box-shadow:0 16px 34px rgba(15,23,42,.24);transition:opacity .2s ease,transform .24s cubic-bezier(.2,.85,.2,1);}
.detail-home-pop.is-show{opacity:1;transform:translate3d(-50%,0,0) scale(1);}

@media (min-width: 900px){
  body.listing-detail-page{padding-bottom:0}
  .detail-actionbar{display:none}
}


.detail-badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.pill.pill-type{background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.22);color:#b91c1c}

/* -----------------------
   SEO footer blocks
------------------------*/
.seo-footer{
  margin:16px 12px 84px;
  background:#fff;
  border:1px solid rgba(229,231,235,.92);
  border-radius:18px;
  box-shadow: var(--shadow);
}
.seo-footer-inner{
  display:grid;
  gap:12px;
  padding:14px;
}
@media (min-width: 900px){
  .seo-footer{margin:20px auto 24px;max-width:1100px}
  .seo-footer-inner{grid-template-columns:repeat(3, minmax(0,1fr));gap:16px}
}
.seo-footer-col h3{
  margin:0 0 8px 0;
  font-size:13px;
  letter-spacing:.2px;
}
.seo-footer-col ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.seo-footer-col li{margin:0}
.seo-footer-col a{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:#f3f4f6;
  color:#111827;
  text-decoration:none;
  font-size:12px;
  font-weight:650;
}
.seo-footer-col a:hover{ text-decoration:underline; }

/* Presence (Online/Offline) dot - listing card */
.presence-dot{width:10px;height:10px;border-radius:999px;flex:0 0 10px;box-shadow:0 0 0 3px rgba(0,0,0,.03);margin-left:auto}
.presence-dot.is-online{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.presence-dot.is-offline{background:#9ca3af;box-shadow:0 0 0 3px rgba(156,163,175,.18)}

/* Listing card tweaks (fav smaller + consistent) */
.app-card .fav-btn{padding:7px 9px}
.app-card .fav-btn .icon{width:14px;height:14px}
.app-card .fav-count{font-size:11px}

/* WEB OYUNLARI MINI APP BOTTOM NAV DESKTOP/MOBILE FALLBACK V5 */
.app-bottomnav{
  position:fixed !important;left:50% !important;right:auto !important;bottom:max(10px, calc(10px + env(safe-area-inset-bottom, 0px))) !important;width:min(430px, calc(100% - 20px)) !important;height:auto !important;min-height:68px !important;z-index:99999 !important;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:4px !important;align-items:center !important;padding:7px 8px !important;border-radius:28px !important;background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.84)) !important;border:1px solid rgba(15,23,42,.10) !important;box-shadow:0 18px 45px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.88) !important;-webkit-backdrop-filter:blur(22px) saturate(1.25) !important;backdrop-filter:blur(22px) saturate(1.25) !important;transform:translateX(-50%) !important;opacity:1 !important;visibility:visible !important;
}
.app-bottomnav.bb-hide{transform:translateX(-50%) !important;opacity:1 !important;visibility:visible !important;}
.app-bottomnav .bb-item,.app-bottomnav .app-bottomnav-item{position:relative !important;min-width:0 !important;min-height:52px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:3px !important;padding:7px 3px 6px !important;border-radius:20px !important;text-decoration:none !important;color:#64748b !important;background:transparent !important;}
.app-bottomnav .bb-item.app-is-active{color:#f97316 !important;}
.app-bottomnav .bb-ico,.app-bottomnav .bb-avatar{width:22px !important;height:22px !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.app-bottomnav .bb-text{display:block !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:10.5px !important;line-height:1.05 !important;font-weight:900 !important;letter-spacing:-.02em !important;color:currentColor !important;}
.app-bottomnav .bb-sub{display:none !important;}
.app-bottomnav .bb-primary{color:#fff !important;min-height:58px !important;margin-top:-18px !important;border-radius:24px !important;background:radial-gradient(circle at 30% 20%, #fed7aa 0, #fb923c 28%, #f97316 72%) !important;box-shadow:0 16px 30px rgba(249,115,22,.34), inset 0 1px 0 rgba(255,255,255,.35) !important;transform:translateY(-4px) !important;}
.app-bottomnav .bb-primary .bb-text{color:#fff !important;font-size:11px !important;}
.app-bottomnav .bb-primary .bb-ico{width:24px !important;height:24px !important;}


/* WEB OYUNLARI BOTTOM NAV V7 - full-width mobile app bar */
html body.mobile,
html body{
  padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)) !important;
}
html body.mobile nav.bottombar.app-bottomnav,
html body nav.bottombar.app-bottomnav{
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  z-index: 2147483000 !important;
  width: min(480px, 100%) !important;
  height: auto !important;
  min-height: 70px !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  align-items: center !important;
  gap: 2px !important;
  padding: 8px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius: 24px 24px 0 0 !important;
  border: 1px solid rgba(15,23,42,.08) !important;
  border-bottom: 0 !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,247,237,.96)) !important;
  box-shadow: 0 -10px 34px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.95) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.32) !important;
  backdrop-filter: blur(24px) saturate(1.32) !important;
  transform: translate3d(-50%,0,0) !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: transform .28s cubic-bezier(.2,.85,.2,1), opacity .22s ease, box-shadow .22s ease !important;
}
html body.mobile nav.bottombar.app-bottomnav.bb-hide,
html body nav.bottombar.app-bottomnav.bb-hide{
  transform: translate3d(-50%, calc(105% + env(safe-area-inset-bottom, 0px)), 0) !important;
  opacity: .98 !important;
  visibility: visible !important;
}
html body.mobile nav.bottombar.app-bottomnav .bb-item,
html body nav.bottombar.app-bottomnav .bb-item{
  min-width: 0 !important;
  min-height: 54px !important;
  width: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  padding: 8px 3px 6px !important;
  border-radius: 18px !important;
  color: #64748b !important;
  text-decoration: none !important;
  background: transparent !important;
}
html body.mobile nav.bottombar.app-bottomnav .bb-item.app-is-active,
html body nav.bottombar.app-bottomnav .bb-item.app-is-active{
  color: #f97316 !important;
}
html body.mobile nav.bottombar.app-bottomnav .bb-item.app-is-active::before,
html body nav.bottombar.app-bottomnav .bb-item.app-is-active::before{
  content: "" !important;
  position: absolute !important;
  inset: 7px 4px 5px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(249,115,22,.16), rgba(255,237,213,.76)) !important;
  box-shadow: inset 0 0 0 1px rgba(249,115,22,.12), 0 8px 18px rgba(249,115,22,.08) !important;
  z-index: -1 !important;
}
html body.mobile nav.bottombar.app-bottomnav .bb-ico,
html body nav.bottombar.app-bottomnav .bb-ico,
html body.mobile nav.bottombar.app-bottomnav .bb-avatar,
html body nav.bottombar.app-bottomnav .bb-avatar{
  width: 23px !important;
  height: 23px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}
html body.mobile nav.bottombar.app-bottomnav .bb-text,
html body nav.bottombar.app-bottomnav .bb-text{
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 10.6px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.025em !important;
  color: inherit !important;
}
html body.mobile nav.bottombar.app-bottomnav .bb-sub,
html body nav.bottombar.app-bottomnav .bb-sub{
  display: none !important;
}
html body.mobile nav.bottombar.app-bottomnav .bb-primary,
html body nav.bottombar.app-bottomnav .bb-primary{
  color: #fff !important;
  min-height: 56px !important;
  margin-top: 0 !important;
  border-radius: 19px !important;
  background: radial-gradient(circle at 28% 18%, #fed7aa 0, #fb923c 30%, #f97316 74%) !important;
  box-shadow: 0 12px 24px rgba(249,115,22,.30), inset 0 1px 0 rgba(255,255,255,.35) !important;
  transform: none !important;
}
html body.mobile nav.bottombar.app-bottomnav .bb-primary .bb-text,
html body nav.bottombar.app-bottomnav .bb-primary .bb-text{
  color: #fff !important;
  font-size: 10.8px !important;
}
html body.mobile nav.bottombar.app-bottomnav .bb-primary .bb-ico,
html body nav.bottombar.app-bottomnav .bb-primary .bb-ico{
  width: 24px !important;
  height: 24px !important;
}

/* =========================================================
   WEB OYUNLARI FINAL FIX - detay alt menü kayma/link/renk
   Mevcut marka renklerini kullanır: --primary / --app-primary
   ========================================================= */
:root{
  --wo-brand: var(--primary, var(--app-primary, #ff6a00));
  --wo-brand-dark: var(--primary-700, var(--app-primary-2, #c2410c));
  --wo-brand-soft: rgba(255,106,0,.10);
}
body.listing-detail-page{
  padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
}
body.listing-detail-page .detail-actionbar{
  display:block !important;
  position:fixed !important;
  left:50% !important;
  right:auto !important;
  bottom:0 !important;
  width:min(480px,100%) !important;
  z-index:2147482500 !important;
  padding:7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
  border-radius:22px 22px 0 0 !important;
  border:1px solid rgba(17,24,39,.08) !important;
  border-bottom:0 !important;
  background:rgba(255,255,255,.97) !important;
  box-shadow:0 -12px 32px rgba(17,24,39,.14), inset 0 1px 0 rgba(255,255,255,.9) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.25) !important;
  backdrop-filter:blur(18px) saturate(1.25) !important;
  transform:translate3d(-50%,0,0) !important;
  opacity:1 !important;
  visibility:visible !important;
  transition:transform .28s cubic-bezier(.2,.85,.2,1), opacity .2s ease !important;
  will-change:transform !important;
}
body.listing-detail-page .detail-actionbar::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:5px !important;
  width:42px !important;
  height:4px !important;
  border-radius:999px !important;
  background:var(--wo-brand-soft) !important;
  transform:translateX(-50%) !important;
  pointer-events:none !important;
}
body.listing-detail-page .detail-actionbar.is-hidden{
  display:block !important;
  transform:translate3d(-50%, calc(112% + env(safe-area-inset-bottom, 0px)), 0) !important;
  opacity:.98 !important;
  pointer-events:none !important;
}
body.listing-detail-page .detail-actionbar .detail-actionbar-inner{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:5px 0 0 !important;
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(48px,1fr)) !important;
  gap:5px !important;
  align-items:center !important;
  overflow:visible !important;
  scrollbar-width:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
body.listing-detail-page .detail-actionbar .dab-btn,
body.listing-detail-page .detail-actionbar a.dab-btn,
body.listing-detail-page .detail-actionbar button.dab-btn{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:52px !important;
  flex:initial !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:3px !important;
  padding:7px 2px 5px !important;
  border-radius:16px !important;
  border:1px solid rgba(17,24,39,.07) !important;
  background:rgba(255,255,255,.68) !important;
  color:var(--wo-brand) !important;
  text-decoration:none !important;
  box-shadow:none !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
  touch-action:manipulation !important;
  transition:transform .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease !important;
}
body.listing-detail-page .detail-actionbar .dab-btn:active{
  transform:scale(.95) !important;
}
body.listing-detail-page .detail-actionbar .dab-btn.red{
  color:#fff !important;
  border-color:transparent !important;
  background:linear-gradient(180deg, var(--wo-brand), var(--wo-brand-dark)) !important;
  box-shadow:0 10px 20px rgba(255,106,0,.20) !important;
}
body.listing-detail-page .detail-actionbar .dab-btn.gray{
  color:#111827 !important;
  background:#f3f4f6 !important;
  border-color:rgba(17,24,39,.08) !important;
}
body.listing-detail-page .detail-actionbar .dab-btn.outline{
  color:var(--wo-brand) !important;
  background:rgba(255,255,255,.72) !important;
  border-color:rgba(255,106,0,.28) !important;
}
body.listing-detail-page .detail-actionbar .js-fav-toggle[data-liked="1"],
body.listing-detail-page .detail-actionbar .js-fav-toggle.is-active{
  color:#fff !important;
  border-color:transparent !important;
  background:linear-gradient(180deg, var(--wo-brand), var(--wo-brand-dark)) !important;
  box-shadow:0 10px 20px rgba(255,106,0,.18) !important;
}
body.listing-detail-page .detail-actionbar .dab-ico{
  width:21px !important;
  height:21px !important;
  flex:0 0 auto !important;
}
body.listing-detail-page .detail-actionbar .dab-txt{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:10.2px !important;
  line-height:1.05 !important;
  font-weight:900 !important;
  opacity:1 !important;
}
body.listing-detail-page .detail-action-pop{
  position:fixed !important;
  left:50% !important;
  bottom:calc(76px + env(safe-area-inset-bottom, 0px)) !important;
  z-index:2147482501 !important;
  transform:translate3d(-50%,10px,0) scale(.96) !important;
  opacity:0 !important;
  pointer-events:none !important;
  padding:8px 11px !important;
  border-radius:999px !important;
  background:rgba(17,24,39,.92) !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:0 14px 30px rgba(17,24,39,.22) !important;
  transition:opacity .18s ease, transform .22s cubic-bezier(.2,.85,.2,1) !important;
}
body.listing-detail-page .detail-action-pop.is-show{
  opacity:1 !important;
  transform:translate3d(-50%,0,0) scale(1) !important;
}
@media (max-width:380px){
  body.listing-detail-page .detail-actionbar{padding-left:6px !important;padding-right:6px !important;}
  body.listing-detail-page .detail-actionbar .detail-actionbar-inner{gap:4px !important;grid-template-columns:repeat(auto-fit,minmax(44px,1fr)) !important;}
  body.listing-detail-page .detail-actionbar .dab-txt{font-size:9.6px !important;}
  body.listing-detail-page .detail-actionbar .dab-ico{width:20px !important;height:20px !important;}
}
/* APP BOTTOM NAV SHARED OVERRIDE V4 */
html body nav.bottombar.app-bottomnav{left:50% !important;right:auto !important;bottom:0 !important;width:min(480px,100%) !important;display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:2px !important;min-height:70px !important;padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px)) !important;border-radius:24px 24px 0 0 !important;border-bottom:0 !important;transform:translate3d(-50%,0,0) !important;overflow:visible !important;}
html body nav.bottombar.app-bottomnav.bb-hide{transform:translate3d(-50%,calc(106% + env(safe-area-inset-bottom,0px)),0) !important;}
html body nav.bottombar.app-bottomnav .bb-item{min-width:0 !important;width:auto !important;min-height:54px !important;display:flex !important;flex-direction:column !important;gap:3px !important;padding:8px 3px 6px !important;border-radius:18px !important;}
html body nav.bottombar.app-bottomnav .bb-text{display:block !important;font-size:10.6px !important;line-height:1.05 !important;font-weight:950 !important;letter-spacing:-.025em !important;color:currentColor !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
html body nav.bottombar.app-bottomnav .bb-sub{display:none !important;}
html body nav.bottombar.app-bottomnav .bb-primary{margin-top:0 !important;transform:none !important;min-height:56px !important;border-radius:19px !important;}


/* İlan detay görsel slaytında ok ikonları kaldırıldı; sürükleme, nokta ve görsele dokunma ile geçiş devam eder. */
.listing-detail-page .gallery-carousel .carousel-btn{display:none !important;}

/* Anasayfa slider okları kaldırıldı; otomatik slayt ve noktalar aktif kalır. */
.hero-carousel .carousel-btn,
.hero-carousel .carousel-btn.prev,
.hero-carousel .carousel-btn.next{
  display:none !important;
}

/* İlan detayında aynı işlemler alt menüde olduğu için ara/mesaj/teklif/soru üst kısımda gizlenir. */
.detail-inline-actions,
.detail-secondary-actions{
  display:none !important;
}

/* =========================================================
   FINAL MOBILE APP POLISH - ilan detay modern kartlar
   ========================================================= */
body.listing-detail-page{
  background:linear-gradient(180deg,#f6f7fb 0%,#eef2f7 52%,#f8fafc 100%) !important;
  color:#0f172a !important;
}
body.listing-detail-page .detail{
  border:1px solid rgba(148,163,184,.18) !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 12px 32px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.9) !important;
  overflow:hidden !important;
}
body.listing-detail-page .detail-body{
  padding:16px 14px !important;
}
body.listing-detail-page .gallery-carousel{
  border:0 !important;
  border-radius:0 0 22px 22px !important;
  background:#0f172a !important;
  box-shadow:0 14px 34px rgba(15,23,42,.14) !important;
}
body.listing-detail-page .gallery-carousel .carousel-slide img{
  border-radius:0 !important;
  object-fit:contain !important;
  background:#0f172a !important;
}
body.listing-detail-page .carousel-dots{
  bottom:8px !important;
}
body.listing-detail-page .carousel-dot{
  width:6px !important;
  height:6px !important;
  opacity:.58 !important;
  transform:scale(.9) !important;
  transition:width .22s ease, opacity .22s ease, transform .22s ease !important;
}
body.listing-detail-page .carousel-dot.active{
  width:18px !important;
  opacity:1 !important;
  transform:scale(1) !important;
}
body.listing-detail-page .crumbs{
  border-radius:14px !important;
  background:linear-gradient(180deg,#fff7ed,#fffaf4) !important;
  border-color:rgba(249,115,22,.22) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.88) !important;
}
body.listing-detail-page .price-lg{
  margin-top:8px !important;
  letter-spacing:-.035em !important;
}
body.listing-detail-page .price-lg .new-price{
  color:#0f172a !important;
  font-size:22px !important;
  font-weight:1000 !important;
}
body.listing-detail-page .detail-title{
  font-size:15px !important;
  letter-spacing:-.01em !important;
  color:#111827 !important;
}
body.listing-detail-page .detail-meta{
  gap:6px !important;
  font-size:11px !important;
  line-height:1.25 !important;
}
body.listing-detail-page .section-h,
body.listing-detail-page .section-title h2{
  color:#0f172a !important;
  letter-spacing:-.02em !important;
}
body.listing-detail-page .section-h:after{
  height:3px !important;
  width:34px !important;
  background:linear-gradient(90deg,#ff6a00,#fb923c) !important;
}
body.listing-detail-page .desc-wrap,
body.listing-detail-page #descBox{
  font-size:13px !important;
  line-height:1.55 !important;
  color:#1f2937 !important;
}
body.listing-detail-page .seller-card,
body.listing-detail-page #sorucevap.detail,
body.listing-detail-page .detail:has(.section-h){
  border-radius:22px !important;
}
body.listing-detail-page .seller-actions .btn,
body.listing-detail-page .btn.outline.sm,
body.listing-detail-page .btn.sm{
  border-radius:999px !important;
  min-height:34px !important;
  padding:8px 13px !important;
  font-weight:950 !important;
  box-shadow:0 8px 18px rgba(15,23,42,.05) !important;
}

/* Takas Yap butonu daha dikkat cekici */
body.listing-detail-page .meta-badge.takas{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:28px !important;
  padding:6px 11px !important;
  border:0 !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:11px !important;
  font-weight:1000 !important;
  letter-spacing:-.01em !important;
  background:linear-gradient(135deg,#ff6a00 0%,#fb923c 48%,#f97316 100%) !important;
  box-shadow:0 10px 22px rgba(249,115,22,.34), inset 0 1px 0 rgba(255,255,255,.32) !important;
  animation:takasPulse 1.8s ease-in-out infinite !important;
}
body.listing-detail-page .meta-badge.takas:active{
  transform:scale(.96) !important;
}
@keyframes takasPulse{
  0%,100%{box-shadow:0 8px 18px rgba(249,115,22,.26),0 0 0 0 rgba(249,115,22,.28),inset 0 1px 0 rgba(255,255,255,.32)}
  50%{box-shadow:0 12px 24px rgba(249,115,22,.38),0 0 0 6px rgba(249,115,22,.08),inset 0 1px 0 rgba(255,255,255,.32)}
}

/* Detay sayfasinda tekrar eden genel alt menuyu tamamen gizle; sadece detail-actionbar kalsin. */
body.listing-detail-page nav.bottombar,
body.listing-detail-page .bottombar,
body.listing-detail-page nav.app-bottomnav,
body.listing-detail-page .app-bottomnav{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
body.listing-detail-page .detail-actionbar{
  display:block !important;
  visibility:visible !important;
  pointer-events:auto !important;
  border-radius:26px 26px 0 0 !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 -18px 42px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.95) !important;
  -webkit-backdrop-filter:blur(26px) saturate(1.45) !important;
  backdrop-filter:blur(26px) saturate(1.45) !important;
}
body.listing-detail-page .detail-actionbar .dab-btn{
  border-radius:18px !important;
  min-height:54px !important;
  background:rgba(255,255,255,.7) !important;
  box-shadow:inset 0 0 0 1px rgba(15,23,42,.05),0 8px 18px rgba(15,23,42,.04) !important;
}
body.listing-detail-page .detail-actionbar .dab-btn.red{
  background:linear-gradient(135deg,#ff6a00,#fb923c 52%,#f97316) !important;
  box-shadow:0 12px 26px rgba(249,115,22,.32), inset 0 1px 0 rgba(255,255,255,.32) !important;
}

/* Aciklama altinda kalan ekstra soru/aksiyon satirlarini yedek olarak gizle. */
body.listing-detail-page .desc-wrap + .hr + .btn,
body.listing-detail-page .desc-wrap + .hr + a.btn,
body.listing-detail-page .desc-wrap + .hr + button.btn,
body.listing-detail-page #descWrap ~ .btn.js-open-question{
  display:none !important;
}

/* 01052026 - Detay gorsel tam ekran + zoom ve mobil satici karti */
body.listing-detail-page .gallery-carousel .js-fs-img{
  cursor:zoom-in;
  touch-action:manipulation;
}
#fsViewer{
  position:fixed;
  inset:0;
  z-index:2147483600;
  display:none;
  background:radial-gradient(circle at 50% 0%,rgba(30,41,59,.96),rgba(2,6,23,.98) 52%,#020617 100%);
  color:#fff;
  opacity:0;
  transform:translateZ(0);
  transition:opacity .22s ease;
  -webkit-tap-highlight-color:transparent;
}
#fsViewer.is-open{
  display:block;
  opacity:1;
}
#fsViewer .fs-top{
  position:absolute;
  left:0;
  right:0;
  top:0;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:calc(12px + env(safe-area-inset-top)) 14px 12px;
  background:linear-gradient(180deg,rgba(2,6,23,.78),rgba(2,6,23,0));
  pointer-events:none;
}
#fsViewer .fs-title{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
  text-shadow:0 2px 12px rgba(0,0,0,.4);
}
#fsViewer .fs-title strong{
  max-width:58vw;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
  font-weight:950;
}
#fsViewer .fs-title span{
  width:max-content;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.14);
  font-size:11px;
  font-weight:900;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
#fsViewer .fs-tools{
  display:flex;
  align-items:center;
  gap:8px;
  pointer-events:auto;
}
#fsViewer .fs-tool,
#fsViewer .fs-close,
#fsViewer .fs-nav{
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.13);
  color:#fff;
  box-shadow:0 14px 32px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.15);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  touch-action:manipulation;
}
#fsViewer .fs-tool,
#fsViewer .fs-close{
  width:42px;
  height:42px;
  border-radius:16px;
  font-size:24px;
  font-weight:950;
  line-height:1;
}
#fsViewer .fs-close svg{width:21px;height:21px;}
#fsViewer .fs-stage{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  touch-action:none;
  cursor:grab;
}
#fsViewer .fs-stage.is-dragging{cursor:grabbing;}
#fsViewer .fs-stage img{
  max-width:100vw;
  max-height:100vh;
  width:auto;
  height:auto;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
  will-change:transform;
  transition:transform .16s ease, opacity .16s ease;
  filter:drop-shadow(0 22px 40px rgba(0,0,0,.42));
  border-radius:0;
}
#fsViewer .fs-stage img.is-zoomed{transition:transform .06s linear;cursor:move;}
#fsViewer .fs-nav{
  position:absolute;
  top:50%;
  z-index:4;
  width:46px;
  height:64px;
  margin-top:-32px;
  border-radius:20px;
}
#fsViewer .fs-nav svg{width:26px;height:26px;}
#fsViewer .fs-prev{left:10px;}
#fsViewer .fs-next{right:10px;}
#fsViewer .fs-hint{
  position:absolute;
  left:50%;
  bottom:calc(18px + env(safe-area-inset-bottom));
  z-index:5;
  transform:translateX(-50%);
  width:max-content;
  max-width:calc(100vw - 36px);
  padding:9px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.86);
  font-size:11.5px;
  font-weight:800;
  text-align:center;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
@media (max-width:520px){
  #fsViewer .fs-nav{width:42px;height:56px;border-radius:18px;opacity:.88;}
  #fsViewer .fs-prev{left:8px;}
  #fsViewer .fs-next{right:8px;}
  #fsViewer .fs-hint{font-size:10.5px;bottom:calc(12px + env(safe-area-inset-bottom));}
}

body.listing-detail-page .seller-card.seller-card-v2{
  display:grid !important;
  grid-template-columns:1.15fr .85fr;
  align-items:stretch;
  gap:10px;
  padding:12px !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,#fff 0%,#fff7ed 115%) !important;
  border:1px solid rgba(249,115,22,.12) !important;
  box-shadow:0 18px 42px rgba(15,23,42,.10) !important;
}
body.listing-detail-page .seller-card-v2 .seller-cell{
  min-width:0;
  border:1px solid rgba(15,23,42,.06);
  border-radius:20px;
  background:rgba(255,255,255,.76);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85);
}
body.listing-detail-page .seller-card-v2 .seller-profile-cell{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
}
body.listing-detail-page .seller-card-v2 .seller-avatar{
  width:52px;
  height:52px;
  min-width:52px;
  border-radius:18px;
  background:linear-gradient(135deg,#0f172a,#334155);
  color:#fff;
  box-shadow:0 12px 24px rgba(15,23,42,.18);
}
body.listing-detail-page .seller-card-v2 .seller-info{min-width:0;}
body.listing-detail-page .seller-card-v2 .seller-name{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13.5px;
  font-weight:950;
  color:#0f172a;
}
body.listing-detail-page .seller-card-v2 .seller-sub{
  margin-top:3px;
  font-size:11px;
  font-weight:800;
  color:#64748b;
  display:block;
}
body.listing-detail-page .seller-card-v2 .seller-meta-cell,
body.listing-detail-page .seller-card-v2 .seller-status-cell{
  padding:10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
  font-size:11px;
  color:#64748b;
  font-weight:800;
}
body.listing-detail-page .seller-card-v2 .seller-meta-label{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:#f97316;
  font-weight:950;
}
body.listing-detail-page .seller-card-v2 .seller-meta-cell strong{
  font-size:12.5px;
  line-height:1.15;
  color:#0f172a;
}
body.listing-detail-page .seller-card-v2 .seller-status{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  color:#0f172a;
}
body.listing-detail-page .seller-card-v2 .seller-status b{color:#0f172a !important;}
body.listing-detail-page .seller-card-v2 .seller-actions-grid{
  grid-column:1 / -1;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  width:100%;
}
body.listing-detail-page .seller-card-v2 .seller-actions-grid .btn{
  width:100%;
  min-height:42px;
  padding:10px 8px !important;
  border-radius:16px !important;
  font-size:11.5px !important;
  font-weight:950;
}
@media (max-width:360px){
  body.listing-detail-page .seller-card.seller-card-v2{grid-template-columns:1fr 1fr;gap:8px;padding:10px !important;}
  body.listing-detail-page .seller-card-v2 .seller-avatar{width:46px;height:46px;min-width:46px;border-radius:16px;}
  body.listing-detail-page .seller-card-v2 .seller-profile-cell{padding:9px;}
  body.listing-detail-page .seller-card-v2 .seller-actions-grid{gap:6px;}
  body.listing-detail-page .seller-card-v2 .seller-actions-grid .btn{font-size:10.5px !important;min-height:40px;}
}


/* Detail seller card compact v2 - daha toplu, mobil uygulama hissi */
body.listing-detail-page .seller-card.seller-card-v2{
  grid-template-columns:1.2fr .8fr !important;
  gap:7px !important;
  padding:8px !important;
  border-radius:18px !important;
  box-shadow:0 10px 28px rgba(15,23,42,.08) !important;
}
body.listing-detail-page .seller-card-v2 .seller-cell{
  border-radius:15px !important;
}
body.listing-detail-page .seller-card-v2 .seller-profile-cell{
  gap:8px !important;
  padding:8px !important;
}
body.listing-detail-page .seller-card-v2 .seller-avatar{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border-radius:14px !important;
  box-shadow:0 8px 18px rgba(15,23,42,.14) !important;
}
body.listing-detail-page .seller-card-v2 .seller-name{
  font-size:12.5px !important;
  line-height:1.1 !important;
}
body.listing-detail-page .seller-card-v2 .seller-sub{
  margin-top:2px !important;
  font-size:10.2px !important;
  line-height:1.15 !important;
}
body.listing-detail-page .seller-card-v2 .seller-meta-cell,
body.listing-detail-page .seller-card-v2 .seller-status-cell{
  padding:7px 8px !important;
  gap:2px !important;
  font-size:10.2px !important;
  line-height:1.12 !important;
}
body.listing-detail-page .seller-card-v2 .seller-meta-label{
  font-size:9px !important;
  letter-spacing:.035em !important;
}
body.listing-detail-page .seller-card-v2 .seller-meta-cell strong{
  font-size:11.2px !important;
  line-height:1.08 !important;
}
body.listing-detail-page .seller-card-v2 .seller-status{
  gap:5px !important;
  font-size:11px !important;
  line-height:1.1 !important;
}
body.listing-detail-page .seller-card-v2 #sellerLastSeen{
  font-size:10px !important;
  line-height:1.05 !important;
}
body.listing-detail-page .seller-card-v2 .seller-actions-grid{
  gap:6px !important;
}
body.listing-detail-page .seller-card-v2 .seller-actions-grid .btn{
  min-height:34px !important;
  padding:7px 6px !important;
  border-radius:13px !important;
  font-size:10.3px !important;
  box-shadow:none !important;
}
body.listing-detail-page .dab-btn.is-loading,
body.listing-detail-page .btn.is-loading{
  opacity:.82 !important;
  pointer-events:none !important;
  transform:scale(.98) !important;
}
body.listing-detail-page .dab-btn.is-loading::after,
body.listing-detail-page .btn.is-loading::after{
  content:'';
  width:12px;
  height:12px;
  margin-left:4px;
  border:2px solid currentColor;
  border-top-color:transparent;
  border-radius:999px;
  display:inline-block;
  vertical-align:-2px;
  animation:csMiniSpin .65s linear infinite;
}
@keyframes csMiniSpin{to{transform:rotate(360deg)}}
@media (max-width:360px){
  body.listing-detail-page .seller-card.seller-card-v2{grid-template-columns:1fr 1fr !important;gap:6px !important;padding:7px !important;}
  body.listing-detail-page .seller-card-v2 .seller-avatar{width:38px !important;height:38px !important;min-width:38px !important;border-radius:13px !important;}
  body.listing-detail-page .seller-card-v2 .seller-actions-grid .btn{min-height:32px !important;font-size:9.8px !important;}
}

/* Konum seçici mobil düzeltme - alt menünün önünde, il/ilçe akışı */
#citySheet.location-sheet{
  z-index:2147483600 !important;
}
#citySheet.location-sheet .sheet-backdrop{
  z-index:0 !important;
  background:rgba(15,23,42,.46) !important;
}
#citySheet.location-sheet .location-sheet-panel{
  z-index:1 !important;
  width:min(480px,100%) !important;
  margin:0 auto !important;
  max-height:min(92dvh, calc(100dvh - 18px)) !important;
  border-radius:26px 26px 0 0 !important;
  overflow:hidden !important;
}
#citySheet.location-sheet .location-sheet-head{
  gap:10px !important;
  padding:14px 14px 11px !important;
  align-items:flex-start !important;
}
#citySheet.location-sheet .location-sheet-sub{
  margin-top:3px !important;
  color:#6b7280 !important;
  font-weight:750 !important;
}
#citySheet.location-sheet .location-sheet-body{
  padding:12px 14px calc(110px + env(safe-area-inset-bottom, 0px)) !important;
  overflow:auto !important;
  -webkit-overflow-scrolling:touch !important;
}
#citySheet.location-sheet .location-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
}
#citySheet.location-sheet .location-action-btn{
  margin:0 !important;
  min-height:42px !important;
  border-radius:16px !important;
  font-size:12px !important;
  white-space:normal !important;
  line-height:1.15 !important;
}
#citySheet.location-sheet .location-action-btn.danger{
  color:#dc2626 !important;
  border-color:rgba(220,38,38,.25) !important;
  background:#fff7f7 !important;
}
#citySheet.location-sheet .location-search{
  position:sticky !important;
  top:0 !important;
  z-index:3 !important;
  min-height:46px !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 10px 18px rgba(15,23,42,.06) !important;
}
#citySheet.location-sheet .location-picker{
  display:grid !important;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr) !important;
  gap:10px !important;
  align-items:start !important;
}
#citySheet.location-sheet .location-col{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
#citySheet.location-sheet .location-col-title{
  position:sticky !important;
  top:54px !important;
  z-index:2 !important;
  padding:8px 4px 4px !important;
  background:#fff !important;
  color:#6b7280 !important;
  font-size:12px !important;
  font-weight:950 !important;
}
#citySheet.location-sheet .city-item,
#citySheet.location-sheet .district-item{
  width:100% !important;
  min-height:42px !important;
  padding:10px 11px !important;
  border-radius:15px !important;
  border:1px solid #e5e7eb !important;
  background:#fff !important;
  color:#111827 !important;
  text-align:left !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  box-shadow:0 5px 14px rgba(15,23,42,.035) !important;
}
#citySheet.location-sheet .city-item.is-active,
#citySheet.location-sheet .district-all{
  color:#ea580c !important;
  border-color:rgba(249,115,22,.35) !important;
  background:#fff7ed !important;
}
#citySheet.location-sheet .district-empty{
  padding:12px !important;
  border-radius:16px !important;
  background:#f9fafb !important;
  border:1px dashed #e5e7eb !important;
  color:#6b7280 !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.35 !important;
}
#citySheet.location-sheet .district-list{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}
@media (max-width:380px){
  #citySheet.location-sheet .location-picker{grid-template-columns:1fr !important;}
  #citySheet.location-sheet .location-col-title{top:54px !important;}
  #citySheet.location-sheet .location-actions{grid-template-columns:1fr !important;}
}
body.sheet-open nav.bottombar.app-bottomnav,
body.sheet-open .app-bottomnav{
  pointer-events:none !important;
}