/* ====================================================================
   HobiBuy KKTC — Google Antigravity Tasarım Sistemi (Tüm Cihazlar)
   Font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
   Cihaz yerleşimleri: /desktop.css · /tablet.css · /mobile.css
   ==================================================================== */
:root{
  --accent:#2b6cb0; --accent-2:#1e4e8c; --accent-soft:#eef4fb; --accent-ring:rgba(9,9,11,.14);
  --pri:#09090b; --brand:#09090b; --card:#ffffff; --r-pill:6px;
  --shb-yellow:#f6c324; --shb-yellow-border:#d49e0a;
  --gold:#163d66; --gold-2:#0f2d4d; --boost-grad:linear-gradient(180deg,#3178c6 0%,#215b9c 100%);
  --ink:#09090b; --ink-2:#18181b; --text:#18181b; --muted:#52525b; --muted-2:#71717a;
  --line:#e4e4e7; --line-2:#d4d4d8;
  --bg:#f8fafc; --surface:#ffffff; --surface-2:#fafafa; --glass:#ffffff;
  --ok:#15803d; --warn:#d97706; --err:#be123c; --info:#09090b;
  --r-xs:5px; --r-sm:6px; --r:7px; --r-lg:8px; --r-xl:10px;
  --sh-1:0 1px 2px rgba(9,9,11,.04);
  --sh-2:0 4px 12px rgba(9,9,11,.06);
  --sh-3:0 10px 28px rgba(9,9,11,.12);
  --ease:cubic-bezier(.22,.61,.36,1); --spring:cubic-bezier(.32,.72,0,1);
  --top-h:60px; --dock-h:0px; --chip-h:0px; --safe-b:env(safe-area-inset-bottom,0px);
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;letter-spacing:-.011em}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;touch-action:pan-x pan-y;font-family:var(--font)}
body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;touch-action:pan-x pan-y}
a,button,input,select,textarea,label,.card,.chip,.dock__i,.dock__sell,.topbar,.dock{touch-action:manipulation;font-family:var(--font)}
body.lock{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button,a,[role="button"],input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:0;background:none;padding:0}
input,select,textarea{outline:none}
:focus-visible{outline:2px solid var(--accent-ring);outline-offset:1px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ico{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.ico-sm{width:14px;height:14px}
.ico-xs{width:12px;height:12px}
.hide{display:none!important}
.muted{color:var(--muted)}
.wrap{width:100%;margin:0 auto;padding:0 16px}

/* ---------- Google Antigravity Tarzı Kibar & Kompakt Buton Tasarımı ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 11px;border-radius:6px;font-family:var(--font);font-weight:600;font-size:12.5px;letter-spacing:-.01em;border:1px solid #e4e4e7;background:#ffffff;color:#09090b;box-shadow:0 1px 1.5px rgba(0,0,0,.03);transition:background .15s,border-color .15s,color .15s;white-space:nowrap;user-select:none}
.btn:hover{background:#fafafa;border-color:#a1a1aa;color:#09090b}
.btn:active{background:#f4f4f5}
.btn[disabled]{opacity:.55;pointer-events:none}
.btn-primary{background:#ffffff;border:1.5px solid #09090b;color:#09090b!important;font-weight:650;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.btn-primary:hover{background:#f8fafc;border-color:#09090b;color:#09090b!important}
.btn-dark{background:#ffffff;border:1px solid #d4d4d8;color:#09090b!important}
.btn-dark:hover{background:#fafafa;color:#09090b!important}
.btn-ghost{background:#ffffff;border:1px solid #e4e4e7;color:#09090b}
.btn-ghost:hover{background:#fafafa;border-color:#a1a1aa;color:#09090b}
.btn-line{background:#ffffff;border:1px solid #e4e4e7;color:#09090b}
.btn-line:hover{background:#fafafa;border-color:#a1a1aa;color:#09090b}
.btn-ok{background:#ffffff;border:1px solid #e4e4e7;color:#09090b!important;font-weight:600;box-shadow:0 1px 1.5px rgba(0,0,0,.03)}
.btn-ok:hover{background:#fafafa;border-color:#a1a1aa;color:#09090b!important}
.btn-wa{background:#ffffff;border:1px solid #e4e4e7;color:#09090b!important}
.btn-gold{background:#ffffff;border:1px solid #e4e4e7;color:#09090b!important;font-weight:600;box-shadow:0 1px 1.5px rgba(0,0,0,.03)}
.btn-gold .ico{color:#09090b!important}
.btn-gold:hover{background:#fafafa;border-color:#a1a1aa;color:#09090b!important}
.btn-sm{height:28px;padding:0 9px;font-size:11.5px;border-radius:6px}
.btn-lg{height:38px;padding:0 16px;font-size:13.5px;border-radius:7px}
.btn-block{width:100%}
.icon-btn{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff;border:1px solid #e4e4e7;color:#09090b;transition:background .15s,border-color .15s;position:relative;box-shadow:0 1px 1.5px rgba(0,0,0,.02)}
.icon-btn:hover{background:#fafafa;border-color:#a1a1aa}
.dot-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:3px;background:#c51b1b;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid #fff}

/* ---------- Üst bar (Google Antigravity Header + Sağ Hesabım Dropdown) ---------- */
.topbar{position:sticky;top:0;z-index:60;background:#ffffff;border-bottom:1px solid #e4e4e7;box-shadow:0 1px 2px rgba(9,9,11,.03)}
.topbar__in{display:flex;align-items:center;gap:8px;height:var(--top-h);margin:0 auto;padding:0 16px;position:relative}
.logo{display:flex;align-items:center;gap:8px;font-weight:750;font-size:15.5px;letter-spacing:-.025em;color:#09090b;flex:none}
.logo__mark{width:29px;height:29px;border-radius:7px;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%)!important;border:1px solid #1e40af!important;display:grid;place-items:center;color:#ffffff;font-size:13.5px;font-weight:800;letter-spacing:-.02em;box-shadow:0 1px 2px rgba(29,78,216,.18)!important}
.logo__txt{display:flex;flex-direction:column;line-height:1.1}
.logo__txt b{font-weight:750;letter-spacing:-.025em;color:#09090b}
.logo__txt small{display:block;font-size:9.5px;font-weight:500;letter-spacing:.01em;color:#71717a;margin-top:1px}
.tb-meta-pills{display:inline-flex;align-items:center;gap:5px;flex:none}
.locbtn{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 9px;border-radius:6px;background:#ffffff;border:1px solid #e4e4e7;font-weight:600;font-size:11.5px;letter-spacing:-.01em;color:#09090b;flex:none;max-width:170px;box-shadow:0 1px 1.5px rgba(9,9,11,.02);transition:background .15s,border-color .15s}
.locbtn:hover{background:#fafafa;border-color:#a1a1aa}
.locbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.locbtn .ico{color:#09090b;width:13px;height:13px}
.locbtn__chv{color:#71717a!important;width:11px!important;height:11px!important;margin-left:1px}
.cursel{height:30px;padding:0 21px 0 9px;border-radius:6px;background-color:#ffffff;border:1px solid #e4e4e7;font-weight:600;font-size:11.5px;letter-spacing:-.01em;color:#09090b;flex:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2309090b' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;box-shadow:0 1px 1.5px rgba(9,9,11,.02);transition:background-color .15s,border-color .15s}
.cursel:hover{background-color:#fafafa;border-color:#a1a1aa}
.cursel:focus{border-color:#09090b;box-shadow:none}
.search{flex:1;display:flex;align-items:center;gap:6px;height:34px;padding:0 4px 0 10px;border-radius:7px;background:#fafafa;border:1px solid #e4e4e7;box-shadow:inset 0 1px 1.5px rgba(9,9,11,.02);transition:background .15s,border-color .15s,box-shadow .15s;min-width:0;position:relative}
.search:hover{background:#ffffff;border-color:#d4d4d8}
.search:focus-within{background:#ffffff;border-color:#09090b;box-shadow:0 0 0 2px rgba(9,9,11,.06)}
.search input{flex:1;border:0;background:transparent;font-family:var(--font);font-size:12.5px;font-weight:500;letter-spacing:-.01em;min-width:0;height:100%;color:#09090b}
.search input::placeholder{color:#71717a;font-weight:450}
.search__ic{color:#71717a;width:14px;height:14px}
.search__flt{height:26px;padding:0 8px;border-radius:5px;background:#ffffff;border:1px solid #e4e4e7;color:#09090b;font-weight:600;font-size:11px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:4px;flex:none;position:relative;transition:all .15s;box-shadow:0 1px 1px rgba(9,9,11,.02)}
.search__flt:hover{background:#f4f4f5;color:#09090b;border-color:#a1a1aa}
.flt-badge{min-width:15px;height:15px;padding:0 4px;border-radius:4px;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%);border:1px solid #1e40af;color:#ffffff;font-size:9.5px;font-weight:700;font-style:normal;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.search__go{display:none!important}
.tb-msg,.tb-fav{display:none!important}
.tb-prem.icon-btn{width:30px;height:30px;border-radius:6px;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #f59e0b;color:#b45309;display:inline-flex;align-items:center;justify-content:center;flex:none;transition:transform .15s,background .15s,border-color .15s}
.tb-prem.icon-btn:hover{background:#fef3c7;border-color:#d97706;color:#92400e;transform:translateY(-1px)}
.tb-prem.icon-btn .ico{width:15px;height:15px;stroke-width:2.2}
.tb-actions{display:flex;align-items:center;gap:6px;flex:none}
.avatar{width:30px;height:30px;border-radius:6px;background:#ffffff;border:1px solid #e4e4e7;color:#09090b;font-weight:700;font-size:12.5px;display:grid;place-items:center;overflow:hidden;flex:none}
.avatar img{width:100%;height:100%;object-fit:cover}
.avatar-lg{width:48px;height:48px;font-size:17px}

/* ---------- Topbar En Sağ Hesabım Adam İkonu & Dropdown Menü ---------- */
.top-acc-wrap{position:relative;flex:none;margin-left:2px;z-index:1300}
.top-acc-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 8px 0 4px;border-radius:6px;background:#ffffff;border:1px solid #e4e4e7;color:#09090b;font-weight:600;font-size:11.5px;letter-spacing:-.01em;box-shadow:0 1px 1.5px rgba(9,9,11,.03);transition:background .15s,border-color .15s;position:relative}
.top-acc-btn:hover,.top-acc-btn[aria-expanded="true"]{background:#fafafa;border-color:#09090b}
.top-acc-ava{width:22px;height:22px;border-radius:5px;background:#f4f4f5;border:1px solid #e4e4e7;color:#09090b;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:750;overflow:hidden;flex:none}
.top-acc-btn.is-logged .top-acc-ava{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%);border-color:#1e40af;color:#ffffff}
.top-acc-ava .ico{width:13px;height:13px;stroke-width:2}
.top-acc-ava img{width:100%;height:100%;object-fit:cover}
.top-acc-lbl{max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:#09090b}
.top-acc-chv{width:11px!important;height:11px!important;color:#71717a;transition:transform .18s}
.top-acc-btn[aria-expanded="true"] .top-acc-chv{transform:rotate(180deg);color:#09090b}
.top-acc-badge{top:-4px;right:-4px;min-width:15px;height:15px;font-size:9.5px;border-radius:4px;background:#be123c}
.top-acc-drop{position:absolute;top:calc(100% + 7px);right:0;width:276px;background:#ffffff;border:1px solid #e4e4e7;border-radius:10px;box-shadow:0 14px 34px rgba(9,9,11,.14),0 2px 6px rgba(9,9,11,.06);padding:6px;z-index:9500;animation:tadFade .15s var(--ease)}
@keyframes tadFade{from{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.tad-head{display:flex;align-items:center;gap:9px;padding:8px 9px;border-bottom:1px solid #f4f4f5;margin-bottom:4px;cursor:pointer;border-radius:7px;transition:background .14s}
.tad-head:hover{background:#fafafa}
.tad-head--guest{cursor:default}
.tad-head--guest:hover{background:transparent}
.tad-ava{width:34px;height:34px;border-radius:7px;background:#f4f4f5;border:1px solid #e4e4e7;color:#09090b;font-weight:750;font-size:13px;display:inline-flex;align-items:center;justify-content:center;flex:none;overflow:hidden}
.tad-ava img{width:100%;height:100%;object-fit:cover}
.tad-info{min-width:0;flex:1}
.tad-info b{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:#09090b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tad-info small{display:block;font-size:11px;color:#71717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.tad-auth-btns{padding:2px 6px 6px;border-bottom:1px solid #f4f4f5;margin-bottom:4px}
.tad-list{display:flex;flex-direction:column;gap:1px}
.tad-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 8px;border-radius:7px;text-align:left;background:transparent;color:#09090b;transition:background .13s}
.tad-item:hover{background:#f4f4f5}
.tad-ic{width:27px;height:27px;border-radius:6px;background:#fafafa;border:1px solid #e4e4e7;color:#09090b;display:inline-flex;align-items:center;justify-content:center;flex:none}
.tad-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.22}
.tad-txt b{font-size:12px;font-weight:650;color:#09090b}
.tad-txt small{font-size:10.5px;color:#71717a;font-weight:450;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tad-badge{min-width:18px;height:17px;padding:0 5px;border-radius:4px;background:#be123c;color:#ffffff;font-size:10px;font-weight:700;font-style:normal;display:inline-flex;align-items:center;justify-content:center}
.tad-chv{color:#a1a1aa;flex:none}
.tad-item--danger{margin-top:2px;border-top:1px solid #f4f4f5;padding-top:8px}
.tad-item--danger .tad-ic{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.tad-item--danger .tad-txt b{color:#be123c}

/* ---------- Hızlı Kategori Tab Menüsü (PC, Tablet ve Mobilde Tamamen Kaldırıldı) ---------- */
.chipbar,#chipbar,.chips,#chips{display:none!important;height:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden!important}
.chip{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:6px;background:#ffffff;border:1px solid #e4e4e7;font-size:11.5px;font-weight:550;color:#09090b;white-space:nowrap;box-shadow:0 1px 1.5px rgba(0,0,0,.02)}
.chip:hover{border-color:#a1a1aa;background:#fafafa;color:#09090b}
.chip.on,.chip--il.on{background:#ffffff;border:1.5px solid #09090b;color:#09090b;font-weight:700}
.chip .e{font-size:14px;line-height:1}
.chip-sep{flex:none;width:1px;background:#cccccc;margin:4px 2px}

/* ---------- Yerleşim ---------- */
.layout{display:block;margin:0 auto;padding:14px}
.content{min-width:0}
.sidebar{background:var(--surface);border-radius:var(--r)}

/* ---------- Filtre paneli ---------- */
.fp{display:flex;flex-direction:column;gap:0}
.fp__head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;background:#f7f7f7;border-bottom:1px solid var(--line)}
.fp__head h2{margin:0;font-size:14px;font-weight:700;color:#222222}
.fsec{padding:10px 14px;border-top:1px solid var(--line)}
.fsec:first-of-type{border-top:0}
.fsec h3{margin:0 0 8px;font-size:12px;color:#333333;font-weight:700;display:flex;align-items:center;justify-content:space-between}
.fsec h3 button{font-size:11.5px;color:#185e91;text-transform:none;font-weight:600}
.tree{display:flex;flex-direction:column;gap:1px;max-height:340px;overflow:auto;margin:0 -4px;padding:0 4px}
.tree__row{display:flex;align-items:center;gap:7px;width:100%;padding:6px 8px;border-radius:3px;font-size:12.5px;text-align:left;color:#185e91;transition:background .12s}
.tree__row:hover{background:#f2f6fa;text-decoration:underline}
.tree__row.on{background:var(--accent-soft);color:#185e91;font-weight:700}
.tree__row .cnt{margin-left:auto;font-size:11px;color:#888888;font-weight:400}
.tree__row .chev{margin-left:auto;transition:transform .2s;color:#888888}
.tree__row.open .chev{transform:rotate(90deg)}
.tree__kids{padding-left:12px;border-left:1px solid var(--line);margin:2px 0 4px 12px;display:flex;flex-direction:column;gap:1px}
.crumb{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:8px}
.crumb b{color:#185e91}
.opt-list{display:flex;flex-direction:column;gap:1px;max-height:240px;overflow:auto;margin:0 -4px;padding:0 4px}
.opt{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:3px;font-size:12.5px;cursor:pointer;color:#333333}
.opt:hover{background:#f5f5f5}
.opt input{accent-color:var(--accent);width:15px;height:15px}
.mini-search{display:flex;align-items:center;gap:6px;height:32px;padding:0 9px;border-radius:3px;background:#ffffff;border:1px solid #cccccc;margin-bottom:8px}
.mini-search input{border:0;background:transparent;flex:1;font-size:12.5px;min-width:0}
.price-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.field{display:flex;flex-direction:column;gap:4px}
.field label,.lbl{font-size:12px;font-weight:700;color:#333333}
.inp,.sel,.txa{width:100%;height:36px;padding:0 10px;border-radius:3px;border:1px solid #cccccc;background:#fff;font-size:13px;color:#222222;box-shadow:inset 0 1px 2px rgba(0,0,0,.04);transition:border-color .15s,box-shadow .15s}
.txa{height:auto;min-height:110px;padding:9px 10px;resize:vertical;line-height:1.45}
.inp:focus,.sel:focus,.txa:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}
.sel{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23555555' stroke-width='1.6' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:28px}
.seg{display:flex;gap:4px;padding:3px;border-radius:6px;background:#f4f4f5;border:1px solid #e4e4e7;flex-wrap:wrap}
.seg button{flex:1;min-width:48px;height:27px;border-radius:5px;font-size:11.5px;font-weight:550;color:#52525b;background:#ffffff;border:1px solid #e4e4e7;transition:all .15s}
.seg button.on{background:#ffffff;color:#09090b;border:1.5px solid #09090b;font-weight:700;box-shadow:0 1px 1.5px rgba(0,0,0,.04)}
.pills{display:flex;flex-wrap:wrap;gap:5px}
.pill{height:27px;padding:0 9px;border-radius:6px;border:1px solid #e4e4e7;font-size:11.5px;font-weight:550;background:#ffffff;color:#09090b;transition:all .15s}
.pill.on{background:#ffffff;border:1.5px solid #09090b;color:#09090b;font-weight:700}
.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;font-size:12.5px;font-weight:500;cursor:pointer}
.switch{position:relative;width:40px;height:22px;flex:none}
.switch input{opacity:0;width:0;height:0;position:absolute}
.switch i{position:absolute;inset:0;border-radius:999px;background:#cccccc;transition:background .2s}
.switch i::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s var(--spring)}
.switch input:checked+i{background:var(--accent)}
.switch input:checked+i::after{transform:translateX(18px)}
.fp__foot{display:flex;gap:6px;padding:10px 14px 12px;border-top:1px solid var(--line);background:#f9f9f9}

/* ---------- Hero slider (Tam Görsel & Dinamik Boyut Uyumlu Kurumsal Banner) ---------- */
.hero{position:relative;border-radius:12px;overflow:hidden;background:#0a1931;border:1px solid #cbd5e1;box-shadow:0 6px 20px rgba(15,23,42,.08);margin-bottom:12px}
.hero__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.hero__track::-webkit-scrollbar{display:none}
.slide{position:relative;flex:0 0 100%;width:100%;scroll-snap-align:start;aspect-ratio:1600/520;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:#0a1931;padding:0;margin:0}
.slide__bg{position:absolute;inset:-12px;background-size:cover;background-position:center;filter:blur(22px) brightness(0.55) saturate(1.2);transform:scale(1.06);pointer-events:none;z-index:0}
.slide img.slide__img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none;user-select:none;-webkit-user-drag:none}
@media(max-width:768px){.slide{aspect-ratio:1000/530}}
.slide::after{display:none!important;content:none!important}
.hero__dots{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);display:flex;gap:6px;z-index:3;padding:4px 10px;border-radius:999px;background:rgba(9,13,22,.52);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18)}
.hero__dots button{width:7px;height:7px;border-radius:999px;background:rgba(255,255,255,.45);transition:all .22s;border:0;padding:0;cursor:pointer}
.hero__dots button.on{width:22px;background:#fde047}
.hero__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;background:rgba(9,13,22,.58);border:1px solid rgba(255,255,255,.25);color:#ffffff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px);transition:background .18s,transform .18s}
.hero__nav:hover{background:rgba(9,13,22,.85);transform:translateY(-50%) scale(1.06)}
.hero__nav--prev{left:10px}
.hero__nav--next{right:10px}
.hero__ad{position:absolute;top:10px;right:10px;z-index:3;height:26px;padding:0 11px;border-radius:999px;background:rgba(9,13,22,.68);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28);color:#ffffff;font-size:11px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.25);display:inline-flex;align-items:center;gap:4px}
.hero__ad:hover{background:rgba(9,13,22,.9);border-color:#fde047;color:#fde047}
.hero__sponsor{position:absolute;top:10px;left:10px;z-index:3;font-size:10px;font-weight:800;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:rgba(9,13,22,.68);backdrop-filter:blur(6px);border:1px solid rgba(253,224,71,.45);color:#fde047;letter-spacing:.03em}

/* ---------- Bölüm başlıkları ---------- */
.sec{margin-top:16px}
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:10px}
.sec__head h2{margin:0;font-size:16px;font-weight:700;color:#222222;display:flex;align-items:center;gap:7px}
.sec__head p{margin:2px 0 0;font-size:12px;color:var(--muted)}
.sec__head a,.sec__head button.link{font-size:12.5px;font-weight:700;color:#185e91}
.sec__head a:hover,.sec__head button.link:hover{text-decoration:underline}

/* ---------- Hemen Sat vitrin kuşağı ---------- */
.boostbar{position:relative;border-radius:var(--r);padding:14px 0 14px 14px;background:#ffffff;border:1px solid var(--line);box-shadow:var(--sh-1);overflow:hidden}
.boostbar .sec__head{padding-right:14px}
.boostbar .bolt{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:3px;background:#ffe800;border:1px solid #d9be00;color:#222222;font-size:14px}
.hscroll{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 14px 4px 0;scrollbar-width:none}
.hscroll::-webkit-scrollbar{display:none}
.hscroll>.card{flex:0 0 196px;scroll-snap-align:start}

/* ---------- Araç çubuğu ---------- */
.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0 10px;padding:8px 12px;background:#ffffff;border:1px solid var(--line);border-radius:var(--r)}
.toolbar h1{margin:0;font-size:15px;font-weight:700;color:#222222;flex:1;min-width:180px}
.toolbar h1 small{display:block;font-size:11.5px;font-weight:400;color:var(--muted);margin-top:1px}
.toolbar .sel,.toolbar #sortSel,.toolbar .fbtn,.fbtn{display:none!important}
.active-filters,#activeFilters{display:none!important}
.af{display:none!important}

/* ---------- Ürün Kartları (HobiBuy E-Ticaret V5 Dikine Stüdyo Kart Kalitesi & %10 Küçültülmüş Yuvarlak Öne Çıkan Mührü) ---------- */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.card{
  position:relative;
  background:#ffffff!important;
  border-radius:14px!important;
  border:1px solid #eaeaea!important;
  padding:6px!important;
  overflow:hidden;
  box-shadow:none!important;
  transition:border-color .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1)!important;
  isolation:isolate;
  display:flex;
  flex-direction:column;
}
.card:hover{
  border-color:#d4d4d8!important;
  box-shadow:0 10px 26px rgba(15,23,42,.07)!important;
}
.card__link{position:absolute;inset:0;z-index:2;border-radius:inherit}
.card__media{
  position:relative;
  width:100%;
  aspect-ratio:2/2.22!important;
  background:#f8fafc!important;
  border-radius:10px!important;
  overflow:hidden;
  border:0!important;
  flex-shrink:0;
}
.card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .55s cubic-bezier(.16,1,.3,1);
}
.card:hover .card__media img{transform:scale(1.035)}

/* En Alt Sağda Karta Gömülü Yalın İl / Konum İmza Satırı (Arka Kart ve Konum İkonu Yok) */
.card__status-strip{
  position:relative;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  min-height:15px!important;
  margin:2px 0 0 0!important;
  padding:1px 2px 0!important;
  border-radius:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  font-family:'Plus Jakarta Sans','Inter',var(--font);
  font-size:10px;
  font-weight:700;
  color:#475569;
  flex-shrink:0;
  box-sizing:border-box;
}
.card__status-strip::before{
  content:"";
  flex:1 1 auto;
  min-width:10px;
  height:1px;
  background:linear-gradient(90deg,rgba(226,232,240,0) 0%,rgba(203,213,225,.75) 100%);
  pointer-events:none;
}
.card__status-cond,
.card__status-dot{
  display:none!important;
}
.card__status-loc{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  padding:0 0 2px 0!important;
  background:transparent!important;
  border:0!important;
  color:#475569!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  line-height:1.35!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.card__status-loc svg{display:none!important}

.card__body{
  padding:5px 2px 3px!important;
  display:flex;
  flex-direction:column;
  gap:3px!important;
  flex:1;
  background:transparent!important;
}
.card__title{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  font-family:'Plus Jakarta Sans','Inter',var(--font);
  font-size:11.4px!important;
  font-weight:650!important;
  line-height:1.28!important;
  letter-spacing:-.022em!important;
  word-spacing:-.5px!important;
  color:#0f172a!important;
  display:block!important;
  overflow:hidden!important;
  height:2.56em!important;
  min-height:2.56em!important;
  max-height:2.56em!important;
  word-break:break-word!important;
}
.card:hover .card__title{text-decoration:none!important;color:#09090b!important}
.card__meta{display:none!important}

/* E-Ticaret Tarzı Tek Kart Dikey Kayan Sosyal Kanıt & Kurumsal Vitrin Slaytı */
.card__sp-slider{
  position:relative!important;
  width:100%!important;
  height:21px!important;
  min-height:21px!important;
  max-height:21px!important;
  margin-top:1px!important;
  border-radius:5px!important;
  background:#f8fafc!important;
  border:1px solid #e2e8f0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.card__sp-track{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  will-change:transform;
  transition:transform .42s cubic-bezier(.22,1,.36,1)!important;
}
.card__sp-item{
  height:19px!important;
  min-height:19px!important;
  max-height:19px!important;
  flex:0 0 19px!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:0 4px!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  font-size:9.8px!important;
  font-weight:600!important;
  letter-spacing:-.015em!important;
  color:#475569!important;
  box-sizing:border-box!important;
}
.card__sp-item--vitrin{
  background:linear-gradient(90deg,#eff6ff 0%,#fffbeb 100%)!important;
  color:#1e3a8a!important;
  font-weight:750!important;
}
.card__sp-ico{
  width:13px!important;
  height:13px!important;
  border-radius:3.5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-shrink:0!important;
}
.card__sp-ico svg,.card__sp-ico .ico-xs{
  width:10px!important;
  height:10px!important;
  stroke-width:2.2!important;
}
.card__sp-ico--views{
  background:#eff6ff!important;
  color:#1d4ed8!important;
}
.card__sp-ico--favs{
  background:#fff1f2!important;
  color:#e11d48!important;
}
.card__sp-ico--vitrin{
  background:#1d4ed8!important;
  color:#ffe800!important;
  overflow:hidden!important;
}
.card__sp-ico--vitrin img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.card__sp-txt{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  min-width:0!important;
  flex:1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.1!important;
}
.card__sp-txt b{
  font-weight:800!important;
  color:#0f172a!important;
}
.card__sp-item--views .card__sp-txt b{color:#1d4ed8!important}
.card__sp-item--favs .card__sp-txt b{color:#e11d48!important}
.card__sp-corp-name{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#1e3a8a!important;
  font-weight:800!important;
  font-size:9.6px!important;
  letter-spacing:-.02em!important;
}
.card__sp-badge{
  display:none!important;
}

.card__price{
  margin:1px 0 0 0!important;
  padding:0!important;
  font-family:'Plus Jakarta Sans','Inter',var(--font)!important;
  font-size:15px!important;
  font-weight:800!important;
  color:#09090b!important;
  letter-spacing:-.02em!important;
  line-height:1.15!important;
  display:flex;
  align-items:baseline;
  gap:5px;
  flex-wrap:wrap;
}
.card__price small{font-size:10px;font-weight:600;color:var(--ok);margin-left:2px}
.dt-meta-stats{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px;flex-wrap:wrap}
.dt-stat-pill{display:inline-flex;align-items:center;gap:4px;height:23px;padding:0 9px;border-radius:999px;background:#f8fafc;border:1px solid #e4e4e7;font-size:11.5px;color:#52525b;font-weight:500}
.dt-stat-pill b{font-weight:700;color:#09090b}
.cond-svg-tag{position:absolute;z-index:3;top:4px!important;left:4px!important;display:inline-flex;align-items:center;pointer-events:none;filter:drop-shadow(0 1.5px 3px rgba(9,9,11,.24))}
.cond-svg-tag svg{display:block;height:18px!important;width:auto!important}
.badge{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 7px;border-radius:5px;font-size:10px;font-weight:700}
.badge--vitrin{display:none!important}
.badge--sold{bottom:7px;right:7px;background:#dc2626;color:#fff}
.card__count{
  position:absolute;
  z-index:3;
  bottom:6px;
  left:6px;
  height:18px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(15,23,42,.62);
  backdrop-filter:blur(4px);
  color:#fff;
  font-size:9.8px;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:3px;
}

/* ---------- Favori İkonu: Sağ Üst Köşeye Yaklaştırılmış & Kompakt Saf SVG ---------- */
.fav,
body .fav,
body .card .fav{
  position:absolute!important;
  z-index:5!important;
  top:3px!important;
  right:3px!important;
  bottom:auto!important;
  width:22px!important;
  height:22px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ffffff!important;
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:transform .2s cubic-bezier(.175,.885,.32,1.275),color .15s ease!important;
}
body .gal__fav{
  position:absolute!important;
  z-index:5!important;
  top:8px!important;
  right:8px!important;
  width:28px!important;
  height:28px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ffffff!important;
  cursor:pointer!important;
}
.fav svg,
.fav .ico,
body .fav svg,
body .fav .ico,
body .card .fav svg{
  width:15.5px!important;
  height:15.5px!important;
  stroke:#ffffff!important;
  stroke-width:2.2!important;
  fill:rgba(15,23,42,.30)!important;
  filter:drop-shadow(0 1px 2.5px rgba(0,0,0,.55))!important;
  transition:transform .22s cubic-bezier(.175,.885,.32,1.275),fill .18s ease,stroke .18s ease,filter .18s ease!important;
}
body .gal__fav svg{
  width:20px!important;
  height:20px!important;
  stroke:#ffffff!important;
  stroke-width:2.15!important;
  fill:rgba(15,23,42,.28)!important;
  filter:drop-shadow(0 1.5px 3.5px rgba(0,0,0,.55))!important;
}
.fav:hover,
body .fav:hover,
body .gal__fav:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:scale(1.12)!important;
}
.fav:hover svg,
.fav:hover .ico,
body .fav:hover svg,
body .gal__fav:hover svg{
  stroke:#ff2908!important;
  fill:rgba(255,41,8,.22)!important;
}
.fav:active,
body .fav:active,
body .gal__fav:active{
  transform:scale(.92)!important;
}
.fav.on,
body .fav.on,
body .gal__fav.on{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#ff2908!important;
}
.fav.on svg,
.fav.on .ico,
body .fav.on svg,
body .fav.on .ico,
body .gal__fav.on svg{
  fill:#ff2908!important;
  stroke:#ff2908!important;
  filter:drop-shadow(0 2px 6px rgba(255,41,8,.48))!important;
  animation:favHeartPop .32s cubic-bezier(.175,.885,.32,1.275);
}
@keyframes favHeartPop{
  0%{transform:scale(.8)}
  55%{transform:scale(1.24)}
  100%{transform:scale(1)}
}
/* Ürün detay üst barındaki favori ikonu da arkasız saf ikon */
#dtFav,
body .sp-bar--detail #dtFav{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  width:32px!important;
  height:32px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#dtFav svg{
  width:21px!important;
  height:21px!important;
  stroke:#0f172a!important;
  stroke-width:2.1!important;
  fill:none!important;
  transition:transform .2s cubic-bezier(.175,.885,.32,1.275),fill .15s ease,stroke .15s ease!important;
}
#dtFav.fav-on svg{
  fill:#ff2908!important;
  stroke:#ff2908!important;
}

/* ---------- E-Ticaret Yuvarlak "ÖNE ÇIKAN" Mühür Etiketi (Sağ Altta · Sağ Üst Favori Kalbiyle Çakışmaz) ---------- */
.card__one-cikan-seal{
  position:absolute!important;
  top:auto!important;
  bottom:5px!important;
  right:5px!important;
  width:37px!important;
  height:37px!important;
  z-index:4!important;
  pointer-events:none!important;
  user-select:none!important;
  display:block!important;
  filter:drop-shadow(0 3px 8px rgba(211,19,76,.28))!important;
  transform: translateZ(0);
}
.card__one-cikan-seal svg{
  width:100%!important;
  height:100%!important;
  display:block!important;
  overflow:visible!important;
}
@media (max-width:768px){
  .card__one-cikan-seal{
    width:33px!important;
    height:33px!important;
    top:auto!important;
    bottom:5px!important;
    right:5px!important;
  }
}
/* Tüm kartlarda favori kalbi her zaman sağ üst köşede (top:3px; right:3px) sabit durur */
.card--vitrin .fav,
.card--boost .fav,
body .card.card--vitrin .fav,
body .card.card--boost .fav{
  top:3px!important;
  right:3px!important;
  bottom:auto!important;
}

.card--sold .card__media img{filter:grayscale(.85) opacity(.75)}
/* Öne Çıkan ürünlerde sarı/altın çerçeve tamamen kaldırıldı — E-Ticaret kartlarıyla aynı temiz çerçeve */
.boostbar,#boostSec{display:none!important}
.card--vitrin,.card--boost,
body .card.card--vitrin,body .card.card--boost{
  border:1px solid #eaeaea!important;
  background:#ffffff!important;
  box-shadow:none!important;
}
.card--vitrin:hover,.card--boost:hover,
body .card.card--vitrin:hover,body .card.card--boost:hover{
  border-color:#d4d4d8!important;
  box-shadow:0 10px 26px rgba(15,23,42,.07)!important;
}
.card--vitrin .card__media,.card--boost .card__media,
body .card.card--vitrin .card__media,body .card.card--boost .card__media{
  border-bottom:0!important;
}
.card--vitrin .card__body,.card--boost .card__body,
body .card.card--vitrin .card__body,body .card.card--boost .card__body{
  background:transparent!important;
}
.card--vitrin .card__price,.card--boost .card__price{color:#09090b!important}
.card__vt{display:none!important}
.ara-banner{grid-column:1/-1;position:relative;border-radius:var(--r);overflow:hidden;min-height:96px;background:#ffffff;border:1px solid var(--line);color:var(--ink);display:flex;align-items:center;cursor:pointer;box-shadow:var(--sh-1)}
.ara-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.ara-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.8) 55%,rgba(255,255,255,.15) 100%)}
.ara-banner__t{position:relative;z-index:1;padding:16px 20px}
.ara-banner__t b{display:block;font-size:16px;color:#222222}
.ara-banner__t span{font-size:12px;color:#555555}
.ara-banner__lbl{position:absolute;top:8px;right:10px;z-index:1;font-size:10px;font-weight:700;text-transform:uppercase;color:#666666;background:#ffffff;padding:2px 6px;border-radius:2px;border:1px solid var(--line)}
.skel{background:linear-gradient(90deg,#ececef 25%,#f6f6f8 37%,#ececef 63%);background-size:400% 100%;animation:sk 1.4s ease infinite;border-radius:var(--r)}
@keyframes sk{0%{background-position:100% 50%}100%{background-position:0 50%}}
.skel-card{aspect-ratio:3/4}
.empty{grid-column:1/-1;text-align:center;padding:44px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.empty .e{font-size:38px}
.empty h3{margin:8px 0 4px;font-size:16px}
.loadmore{display:flex;justify-content:center;padding:18px 0}

/* ---------- Sheet / Modal (ortak) ---------- */
.backdrop{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.42);opacity:0;pointer-events:none;transition:opacity .25s var(--ease)}
.backdrop.on{opacity:1;pointer-events:auto}
.sheet{position:fixed;z-index:100;left:50%;top:50%;width:min(520px,calc(100vw - 28px));max-height:calc(100vh - 44px);background:var(--surface);border-radius:4px;border:1px solid #cccccc;box-shadow:var(--sh-3);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translate(-50%,-48%) scale(.98);transition:opacity .22s var(--ease),transform .28s var(--spring);overflow:hidden}
.sheet.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.sheet--xl{width:min(1080px,calc(100vw - 40px))}
.sheet--lg{width:min(820px,calc(100vw - 36px))}
.sheet__grab{display:none}
.sheet__head{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#f7f7f7;border-bottom:1px solid var(--line);flex:none}
.sheet__head h2{margin:0;font-size:15px;font-weight:700;color:#222222;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sheet__body{padding:14px;overflow:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.sheet__foot{padding:10px 14px calc(10px + var(--safe-b));border-top:1px solid var(--line);display:flex;gap:8px;flex:none;background:#f9f9f9}
.sheet__body--flush{padding:0}

/* ---------- İlan detay ---------- */
.dt{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
.dt__gal{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}
.gal{position:relative;background:#ffffff;border-bottom:1px solid var(--line);width:100%;max-width:100%;min-width:0;overflow:hidden}
.gal__no,.gal__fav,body .gal .fav{display:none!important}
.gal__track{display:flex;width:100%;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.gal__track::-webkit-scrollbar{display:none}
.gal__track img{flex:0 0 100%;width:100%;max-width:100%;aspect-ratio:4/3;object-fit:contain;scroll-snap-align:center;background:#ffffff;cursor:zoom-in}
.gal__nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:3px;background:rgba(255,255,255,.94);border:1px solid #cccccc;display:grid;place-items:center;box-shadow:var(--sh-1);z-index:2}
.gal__nav.l{left:10px}.gal__nav.r{right:10px}
.gal__idx{position:absolute;bottom:10px;right:10px;height:24px;padding:0 9px;border-radius:3px;background:rgba(0,0,0,.68);color:#fff;font-size:11.5px;font-weight:700;display:flex;align-items:center;z-index:2}
.gal__zoom{position:absolute;bottom:10px;left:10px;height:26px;padding:0 10px;border-radius:3px;background:rgba(0,0,0,.68);color:#fff;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:4px;z-index:2;border:1px solid rgba(255,255,255,.2)}

/* ---------- İlan Detay: Merkezli Kategori Yolu, Sekmeler, Fiyat & Satır Tablosu ---------- */
.sp-title-mob{display:none}
.sp-pc-stats,.sp-act-lbl,.dt-pc-head,.dt-pc-top-meta{display:none}
.dt__side{padding:0 16px 16px;box-sizing:border-box}
.dt-shb-seller{position:relative;border-top:3px solid #185e91!important;padding-top:14px!important}
.dt-shb-seller__ribbon{display:inline-flex;align-items:center;padding:2px 9px;border-radius:4px;background:#eef5fc;border:1px solid #b8d4f0;color:#185e91;font-size:10.5px;font-weight:800;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px}
.dt-vitrin-qr-compact{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:8px 10px;border-radius:8px;background:#f8fafc;border:1px solid #cbd5e1}
.dt-vitrin-qr-compact__l{display:flex;align-items:center;gap:8px;min-width:0;cursor:pointer}
.dt-vitrin-qr-compact__l .dt-vitrin-qr-mini{width:38px;height:38px;padding:2px;border-radius:6px;background:#fff;border:1px solid #cbd5e1;flex-shrink:0}
.dt-vitrin-qr-compact__l .dt-vitrin-qr-mini svg{width:100%;height:100%;display:block}
.dt-vitrin-qr-compact__l b{display:block;font-size:11.5px;font-weight:800;color:#1e3a8a;line-height:1.2}
.dt-vitrin-qr-compact__l small{display:block;font-size:10.2px;color:#64748b;line-height:1.2;margin-top:1px}
.dt-meta-center{text-align:center;padding:10px 6px 10px;border-bottom:1px solid #ededed;background:#ffffff;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}
.dt-meta-cat{font-size:12.5px;color:var(--pri);line-height:1.45;font-weight:600;display:block;text-align:center;width:100%;max-width:100%;min-width:0;word-break:break-word}
.dt-meta-cat a,.dt-meta-cat span{color:var(--pri);text-decoration:none;display:inline;white-space:normal;overflow-wrap:anywhere}
.dt-meta-cat a:hover{text-decoration:underline}
.dt-meta-cat .sep{color:#64748b;opacity:.85;margin:0 4px;display:inline;font-weight:500}
.dt-meta-loc{font-size:12px;color:#64748b;margin-top:4px;font-weight:500;width:100%;max-width:100%;word-break:break-word}
.dt-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:10px 12px 0;background:#ffffff;border-bottom:2px solid var(--shb-yellow);width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.dt-tab{height:38px;padding:0 6px;border-radius:3px 3px 0 0;font-size:12.5px;font-weight:600;color:#333333;background:#f7f7f7;border:1px solid #d4d4d4;border-bottom:0;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;cursor:pointer;transition:background .15s,color .15s}
.dt-tab.on{background:var(--shb-yellow);border-color:var(--shb-yellow-border);color:#1e242b;font-weight:700}
.dt-pane.hide{display:none!important}
.dt-desc-card{margin-top:12px;padding:16px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px rgba(9,9,11,.03)}
.dt-desc-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #f1f5f9}
.dt-desc-card__head h3{margin:0;font-size:14.5px;font-weight:700;color:#09090b;display:flex;align-items:center;gap:6px}
.dt-desc-card__no{font-size:11.5px;font-weight:600;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;padding:3px 8px;border-radius:999px}
.dt-desc-body{font-size:14px;line-height:1.68;color:#1e293b;white-space:pre-wrap;word-break:break-word}
.dt-desc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9}
.dt-desc-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;font-weight:600;color:#334155}
.w-guard-box{margin-top:8px;padding:10px 12px;border-radius:10px;font-size:12.2px;line-height:1.45;display:flex;align-items:flex-start;gap:8px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;transition:all .16s ease}
.w-guard-box.is-err{border-color:#fecaca;background:#fef2f2;color:#b91c1c;font-weight:600}
.w-guard-box svg{flex-shrink:0;margin-top:1px}
.txa.is-err,.inp.is-err{border-color:#dc2626!important;box-shadow:0 0 0 3px rgba(220,38,38,.12)!important}
.dt-price-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0 8px}
.dt-price-left{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.dt-price-val{font-size:20px;font-weight:700;color:var(--pri);letter-spacing:-.01em}
.dt-price-hist{display:inline-flex;align-items:center;justify-content:center;color:var(--pri);opacity:.9}
.dt-offer-btn{height:32px;padding:0 13px;border-radius:3px;border:1px solid var(--pri);background:#ffffff;color:var(--pri);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s;flex-shrink:0}
.dt-offer-btn:hover{background:var(--accent-soft)}
.dt-main-title{margin:2px 0 8px;font-size:15px;font-weight:700;color:#222222;line-height:1.32;text-transform:uppercase}
.dt-desc-preview-wrap{padding-bottom:10px;border-bottom:1px solid #eaeaea;margin-bottom:4px}
.dt-desc-preview{font-size:12.8px;line-height:1.48;color:#555555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}
.dt-desc-preview.is-open{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:pre-wrap;color:#333333}
.dt-more-btn{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:12.5px;font-weight:700;color:var(--pri);background:none;border:0;padding:0;cursor:pointer}
.dt-more-btn:hover{text-decoration:underline}
.dt-spec-table{display:flex;flex-direction:column;width:100%;border-top:1px solid #eaeaea;margin-top:4px}
.dt-spec-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px;border-bottom:1px solid #eeeeee;font-size:13px;line-height:1.35}
.dt-spec-row .k{color:#666666;font-weight:400;flex-shrink:0}
.dt-spec-row .v{color:#333333;font-weight:500;text-align:right;word-break:break-word}
.dt-spec-row .v--no{color:#b91c1c;font-weight:600}
.dt-spec-row .v--link{color:var(--pri);font-weight:600}
.dt-sticky-cta{display:none}

/* ---------- Tam Ekran Görsel Önizleme & Pinch/Double-Tap Zoom (#imgViewer) ---------- */
#imgViewer{position:fixed;inset:0;z-index:9500;background:#000;color:#fff;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .22s var(--ease);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}
#imgViewer.on{opacity:1;pointer-events:auto}
.iv__top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:calc(12px + env(safe-area-inset-top,0px)) 14px 12px;background:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,0) 100%);z-index:3;flex:none}
.iv__count{height:30px;padding:0 11px;border-radius:3px;background:rgba(255,255,255,.16);font-size:12px;font-weight:700;display:inline-flex;align-items:center}
.iv__zoom{height:30px;padding:0 11px;border-radius:3px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.2)}
.iv__zoom.is-zoomed{background:var(--accent);border-color:var(--accent)}
.iv__close{width:36px;height:36px;border-radius:3px;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;font-size:18px;font-weight:700;border:1px solid rgba(255,255,255,.18)}
.iv__stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.iv__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transform-origin:center center;will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1);touch-action:none;-webkit-user-drag:none;pointer-events:none}
.iv__img.is-gesture{transition:none!important}
.iv__nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:3px;background:rgba(255,255,255,.16);color:#fff;display:grid;place-items:center;z-index:2;border:1px solid rgba(255,255,255,.16)}
.iv__nav.l{left:12px}.iv__nav.r{right:12px}
.iv__thumbs{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px calc(12px + var(--safe-b));overflow-x:auto;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,0) 100%);z-index:3;flex:none;scrollbar-width:none}
.iv__thumbs::-webkit-scrollbar{display:none}
.iv__thumbs img{width:48px;height:48px;border-radius:3px;object-fit:cover;opacity:.5;cursor:pointer;flex:none;border:2px solid transparent;transition:all .16s}
.iv__thumbs img.on{opacity:1;border-color:#fff}
.thumbs{display:flex;gap:6px;padding:8px;overflow-x:auto;background:#f9f9f9;border-bottom:1px solid var(--line);scrollbar-width:none}
.thumbs img{width:56px;height:56px;border-radius:3px;object-fit:cover;opacity:.65;cursor:pointer;flex:none;border:2px solid transparent}
.thumbs img.on{opacity:1;border-color:var(--accent)}
.dt__info{padding:16px}
.dt__crumb{font-size:12px;color:#185e91;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.dt__crumb a:hover{text-decoration:underline}
.dt__title{margin:6px 0 6px;font-size:18px;line-height:1.28;font-weight:700;color:#222222}
.dt__price{font-size:22px;font-weight:700;color:#185e91}
.tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.tag{height:24px;padding:0 8px;border-radius:3px;background:#f2f2f2;border:1px solid #dddddd;font-size:11.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px;color:#333333}
.tag--ok{background:#edf7ec;border-color:#b8dfb5;color:#2c7a26}
.tag--boost{background:#ffe800;border-color:#d9be00;color:#222222}
.tag--warn{background:#fff8e6;border-color:#f0d58c;color:#8a6d00}
.tag--err{background:#fdf0f0;border-color:#f0b8b8;color:#b30000}
.tag--info{background:#eef5fc;border-color:#b8d4f0;color:#185e91}
.dt__box{border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-top:12px;background:#ffffff}
.dt__box h3{margin:0 0 8px;font-size:13px;font-weight:700;color:#222222;border-bottom:1px solid #eeeeee;padding-bottom:6px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:12.5px}
.kv dt{color:#666666;border-bottom:1px dotted #eaeaea;padding-bottom:3px}
.kv dd{margin:0;font-weight:600;text-align:right;color:#222222;border-bottom:1px dotted #eaeaea;padding-bottom:3px}
.dt__desc{white-space:pre-wrap;font-size:13px;line-height:1.58;color:#333333}
.seller{display:flex;align-items:center;gap:10px}
.seller b{display:block;font-size:14px;color:#185e91}
.seller small{color:var(--muted);font-size:11.5px}
.dt__actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.dt__actions .row{display:flex;flex-direction:column;gap:8px;width:100%}
.phonebox{border-radius:var(--r);padding:12px;background:#f4fbf4;border:1px solid #b8dfb5;text-align:center}
.phonebox .num{font-size:20px;font-weight:700;margin:4px 0 10px;color:#256b20}
.phonebox .row{display:flex;gap:6px;flex-wrap:wrap}
.phonebox .row .btn{flex:1}
.safe{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:var(--muted);background:var(--surface-2);border-radius:var(--r);padding:10px 12px;margin-top:12px;border:1px solid var(--line)}
.dt__similar{padding:0 16px 20px}
.mapbtn{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#185e91;font-weight:600;margin-top:6px}
.dt__loc-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;user-select:text}
.dt__loc-pin{width:34px;height:34px;border-radius:8px;background:var(--accent-soft);border:1px solid #b8d4f0;color:#185e91;display:grid;place-items:center;flex:none}
.dt__loc-txt{flex:1;min-width:0}
.dt__loc-mah{font-size:13.5px;font-weight:700;color:#0f172a;line-height:1.3}
.dt__loc-sub{font-size:12px;color:#475569;margin-top:2px;font-weight:500}
.dt__map-wrap{position:relative;width:100%;height:310px;border-radius:10px;overflow:hidden;border:1px solid #cbd5e1;background:#0f172a;margin-bottom:0;touch-action:none!important;-webkit-user-select:none;user-select:none}
.dt__map-wrap.is-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:9990!important;border-radius:0!important;border:0!important;margin:0!important;background:#090d16!important}
body.is-map-fullscreen #appTop,body.is-map-fullscreen #dock,body.is-map-fullscreen .sp-bar--detail,body.is-map-fullscreen .dt-sticky-cta{display:none!important}
body.is-map-fullscreen #appScroll{z-index:9985!important;overflow:hidden!important}
.dt__sat-canvas{width:100%;height:100%;position:relative;z-index:1;touch-action:none!important;background:#0f172a}
.dt__sat-canvas .leaflet-container{width:100%!important;height:100%!important;font-family:inherit;touch-action:none!important;background:#0f172a}
.dt__sat-canvas .leaflet-control-attribution{font-size:9px;background:rgba(15,23,42,.65)!important;color:#cbd5e1!important;padding:1px 5px!important;border-radius:4px 0 0 0}
.dt__sat-canvas .leaflet-control-attribution a{color:#93c5fd!important}
.dt__map-toolbar{position:absolute;top:10px;left:10px;right:10px;z-index:600;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
.dt__map-mode-grp,.dt__map-ctrl-grp{display:inline-flex;align-items:center;gap:4px;background:rgba(15,23,42,.84);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:3px;border-radius:8px;border:1px solid rgba(255,255,255,.16);pointer-events:auto;box-shadow:0 4px 12px rgba(0,0,0,.28)}
.dt__map-pill{height:28px;padding:0 10px;border-radius:6px;border:0;background:transparent;color:#e2e8f0;font-size:11.5px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s}
.dt__map-pill.on{background:#2563eb;color:#fff;box-shadow:0 1px 4px rgba(37,99,235,.45)}
.dt__map-expand-btn{height:34px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.22);background:rgba(15,23,42,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;pointer-events:auto;box-shadow:0 4px 12px rgba(0,0,0,.32)}
.dt__map-expand-btn:active{transform:scale(.97)}
.dt__map-zoom-stack{position:absolute;right:10px;bottom:44px;z-index:600;display:flex;flex-direction:column;gap:5px;pointer-events:auto}
.dt__map-zbtn{width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:rgba(15,23,42,.86);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:18px;font-weight:700;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.28)}
.dt__map-zbtn:active{transform:scale(.94)}
.dt__map-foot{position:absolute;left:10px;bottom:10px;right:56px;z-index:600;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}
.dt__map-hint{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;background:rgba(15,23,42,.82);backdrop-filter:blur(6px);color:#f8fafc;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.14);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-sat-pin{position:relative;width:36px;height:36px;display:grid;place-items:center}
.dt-sat-pin__pulse{position:absolute;inset:-6px;border-radius:50%;background:rgba(239,68,68,.35);animation:dtPinPulse 1.8s infinite ease-out}
.dt-sat-pin__core{position:relative;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#ef4444,#b91c1c);border:2.5px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.45);display:grid;place-items:center}
.dt-sat-pin__core::after{content:'';width:10px;height:10px;border-radius:50%;background:#fff}
@keyframes dtPinPulse{0%{transform:scale(.65);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.dt__route-bar{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.dt__route-btn{height:40px;border-radius:8px;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:all .15s}
.dt__route-btn--pri{background:#185e91;color:#fff;box-shadow:0 2px 6px rgba(24,94,145,.25)}
.dt__route-btn--pri:hover{background:#134b75}
.dt__route-btn--sec{background:#f8fafc;color:#0f172a;border-color:#cbd5e1}
.dt__route-btn--sec:hover{background:#f1f5f9}
.dt__info-loc-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 11px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;flex-wrap:wrap}
.dt__info-loc-bar__l{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.dt__info-loc-bar__acts{display:flex;align-items:center;gap:6px;flex-shrink:0}
@media(max-width:480px){.dt__route-bar{grid-template-columns:1fr}}

/* ---------- Auth ---------- */
.auth{padding:4px 2px}
.auth__hero{text-align:center;margin-bottom:14px}
.auth__hero .logo__mark{width:44px;height:44px;border-radius:4px;font-size:20px;margin:0 auto 8px}
.auth__hero h3{margin:0;font-size:18px;color:#222222}
.auth__hero p{margin:4px 0 0;color:var(--muted);font-size:12.5px}
.form{display:flex;flex-direction:column;gap:10px}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.otp{display:flex;gap:6px;justify-content:center;margin:6px 0}
.otp input{width:42px;height:48px;border-radius:3px;border:1px solid #cccccc;text-align:center;font-size:20px;font-weight:700;background:#fff}
.otp input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}
.linkbtn{color:#185e91;font-weight:600;font-size:12.5px}
.linkbtn:hover{text-decoration:underline}
.divider{display:flex;align-items:center;gap:8px;color:var(--muted-2);font-size:11.5px;margin:4px 0}
.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.msg{padding:8px 10px;border-radius:3px;font-size:12.5px}
.msg--err{background:#fdf0f0;border:1px solid #f0b8b8;color:#b30000}
.msg--ok{background:#edf7ec;border:1px solid #b8dfb5;color:#2c7a26}

/* ---------- İlan Ver sihirbazı ---------- */
.steps{display:flex;gap:5px;padding:12px 16px 0}
.steps div{flex:1;display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:var(--muted-2)}
.steps div::before{content:"";height:3px;border-radius:2px;background:#e0e0e0;transition:background .2s}
.steps div.on{color:#185e91}
.steps div.on::before{background:var(--accent)}
.wz h3{margin:0 0 4px;font-size:16px;color:#222222}
.wz>p{margin:0 0 12px;color:var(--muted);font-size:12.5px}
.catgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.catcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 6px;border-radius:3px;background:var(--surface-2);border:1px solid var(--line-2);text-align:center;font-size:12px;font-weight:600;transition:all .15s;min-height:88px}
.catcard:hover{border-color:#438ed8;background:#ffffff}
.catcard.on{border-color:var(--accent);background:var(--accent-soft);color:#185e91;box-shadow:0 0 0 2px var(--accent-ring)}
.catcard .ci{width:38px;height:38px;border-radius:3px;display:grid;place-items:center;font-size:20px;background:#fff;border:1px solid var(--line)}
.subgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}
.subcard{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:3px;border:1px solid var(--line-2);background:#fff;font-size:12.5px;font-weight:600;text-align:left;transition:all .15s}
.subcard .ci{font-size:16px}
.subcard.on{border-color:var(--accent);background:var(--accent-soft);color:#185e91}
.brandgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:260px;overflow:auto;padding:2px}
.brand{height:36px;border-radius:3px;border:1px solid var(--line-2);background:#fff;font-size:12px;font-weight:600;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s}
.brand.on{border-color:var(--accent);background:var(--accent-soft);color:#185e91}
.condgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.cond{padding:10px;border-radius:3px;border:1px solid var(--line-2);background:#fff;text-align:left;transition:all .15s}
.cond b{display:block;font-size:12.5px}
.cond small{color:var(--muted);font-size:11px}
.cond.on{border-color:var(--accent);background:var(--accent-soft)}
.cond.on b{color:#185e91}
.photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
@media(max-width:520px){.photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}}
.ph{position:relative;aspect-ratio:1/1;border-radius:6px;overflow:hidden;background:#f0f0f2;border:1.5px solid var(--line);transition:border-color .15s,box-shadow .15s}
.ph.is-cover{border:2px solid #185e91;box-shadow:0 0 0 2px rgba(24,94,145,.18)}
.ph img{width:100%;height:100%;object-fit:cover;cursor:pointer}
.ph .x{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:4px;background:rgba(0,0,0,.72);color:#fff;display:grid;place-items:center;font-size:12px;z-index:2;border:1px solid rgba(255,255,255,.22)}
.ph .kp{position:absolute;bottom:5px;left:5px;right:5px;height:22px;padding:0 6px;border-radius:4px;background:linear-gradient(135deg,#1e3a8a,#185e91);color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 2px 6px rgba(0,0,0,.28);pointer-events:none}
.ph .kp-btn{position:absolute;bottom:5px;left:5px;right:5px;height:22px;padding:0 6px;border-radius:4px;background:rgba(15,23,42,.78);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(255,255,255,.28);cursor:pointer;transition:background .15s}
.ph .kp-btn:hover,.ph .kp-btn:active{background:#185e91;border-color:#93c5fd}
.ph .ph-num{position:absolute;top:5px;left:5px;min-width:20px;height:20px;padding:0 5px;border-radius:4px;background:rgba(15,23,42,.72);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;pointer-events:none}
.ph .ld{position:absolute;inset:0;display:grid;place-items:center;background:rgba(255,255,255,.78);font-size:11px;font-weight:700;z-index:3}
.ph--add{border:1.5px dashed #64748b;background:var(--surface-2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11.5px;font-weight:700;color:#1e293b;cursor:pointer;text-align:center;padding:6px}
.ph--add:hover{border-color:#185e91;background:#f0f7ff;color:#185e91}
.ph--add .ico{width:22px;height:22px;color:#185e91}
.cnt-hint{font-size:11px;color:var(--muted-2);text-align:right}
.preview{display:grid;grid-template-columns:130px 1fr;gap:12px;align-items:start;border:1px solid var(--line);border-radius:var(--r);padding:10px;margin-top:12px}
.preview img{width:130px;height:130px;border-radius:3px;object-fit:cover}
.done{text-align:center;padding:20px 6px}
.done .e{width:60px;height:60px;border-radius:50%;margin:0 auto 12px;background:#edf7ec;color:var(--ok);display:grid;place-items:center;font-size:30px}

/* ---------- Paketler (Hemen Sat / Banner) ---------- */
.pkgs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pkgs--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:900px){.pkgs--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pkg{position:relative;border:1px solid var(--line-2);border-radius:var(--r);padding:14px 12px;text-align:left;background:#fff;transition:all .15s;display:flex;flex-direction:column;gap:5px}
.pkg:hover{border-color:#438ed8}
.pkg.on{border-color:#438ed8;box-shadow:0 0 0 2px var(--accent-ring);background:#f7fafe}
.pkg__days{font-size:24px;font-weight:700;line-height:1;color:#185e91}
.pkg__days small{font-size:12px;font-weight:600;margin-left:3px;color:var(--muted)}
.pkg__t{font-size:12.5px;font-weight:700;color:#222222}
.pkg__d{font-size:11.5px;color:var(--muted);line-height:1.4}
.pkg__p{font-size:17px;font-weight:700;margin-top:auto;color:#185e91}
.pkg__r{position:absolute;top:-9px;left:10px;height:18px;padding:0 7px;border-radius:2px;background:#ffe800;border:1px solid #d9be00;color:#222222;font-size:10px;font-weight:700;display:flex;align-items:center}
.iyz{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11.5px;color:var(--muted);margin-top:8px}
.mini-ilan{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line);margin-bottom:12px}
.mini-ilan img{width:48px;height:48px;border-radius:3px;object-fit:cover;flex:none}
.mini-ilan b{display:block;font-size:13px;line-height:1.3}
.mini-ilan small{color:var(--muted);font-size:11.5px}

/* ---------- Mesajlar ---------- */
.chat{display:grid;grid-template-columns:300px 1fr;height:min(70vh,640px)}
.chat__list{border-right:1px solid var(--line);overflow:auto}
.thr{display:flex;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .15s;width:100%;text-align:left}
.thr:hover,.thr.on{background:#f2f6fa}
.thr img{width:44px;height:44px;border-radius:3px;object-fit:cover;flex:none}
.thr__m{flex:1;min-width:0}
.thr__m b{display:flex;justify-content:space-between;gap:6px;font-size:12.5px;color:#222222}
.thr__m b span{font-size:11px;color:var(--muted-2);font-weight:400}
.thr__m em{display:block;font-style:normal;font-size:11.5px;color:#185e91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thr__m p{margin:2px 0 0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thr .ub{min-width:18px;height:18px;border-radius:3px;background:var(--accent);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;padding:0 5px;align-self:center}
.conv{display:flex;flex-direction:column;min-width:0;min-height:0}
.conv__head{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);background:#f9f9f9}
.conv__head img{width:36px;height:36px;border-radius:3px;object-fit:cover}
.conv__head b{display:block;font-size:13px;line-height:1.25}
.conv__head small{font-size:11.5px;color:var(--muted)}
.conv__msgs{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:6px;background:var(--surface-2)}
.bub{max-width:76%;padding:7px 11px;border-radius:4px;font-size:13px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;align-self:flex-start;background:#ffffff;border:1px solid #dddddd;color:var(--ink)}
.bub.me{align-self:flex-end;background:#eef5fc;border-color:#b8d4f0;color:#185e91}
.bub small{display:block;font-size:10px;opacity:.7;margin-top:2px;text-align:right}
.qchips{display:flex;gap:5px;overflow-x:auto;padding:8px 12px 0;scrollbar-width:none}
.qchips::-webkit-scrollbar{display:none}
.qchips button{flex:none;height:28px;padding:0 10px;border-radius:3px;background:var(--accent-soft);color:#185e91;font-size:11.5px;font-weight:600;border:1px solid #b8d4f0}
.conv__form{display:flex;gap:6px;padding:8px 12px calc(8px + var(--safe-b));border-top:1px solid var(--line);background:#ffffff}
.conv__form input{flex:1;height:36px;border-radius:3px;border:1px solid #cccccc;padding:0 10px;font-size:13px;background:#fff}
.conv__form input:focus{border-color:var(--accent)}
.conv__empty{flex:1;display:grid;place-items:center;text-align:center;color:var(--muted);padding:24px}

/* ---------- Hesabım ---------- */
.acc__top{display:flex;align-items:center;gap:12px;padding:14px;background:#f7fafe;border-bottom:1px solid var(--line)}
.acc__top b{display:block;font-size:16px}
.acc__top small{color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:10px 14px}
.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;padding:8px;text-align:center}
.stat b{display:block;font-size:17px;color:#185e91}
.stat small{font-size:11px;color:var(--muted)}
.tabs{display:flex;gap:4px;padding:0 14px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tabs button{height:38px;padding:0 10px;font-size:12.5px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;white-space:nowrap}
.tabs button.on{color:#185e91;border-bottom-color:var(--accent)}
.my{display:flex;flex-direction:column;gap:6px;padding:9px 12px;border-bottom:1px solid #eaedf1;background:#ffffff}
.my__top{display:flex;gap:10px;align-items:flex-start;width:100%}
.my img{width:80px;height:62px;border-radius:5px;object-fit:cover;flex:none;cursor:pointer;border:1px solid #e5e7eb}
.my__m{flex:1;min-width:0}
.my__m b{display:block;font-size:13px;line-height:1.3;color:#09090b;font-weight:650}
.my__m .p{font-size:14px;font-weight:750;margin:2px 0;color:#09090b}
.my__acts{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;width:100%;padding-top:6px;border-top:1px solid #f1f3f5}
.my__acts>.btn,.my__acts>.btn-gold,.my__acts>.btn-ok,.my__acts>.btn-line,.my__acts>.btn-ghost{flex:1 1 auto;width:auto;min-width:0;justify-content:center;padding:0 7px;font-size:11.5px;font-weight:550;letter-spacing:-.01em;height:27px;min-height:27px;border-radius:6px;background:#ffffff!important;background-image:none!important;color:#09090b!important;border:1px solid #e4e4e7!important;box-shadow:0 1px 1.5px rgba(0,0,0,.03)!important;gap:3.5px;white-space:nowrap}
.my__acts>.btn:hover{background:#fafafa!important;border-color:#a1a1aa!important}
.my__acts>.btn .ico{width:12px;height:12px;color:#09090b!important}
.meta-verified{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex-shrink:0;line-height:1}
.meta-verified svg{display:block}
.prem-tag-ag,.prem-tag-svg,.prem-badge{display:inline-flex;align-items:center;justify-content:center;gap:3.5px;height:22px;padding:0 7px;border-radius:6px;background:#ffffff!important;background-image:none!important;border:1px solid #e4e4e7!important;color:#09090b!important;font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:-.01em;box-shadow:0 1px 1.5px rgba(0,0,0,.03);white-space:nowrap;vertical-align:middle;line-height:1}
.prem-tag-ag .ico,.prem-badge .ico{width:11px;height:11px;color:#09090b!important}
.red{font-size:11.5px;color:#b30000;background:#fdf0f0;border:1px solid #f0b8b8;border-radius:3px;padding:5px 8px;margin-top:5px}

/* ---------- Footer (SEO) & Minimal Vitrin Footer ---------- */
.topbar{overflow:visible!important} .search{position:relative}
.search-suggest{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#ffffff;border:1px solid #cccccc;border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.14);z-index:140;overflow:hidden;max-height:350px;overflow-y:auto}
.ss-sec{padding:6px 10px 4px;font-size:10.5px;font-weight:700;text-transform:uppercase;color:#666666;background:#f5f5f5;border-bottom:1px solid #eaeaea}
.ss-row,.ss-item{display:flex;align-items:center;gap:8px;padding:8px 10px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .12s}
.ss-row:last-child,.ss-item:last-child{border-bottom:0}
.ss-row:hover,.ss-item:hover{background:#f2f6fa}
.ss-item .ci{width:28px;height:28px;border-radius:3px;background:var(--accent-soft);display:grid;place-items:center;color:#185e91;flex-shrink:0}
.ss-item .ss-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ss-item .ss-txt b{font-size:12.5px;font-weight:600;color:#185e91;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-item .ss-txt small{font-size:11px;color:var(--muted);font-weight:400}
.ss-price{margin-left:auto;font-weight:700;color:#222222;font-size:12px;white-space:nowrap}
.acc-wrap{padding:16px 16px 28px}
.acc-sec-head{font-size:12px;font-weight:700;color:#333333;margin:14px 0 8px}
.acc-form-sec{background:#ffffff;border:1px solid var(--line);border-radius:4px;padding:14px}
.ios-seg{display:grid;grid-template-columns:repeat(4,1fr);padding:4px;background:#ffffff;border:1px solid #e4e4e7;border-radius:7px;margin-bottom:8px;gap:4px}
.ios-seg button{padding:5px 7px;height:29px;border-radius:6px;font-weight:550;font-size:11.5px;color:#09090b;border:1px solid #e4e4e7;background:#ffffff;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 1px 1.5px rgba(0,0,0,.02)}
.ios-seg button.on{background:#ffffff;color:#09090b;border:1.5px solid #09090b;box-shadow:0 1px 2px rgba(0,0,0,.06);font-weight:700}
.ios-seg button.on .ico,.ios-seg button .ico{color:#09090b}
.pw-wrap{position:relative;display:flex;align-items:center;width:100%}
.pw-wrap .inp{padding-right:38px;width:100%}
.pw-eye{position:absolute;right:6px;width:26px;height:26px;border-radius:3px;display:grid;place-items:center;color:var(--muted);background:transparent;border:0;cursor:pointer}
.pw-eye:hover{color:var(--ink);background:var(--bg)}
.ios-profile-card{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff;border:1px solid var(--line);border-radius:4px;box-shadow:var(--sh-1)}
.ios-profile-card .ava{width:44px;height:44px;border-radius:3px;background:#163d66;color:#fff;font-weight:700;font-size:16px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}
.ios-profile-card .ava img{width:100%;height:100%;object-fit:cover}
.ios-badge-ok{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:2px;font-size:11px;font-weight:700;background:#edf7ec;border:1px solid #b8dfb5;color:#2c7a26}
.ios-bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}
.ios-bento{background:#ffffff;border:1px solid var(--line);border-radius:4px;padding:8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:var(--sh-1)}
.ios-bento b{font-size:16px;font-weight:800;color:#163d66;line-height:1.1}
.ios-bento small{font-size:11px;color:var(--muted);font-weight:600;line-height:1.2}
.ios-menu-group{background:#ffffff;border:1px solid var(--line);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;margin-top:8px}
.ios-menu-row{display:flex;align-items:center;gap:10px;padding:9px 12px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);cursor:pointer;transition:background .12s}
.ios-menu-row:last-child{border-bottom:0}
.ios-menu-row:hover{background:#f5f8fc}
.ios-menu-icon-circle{width:28px;height:28px;border-radius:3px;display:grid;place-items:center;background:var(--accent-soft);color:#185e91;flex-shrink:0}
.ios-menu-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ios-menu-txt b{font-size:12.5px;font-weight:700;color:#185e91}
.ios-menu-txt small{font-size:11px;color:var(--muted)}
.danger-card{border:1px solid #f0b8b8;background:#fdf7f7;border-radius:4px;padding:12px;margin-top:10px}
.foot,.vitrin-footer{margin-top:28px;padding:0 16px calc(22px + var(--bnav-h,50px));color:var(--muted);font-size:11.5px;text-align:center;background:transparent;border:0}
.vf-rule{height:1px;max-width:960px;margin:0 auto 16px;background:var(--line)}
.vf-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:10px}
.vf-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
.vf-pay-item{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:3px;background:#ffffff;border:1px solid var(--line)}
.vf-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;line-height:1.5}
.vf-links a,.vf-cookie-btn{color:#185e91;text-decoration:none;font-size:11.5px;font-weight:600;background:transparent;border:0;padding:0;cursor:pointer}
.vf-links a:hover,.vf-cookie-btn:hover{text-decoration:underline}
.vf-dot{opacity:.45;user-select:none}
.vf-copy{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:var(--muted)}
.vf-raks-tag{display:inline-flex;align-items:center;gap:5px;color:var(--muted);text-decoration:none;font-weight:600;font-size:11px}
.vf-raks-badge{display:inline-flex;align-items:center;padding:1px 5px;border-radius:2px;background:#ffe800;border:1px solid #d9be00;color:#111111;font-weight:700;font-size:10px}
.cookie-bar{position:fixed;left:12px;right:12px;bottom:calc(var(--dock-h,0px) + var(--safe-b) + 10px);max-width:640px;margin:0 auto;background:#ffffff;color:var(--ink);border:1px solid #cccccc;border-radius:4px;padding:10px 12px;box-shadow:0 6px 20px rgba(0,0,0,.15);z-index:1150;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.cookie-bar__txt{flex:1 1 220px;font-size:11.5px;line-height:1.4;color:var(--muted);min-width:0}
.cookie-bar__txt b{color:var(--ink);font-weight:700}
.cookie-bar__acts{display:flex;flex-wrap:nowrap;align-items:center;gap:6px;width:100%;justify-content:flex-end}
#ssrSeo{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.app-ready #ssrSeo{display:none}

/* ---------- Ek Sayfa (Ürün Detay / Satıcı Profili / Çerez & Yasal) ---------- */
.app-top,.app-scroll{display:contents}
.subpage{max-width:100%;margin:0;padding:14px 24px 28px;width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
.sp-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin-bottom:10px;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);color:#ffffff;border:1px solid #1e40af;border-radius:8px;box-shadow:0 4px 12px rgba(29,78,216,.18);flex-wrap:nowrap;width:100%;max-width:100%;box-sizing:border-box}
.sp-bar__title{margin:0;font-size:14.5px;font-weight:750;color:#ffffff;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sp-back{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:6px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#ffffff;font-family:var(--font);font-weight:700;font-size:12px;flex-shrink:0;transition:all .15s ease}
.sp-back .ico,.sp-back .ico-sm{color:#ffffff}
.sp-back:hover{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.55);color:#ffffff}
.sp-crumb{display:flex;align-items:center;justify-content:flex-end;gap:5px;font-size:12px;color:rgba(255,255,255,.88);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.sp-crumb a{font-weight:600;color:rgba(255,255,255,.94)}
.sp-crumb a:hover{text-decoration:underline;color:#ffffff}
.sp-crumb b{color:#ffffff;font-weight:750;overflow:hidden;text-overflow:ellipsis}
.sp-acts{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}
.sp-bar .sp-acts .icon-btn{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#ffffff;width:30px;height:30px;border-radius:6px}
.sp-bar .sp-acts .icon-btn .ico{color:#ffffff}
.sp-card{background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:var(--sh-1);overflow:hidden;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.loc-drops{display:flex;flex-direction:column;gap:8px}
.loc-drops .field{gap:3px}
.loc-drops .field label{font-size:11.5px;display:flex;align-items:center;justify-content:space-between}
.loc-drops .sel:disabled{background:#f3f4f6;color:var(--muted-2);cursor:not-allowed;opacity:.75}

/* ---------- Sahibinden.com Tarzı Sol Kategori Ağacı & Otomatik Next'li Alt Kategori Sistemi ---------- */
.shb-cat-box{background:#ffffff;border-bottom:1px solid #e4e4e7}
.shb-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);color:#ffffff;border-bottom:1px solid #1e40af}
.shb-side-head h2{margin:0;font-size:13px;font-weight:750;color:#ffffff;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.01em}
.shb-side-head h2 .ico{color:#ffe800}
.shb-side-tot{font-size:11px;font-weight:700;color:#ffffff;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);padding:2px 8px;border-radius:999px}
.shb-cat-showcase{display:flex;flex-direction:column;divide-y:1px solid #f1f5f9}
.shb-cat-block{padding:8px 11px 9px;border-bottom:1px solid #f1f5f9;background:#ffffff;transition:background .12s}
.shb-cat-block:last-child{border-bottom:0}
.shb-cat-block:hover{background:#fcfdff}
.shb-cat-main{display:flex;align-items:center;gap:8px;width:100%;padding:3px 2px;text-align:left;background:transparent;border:0;cursor:pointer;group:true}
.shb-cat-ico{width:26px;height:26px;border-radius:6px;display:inline-grid;place-items:center;flex:none;box-shadow:0 1px 2px rgba(9,9,11,.06)}
.shb-cat-ico .ico{width:14px;height:14px}
.shb-cat-ico--sm{width:24px;height:24px;border-radius:6px}
.shb-cat-ico--xs{width:18px;height:18px;border-radius:4px}
.shb-cat-ico--xs .ico{width:11px;height:11px}
.shb-cat-title{font-size:12.8px;font-weight:750;color:#163d66;line-height:1.25;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shb-cat-main:hover .shb-cat-title{color:#09090b;text-decoration:underline}
.shb-cat-cnt{font-size:11px;font-weight:500;color:#71717a;flex:none}
.shb-cat-subs{display:flex;flex-direction:column;gap:1px;padding-left:34px;margin-top:3px}
.shb-cat-sub{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:2.5px 4px;border-radius:4px;text-align:left;font-size:11.8px;font-weight:450;color:#3f3f46;background:transparent;border:0;cursor:pointer;line-height:1.32;transition:background .1s,color .1s}
.shb-cat-sub span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shb-cat-sub:hover{background:#eef4fb;color:#163d66;font-weight:600;text-decoration:underline}
.shb-cat-more{display:inline-flex;align-items:center;gap:3px;padding:3px 4px 1px;font-size:11px;font-weight:650;color:#185e91;background:transparent;border:0;cursor:pointer;text-align:left}
.shb-cat-more:hover{text-decoration:underline;color:#09090b}

/* Seçili Kategori Ağacı (Sahibinden Otomatik Next'li Hiyerarşi Kutusu) */
.shb-drill-box{display:flex;flex-direction:column;background:#ffffff;border-bottom:1px solid #e4e4e7}
.shb-tree-crumbs{display:flex;flex-direction:column;background:#f8fafc;border-bottom:1px solid #e4e4e7}
.shb-tree-up{display:flex;align-items:center;gap:6px;width:100%;padding:7px 12px;border:0;border-bottom:1px solid #eef2f6;background:transparent;font-size:11.8px;font-weight:600;color:#52525b;text-align:left;cursor:pointer;transition:background .12s,color .12s}
.shb-tree-up:last-child{border-bottom:0}
.shb-tree-up:hover{background:#eef4fb;color:#163d66}
.shb-tree-up--l2{padding-left:20px;color:#163d66;font-weight:650}
.shb-tree-active{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 12px;background:#eef5fc;border:0;border-bottom:1px solid #d8e6f5;text-align:left;cursor:pointer;transition:background .12s}
.shb-tree-active.is-selected{background:#eef5fc;border-left:3px solid #163d66}
.shb-tree-active__l{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.shb-tree-active__txt{display:flex;flex-direction:column;min-width:0;flex:1}
.shb-tree-active__txt b{font-size:12.5px;font-weight:750;color:#163d66;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shb-tree-active__txt small{font-size:10.5px;font-weight:550;color:#2563eb;margin-top:1px}
.shb-tree-chk{width:20px;height:20px;border-radius:999px;background:#163d66;color:#ffffff;display:inline-grid;place-items:center;flex:none}
.shb-tree-chk .ico{width:12px;height:12px;stroke-width:2.6}
.shb-tree-subhead{padding:6px 12px 4px;font-size:10.5px;font-weight:750;text-transform:uppercase;letter-spacing:.03em;color:#71717a;background:#ffffff}
.shb-tree-children{display:flex;flex-direction:column;max-height:310px;overflow-y:auto;background:#ffffff;padding:2px 0 4px}
.shb-tree-child{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:6.5px 12px 6.5px 22px;border:0;border-bottom:1px solid #f4f4f5;background:#ffffff;text-align:left;font-size:12.2px;font-weight:500;color:#18181b;cursor:pointer;transition:background .12s,color .12s}
.shb-tree-child:last-child{border-bottom:0}
.shb-tree-child:hover{background:#f2f7fd;color:#163d66;font-weight:600}
.shb-tree-child.on{background:#eef5fc;color:#163d66;font-weight:750;border-left:3px solid #163d66;padding-left:19px}
.shb-tree-children--l3 .shb-tree-child{padding-left:26px}
.shb-tree-children--l3 .shb-tree-child.on{padding-left:23px}
.shb-tree-child__t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}
.shb-tree-child__chv{color:#a1a1aa;flex:none;width:13px;height:13px}
.shb-tree-child:hover .shb-tree-child__chv{color:#163d66}
.shb-flt-sec-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);border-top:1px solid #1e40af;border-bottom:1px solid #1e40af;font-size:12px;font-weight:750;color:#ffffff}
.shb-flt-sec-head button{font-size:11.5px;font-weight:700;color:#ffe800;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);padding:2px 8px;border-radius:6px;cursor:pointer}
.shb-flt-sec-head button:hover{background:rgba(255,255,255,.24);text-decoration:none}

/* Mobil / Filtre Alt Kategori Hiyerarşi Üst Barı */
.f-cat-step-bar{display:flex;flex-direction:column;background:#f8fafc;border-bottom:1px solid #e4e4e7}
.f-cat-crumb-btn{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;border:0;border-bottom:1px solid #eef2f6;background:transparent;font-size:12px;font-weight:650;color:#475569;text-align:left;cursor:pointer}
.f-cat-crumb-btn:hover,.f-cat-crumb-btn:active{background:#eef4fb;color:#163d66}
.f-cat-crumb-btn--l2{padding-left:22px;color:#163d66}
.f-opt-row--all-sel{background:#eef5fc!important;border-bottom:1px solid #cfe2f3!important;padding:10px 12px!important}
.f-opt-row--all-sel .f-opt-row__l{font-weight:750;color:#163d66}
.f-opt-row--all-sel .all-sel-sub{display:block;font-size:11px;font-weight:550;color:#2563eb;margin-top:1px}
.f-opt-row--all-sel .all-sel-pill{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:999px;background:#163d66;color:#ffffff;font-size:11px;font-weight:700}
.tb-crumb-bar{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:4px;font-size:12px;font-weight:600;color:#52525b}
.tb-crumb-bar button{color:#185e91;font-weight:650;background:transparent;border:0;padding:0;cursor:pointer;font-size:12px}
.tb-crumb-bar button:hover{text-decoration:underline}
.tb-crumb-bar .sep{color:#a1a1aa;margin:0 2px}
.tb-crumb-bar .cur{color:#09090b;font-weight:750}

/* ---------- Next'li (Alt Sayfalı / Route'lu) Filtre Sistemi ---------- */
.f-nav-list{display:flex;flex-direction:column;width:100%;background:#fff}
.f-nav-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:8px 12px;background:#fff;border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;transition:background .12s}
.f-nav-row:last-child{border-bottom:0}
.f-nav-row:hover{background:#f5f8fc}
.f-nav-row:active{background:#eaf2fa}
.f-nav-row__l{display:flex;align-items:center;gap:8px;min-width:0;flex:1}
.f-nav-row__ico{width:24px;height:24px;border-radius:3px;background:#f2f4f7;color:#185e91;display:grid;place-items:center;flex:none;font-size:12px}
.f-nav-row.is-set .f-nav-row__ico{background:var(--accent-soft);color:#185e91}
.f-nav-row__lbl{font-size:12.5px;font-weight:600;color:#222222;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-nav-row__r{display:flex;align-items:center;gap:5px;min-width:0;max-width:54%;flex-shrink:0}
.f-nav-row__val{font-size:12px;font-weight:400;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.f-nav-row.is-set .f-nav-row__val{color:#185e91;font-weight:700}
.f-nav-row__chev{color:var(--muted-2);flex:none;width:14px;height:14px}
.f-sub-wrap{display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;background:#fff}
.f-sub-top{padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface-2);display:flex;flex-direction:column;gap:8px}
.f-opt-list{display:flex;flex-direction:column;width:100%;max-width:100%;overflow-x:hidden;background:#fff}
.f-opt-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:100%;overflow:hidden;min-height:38px;padding:7px 12px;background:#fff;border:0;border-bottom:1px solid var(--line);text-align:left;font-size:12.5px;font-weight:500;color:#333333;cursor:pointer;transition:background .12s}
.f-opt-row:last-child{border-bottom:0}
.f-opt-row:hover{background:#f5f8fc}
.f-opt-row.on{background:var(--accent-soft);color:#185e91;font-weight:700}
.f-opt-row__l{display:flex;align-items:center;gap:8px;width:0;min-width:0;flex:1 1 0%;overflow:hidden}
.f-opt-row__r{display:flex;align-items:center;gap:6px;flex:none;font-size:11.5px;color:var(--muted)}
.f-opt-row.on .f-opt-row__r{color:#185e91;font-weight:700}
.f-swatch{width:15px;height:15px;border-radius:3px;border:1px solid rgba(0,0,0,.22);flex:none}
.f-back-inline{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#185e91;padding:3px 7px;margin-left:-6px;border-radius:3px;background:var(--accent-soft);border:1px solid #b8d4f0}
.card__price--sold{color:#b30000!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px}
.card__price--sold .sold-lbl{display:inline-flex;align-items:center;padding:1px 5px;border-radius:2px;background:#fdf0f0;border:1px solid #f0b8b8;color:#b30000;font-size:10px;font-weight:700}
.card__price--sold del{font-size:11px;color:var(--muted);font-weight:400}
.badge--sold{display:none!important}
.dt__sold-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:4px;background:#fdf7f7;border:1px solid #f0b8b8;margin:6px 0}
.dt__sold-banner .badge--sold-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:3px;background:#cc0000;color:#fff;font-weight:700;font-size:12px;flex:none}
.dt__sold-banner small{display:block;font-size:11.5px;color:#800000;font-weight:600}
.dt__sold-banner b{display:block;font-size:19px;font-weight:700;color:#b30000;line-height:1.15}
.dt__old-price{display:inline-block;font-size:12px;color:var(--muted);text-decoration:line-through;margin-top:2px}
.seller-card{display:flex;flex-direction:column;gap:10px}
.seller-card__top{display:flex;align-items:center;gap:10px}
.seller-card__btn{font-weight:600;border-color:#b8d4f0;color:#185e91;background:var(--accent-soft)}
.seller-card__btn:hover{background:#dfeaf7;border-color:#438ed8}
.seller-hero{display:flex;flex-direction:column;gap:10px;padding:16px;background:linear-gradient(135deg,#ffffff 0%,#f8fafc 100%);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh-1);margin-bottom:14px;width:100%;box-sizing:border-box}
.seller-hero--vitrin{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%)!important;color:#ffffff!important;border-color:#1e40af!important;box-shadow:0 8px 24px rgba(29,78,216,.18)!important}
.seller-hero__main{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-width:0;box-sizing:border-box;flex-wrap:wrap}
.seller-hero__top{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 260px}
.seller-hero__ava{width:52px!important;height:52px!important;border-radius:12px!important;flex-shrink:0!important;align-self:center!important;font-size:17px!important;font-weight:800!important}
.seller-hero--vitrin .seller-hero__ava{border:2px solid #fde68a!important;background:#ffffff!important;color:#1e3a8a!important;overflow:hidden!important;box-shadow:0 4px 12px rgba(0,0,0,.18)!important}
.seller-hero__info{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center;gap:3px}
.seller-hero__title{margin:0;font-size:18px;font-weight:850;letter-spacing:-.02em;line-height:1.25;color:#0f172a;display:block;word-break:break-word}
.seller-hero__nw{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;vertical-align:bottom}
.seller-hero--vitrin .seller-hero__title{color:#ffffff!important}
.seller-hero__badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:1px}
.seller-hero__owner{font-size:12px;font-weight:600;color:#475569;display:inline-flex;align-items:center;gap:3px}
.seller-hero--vitrin .seller-hero__owner{color:#e2e8f0}
.seller-hero--vitrin .seller-hero__owner b{color:#ffffff;font-weight:750}
.seller-hero__desc{font-size:12.5px;color:#334155;font-weight:600;line-height:1.36;margin-top:1px;word-break:break-word}
.seller-hero--vitrin .seller-hero__desc{color:#fef3c7}
.seller-hero__loc{font-size:12.2px;color:#475569;font-weight:500;display:flex;align-items:center;gap:4px;flex-wrap:nowrap;line-height:1.35;margin-top:1px;min-width:0}
.seller-hero__loc .ico{flex-shrink:0;width:13.5px;height:13.5px;color:#185e91}
.seller-hero__loc span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.seller-hero--vitrin .seller-hero__loc{color:#e2e8f0}
.seller-hero--vitrin .seller-hero__loc .ico{color:#fde68a}
.seller-hero__row2{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding-top:9px;border-top:1px solid #e2e8f0;box-sizing:border-box;flex-wrap:nowrap}
.seller-hero--vitrin .seller-hero__row2{border-top-color:rgba(255,255,255,.16)}
.seller-hero__meta-l{display:flex;align-items:center;gap:6px;min-width:0;flex:1}
.seller-hero__meta-pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seller-hero__meta-pill .ico{width:13.5px;height:13.5px;color:#64748b;flex-shrink:0}
.seller-hero__meta-pill b{color:#0f172a;font-weight:700}
.seller-hero--vitrin .seller-hero__meta-pill{color:#dbeafe}
.seller-hero--vitrin .seller-hero__meta-pill .ico{color:#fde68a}
.seller-hero--vitrin .seller-hero__meta-pill b{color:#ffffff}
.seller-hero__verified-pill{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px;border-radius:6px;background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;font-size:11.2px;font-weight:700;white-space:nowrap;flex-shrink:0}
.seller-hero--vitrin .seller-hero__verified-pill{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28);color:#fde68a}
.seller-hero__qrbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);min-width:0;flex:0 1 340px;box-sizing:border-box}
.seller-hero__qrbar-l{display:flex;align-items:center;gap:9px;min-width:0;flex:1;cursor:pointer}
.seller-hero__qrm{width:44px;height:44px;padding:3px;border-radius:8px;background:#ffffff;border:1.5px solid #fde68a;flex-shrink:0;display:grid;place-items:center;box-shadow:0 3px 8px rgba(0,0,0,.18)}
.seller-hero__qrm svg{width:100%;height:100%;display:block}
.seller-hero__qrt{min-width:0;flex:1}
.seller-hero__qrt b{display:block;font-size:12px;font-weight:800;color:#ffe800;line-height:1.2}
.seller-hero__qrt small{display:block;font-size:10.8px;color:rgba(255,255,255,.9);line-height:1.25;margin-top:2px}
.seller-hero__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;padding-top:10px;border-top:1px solid var(--line)}
.seller-hero__stats.stats--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.seller-hero--vitrin .seller-hero__stats{border-top-color:rgba(255,255,255,.16)}
.seller-stat{padding:8px 10px;border-radius:7px;background:#fff;border:1px solid var(--line);text-align:center;min-width:0}
.seller-hero--vitrin .seller-stat{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#ffffff}
.seller-stat b{display:block;font-size:16px;font-weight:800;color:#185e91;line-height:1.15}
.seller-hero--vitrin .seller-stat b{color:#ffffff}
.seller-hero--vitrin .seller-stat--act b{color:#ffe800}
.seller-hero--vitrin .seller-stat--sold b{color:#fca5a5}
.seller-stat small{display:block;font-size:11px;color:var(--muted);font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.seller-hero--vitrin .seller-stat small{color:#dbeafe}
.legal-wrap{max-width:100%;margin:0;width:100%;box-sizing:border-box}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:16px;box-shadow:var(--sh-1);line-height:1.6;font-size:13px;color:var(--ink-2);overflow-wrap:anywhere;word-break:break-word}
.legal-card h1{margin:0 0 10px;font-size:18px;line-height:1.25;color:var(--ink)}
.legal-card h4{margin:14px 0 5px;font-size:14px;color:var(--ink)}
.legal-card p{margin:0 0 8px}
.legal-card ul{margin:6px 0 10px;padding-left:18px}
.legal-card li{margin-bottom:5px}
.legal-card .toggle{flex-wrap:nowrap;align-items:center}
.legal-card .toggle span:first-child{flex:1;min-width:0}

/* ---------- Toast ---------- */
.toast{position:fixed;left:50%;bottom:calc(20px + var(--dock-h) + var(--safe-b));z-index:200;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#222222;color:#fff;padding:9px 14px;border-radius:3px;font-size:12.5px;font-weight:600;box-shadow:var(--sh-3);transition:all .25s var(--spring);max-width:calc(100vw - 28px);text-align:center}
.toast.on{opacity:1;transform:translate(-50%,0)}
.toast.err{background:#b30000}
.toast.ok{background:#2c7a26}

/* ---------- Anasayfa Sahibinden Tarzı Kategori Listesi & Next Sayfalı Alt Kategori Kutusu ---------- */
.home-cats-box{background:#ffffff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-1);margin-bottom:12px;overflow:hidden}
.hc-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;background:#f7f8fa;border-bottom:1px solid var(--line);font-size:12px;font-weight:700;color:#1e242b}
.hc-head small{font-size:11px;font-weight:500;color:#666666}
.hc-subbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#f8fafc;color:#09090b;border-bottom:1px solid #e2e8f0}
.hc-back{display:inline-flex;align-items:center;gap:5px;font-family:var(--font);font-size:12.5px;font-weight:700;color:#0f172a;background:#ffffff;border:1px solid #cbd5e1;border-radius:8px;min-height:32px;height:auto;padding:5px 12px;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04);white-space:nowrap;flex-shrink:0;line-height:1.2}
.hc-back:hover{background:#f8fafc;border-color:#94a3b8}
.hc-cur{font-size:12.5px;font-weight:700;color:#0f172a;display:inline-flex;align-items:center;gap:6px;min-width:0;flex:1 1 auto;justify-content:flex-end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-cur b{color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-tools{display:grid;grid-template-columns:1fr 1.35fr;gap:6px;padding:7px 10px;background:#f7f8fa;border-bottom:1px solid #e2e6ec}
.hc-tool-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:31px;padding:0 9px;background:#ffffff;border:1px solid #cfd6df;border-radius:3px;font-size:11.5px;font-weight:600;color:#1e242b;cursor:pointer;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-tool-btn:hover,.hc-tool-btn:active{background:#eef4fb;border-color:#163d66;color:#163d66}
.hc-tool-btn b{font-weight:700;color:#163d66;overflow:hidden;text-overflow:ellipsis}
.hc-tool-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#163d66;color:#ffffff;font-size:10px;font-weight:700;font-style:normal}
.hc-list{display:flex;flex-direction:column;background:#ffffff}
.hc-row{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;border:0;border-bottom:1px solid #eeeeee;background:#ffffff;text-align:left;cursor:pointer;transition:background .12s}
.hc-row:last-child{border-bottom:0}
.hc-row:hover,.hc-row:active{background:#f5f8fc}
.hc-ico{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none}
.hc-ico .ico{width:17px;height:17px}
.hc-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.hc-body b{font-size:13px;font-weight:700;color:#1e242b;line-height:1.2}
.hc-body small{font-size:11px;color:#777777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
.hc-right{display:flex;align-items:center;gap:5px;flex:none;color:#888888;font-size:11.5px;font-weight:500}
.hc-chev{width:15px;height:15px;color:#999999}
.hc-subrow{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:40px;padding:8px 12px;border:0;border-bottom:1px solid #eeeeee;background:#ffffff;text-align:left;font-size:12.5px;font-weight:500;color:#222222;cursor:pointer;transition:background .12s}
.hc-subrow:last-child{border-bottom:0}
.hc-subrow:hover,.hc-subrow:active{background:#f5f8fc}
.hc-subrow__t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.hc-subrow__t b{font-size:12.5px;font-weight:600;color:#1e242b}
.hc-subrow__t small{font-size:10.5px;color:#777777;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hc-subrow.on{background:var(--accent-soft);color:#163d66;font-weight:700}
.hc-subrow.on .hc-subrow__t b{color:#163d66;font-weight:700}
.hc-subrow.on .hc-right{color:#163d66;font-weight:700}

/* ---------- Giriş / Kayıt / Filtrele / Hesabım / İlan Ver / Mesajlar / Paketler Tam Sayfa Route Tasarımı ---------- */
body[data-view="auth"] .vitrin-footer,
body[data-view="auth"] #cookieBar,
body[data-view="filters"] .vitrin-footer,
body[data-view="filters"] .foot,
body[data-view="filters"] #cookieBar{display:none!important}
.flt-page{max-width:100%;margin:0;width:100%;min-width:0;box-sizing:border-box;background:#ffffff;border:0;border-radius:0;overflow:hidden;display:flex;flex-direction:column}
.sp-bar--filters{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);color:#ffffff;border-bottom:1px solid #1e40af;position:sticky;top:0;z-index:30}
.sp-bar--filters .flt-back-btn{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#ffffff;height:30px;padding:0 11px;border-radius:6px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:4px}
.sp-bar--filters .flt-back-btn .ico{color:#ffffff}
.sp-bar--filters .sp-title-mob{display:block;font-size:14px;font-weight:750;color:#ffffff;text-align:center;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flt-reset-top{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#ffffff;font-size:11.5px;font-weight:650;height:30px;padding:0 10px;border-radius:6px;cursor:pointer;flex-shrink:0}
.flt-page__body{flex:1;overflow-y:auto;overflow-x:hidden;background:#ffffff;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.flt-page__foot{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:4px 0 0;background:transparent;width:100%;box-sizing:border-box}
.auth-page{max-width:100%;margin:0;width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
.auth-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:22px;align-items:stretch;width:100%;min-width:0}
.auth-promo{background:linear-gradient(135deg,#0045e6 0%,#0072ff 55%,#00b4ff 100%);border:0;border-radius:22px;padding:32px 28px;box-shadow:0 14px 36px rgba(0,69,230,.2);display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0;color:#ffffff}
.auth-promo__badge{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);color:#ffffff;font-size:11.5px;font-weight:800}
.auth-promo h2{margin:12px 0 8px;font-size:26px;font-weight:850;line-height:1.22;color:#ffffff;letter-spacing:-.02em}
.auth-promo p{margin:0;font-size:14px;color:rgba(255,255,255,.9);line-height:1.55;font-weight:500}
.auth-perks{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.auth-perk{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}
.auth-perk__ico{width:38px;height:38px;border-radius:12px;background:#ffffff;color:#0052ff;display:grid;place-items:center;flex:none;box-shadow:0 4px 12px rgba(0,25,82,.18)}
.auth-perk b{display:block;font-size:13.5px;font-weight:850;color:#ffffff;margin-bottom:2px}
.auth-perk small{display:block;font-size:12px;color:rgba(255,255,255,.88);line-height:1.42}
.auth-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;padding:26px 24px;box-shadow:0 10px 30px rgba(15,23,42,.06);display:flex;flex-direction:column;justify-content:space-between;min-width:0;max-width:100%;box-sizing:border-box}
.wz-page{max-width:100%;margin:0;width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
.wz-card{background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:var(--sh-1);overflow:hidden;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.wz-card__head{padding:12px 16px;border-bottom:1px solid #1e40af;display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);color:#ffffff}
.wz-card__head h2{margin:0;font-size:15px;font-weight:700;color:#ffffff}
.wz-card__body{padding:16px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
.wz-card__foot{padding:10px 16px;border-top:1px solid var(--line);background:#f9f9f9;display:flex;gap:8px;align-items:center;width:100%;box-sizing:border-box}
.acc-page{max-width:100%;margin:0;width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
.chat-page{max-width:100%;margin:0;width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
.pkg-page{max-width:100%;margin:0;width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}
.pkg-page .wz-card__head{display:none!important}
.prem-badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;background:#ffffff;border:1px solid #e4e4e7;color:#09090b;font-family:var(--font);font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 1px 1.5px rgba(0,0,0,.03)}
.prem-badge .ico{width:12px;height:12px;color:#09090b}
.quota-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 14px;border-radius:4px;background:#fffef2;border:1px solid #e6d065;margin-bottom:10px}
.quota-bar--prem{background:#f5f9fd;border-color:#b8d4f0}
.quota-bar--warn{background:#fdf7f7;border-color:#f0b8b8}
.quota-bar__l,.quota-bar__txt{display:flex;flex-direction:column;gap:2px;min-width:200px;flex:1}
.quota-bar__tx b,.quota-bar__txt b{display:block;font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.3}
.quota-bar__tx small,.quota-bar__txt small{display:block;font-size:11.5px;color:var(--muted);line-height:1.4}
.prem-hero{background:#ffffff;border:1px solid #e4e4e7;color:#09090b;border-radius:6px;padding:16px;margin-bottom:14px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.prem-hero__tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;background:#ffffff;border:1px solid #e4e4e7;color:#09090b;font-size:11px;font-weight:600}
.prem-hero h3{margin:0;font-size:clamp(17px,1.9vw,22px);font-weight:700;line-height:1.25;color:#222222}
.prem-hero p{margin:0;font-size:12.5px;color:#555555;line-height:1.5;max-width:760px}
.prem-perks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:6px}
.prem-perk{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:4px;background:#ffffff;border:1px solid var(--line);box-shadow:var(--sh-1)}
.prem-perk .pi{width:26px;height:26px;border-radius:3px;background:#ffe800;border:1px solid #d9be00;color:#222222;display:grid;place-items:center;flex:none;margin-top:1px}
.prem-perk b{display:block;font-size:12px;font-weight:700;color:#222222;margin-bottom:2px}
.prem-perk small{display:block;font-size:11px;color:#666666;line-height:1.35}
table.prem-cmp{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff;font-size:12px}
table.prem-cmp th,table.prem-cmp td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line)}
table.prem-cmp thead th{background:#f7f7f7;font-size:11.5px;font-weight:700;color:var(--ink)}
table.prem-cmp tbody tr:last-child td{border-bottom:0}
table.prem-cmp td.yes{background:#fffef2;color:#222222;font-weight:700}
@media(max-width:680px){.prem-perks{grid-template-columns:1fr}table.prem-cmp th,table.prem-cmp td{padding:7px 8px;font-size:11px}}
.tb-prem{font-weight:700}
@media (max-width:900px){
  .auth-grid{grid-template-columns:1fr}
  .auth-promo{display:none}
  .auth-card{padding:16px 14px}
  .wz-card__body{padding:14px 12px}
  .wz-card__foot{padding:10px 12px}
  .prem-hero{padding:14px 12px}
}
@media (max-width:768px){
  .tb-prem{display:none!important}
}

/* ---------- Mobil dock & Hızlı Dropdown Filtreler (Sahibinden Mobil Standart Boyutlar) ---------- */
.dock,.mob-quick-filters,#mobQuickFilters{display:none!important}
.my-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:4px 0 8px;width:100%}
.my-filter-grid .chip{width:100%;height:28px;padding:0 7px;font-size:11.5px;justify-content:center;border-radius:6px}
@media (max-width:768px){
  :root{--top-h:74px;--dock-h:54px;--chip-h:0px}
  html,body{height:100dvh!important;max-height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;overscroll-behavior:none!important;position:fixed!important;inset:0!important;width:100%!important;font-size:14px!important;-webkit-text-size-adjust:100%!important}
  #chipbar,.chipbar,.chips,#chips,.mob-quick-filters,#mobQuickFilters,.active-filters,#activeFilters{display:none!important}
  #appTop{display:block!important;position:fixed!important;top:0!important;left:0!important;right:0!important;height:calc(var(--top-h) + env(safe-area-inset-top,0px))!important;z-index:9000!important;background:#ffffff!important;border-bottom:1px solid #dcdcdc!important}
  #dock{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:calc(var(--dock-h) + var(--safe-b))!important;z-index:9000!important;background:#ffffff!important;border-top:1px solid #dcdcdc!important;overflow:hidden!important}
  #appScroll{display:block!important;position:fixed!important;top:calc(var(--top-h) + env(safe-area-inset-top,0px))!important;bottom:calc(var(--dock-h) + var(--safe-b))!important;left:0!important;right:0!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;padding-top:0!important;padding-bottom:0!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;clip-path:inset(0)!important;z-index:1!important;background:var(--bg)!important}
  body[data-view="detail"] #appScroll{bottom:calc(var(--dock-h) + var(--safe-b) + 54px)!important;padding-bottom:0!important}
  .inp,.sel,.txa{font-size:16px!important}
  body[data-view="auth"] .vitrin-footer,body[data-view="auth"] #cookieBar,
  body[data-view="filters"] .vitrin-footer,body[data-view="filters"] .foot,body[data-view="filters"] #cookieBar{display:none!important}
}
.sold-page{max-width:100%;margin:0;width:100%;box-sizing:border-box}
.sold-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
@media(max-width:560px){.sold-choice-grid{grid-template-columns:1fr}}
.sold-choice{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:6px;background:#ffffff;border:1px solid #e4e4e7;color:#09090b;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.sold-choice:hover{border-color:#a1a1aa;background:#fafafa}
.sold-choice.on{border:1.5px solid #1d4ed8;background:#f8fafc;box-shadow:0 1px 3px rgba(29,78,216,.08)}
.sold-choice__dot{width:18px;height:18px;border-radius:50%;border:1.5px solid #a1a1aa;display:grid;place-items:center;flex:none;margin-top:1px;background:#fff}
.sold-choice.on .sold-choice__dot{border-color:#1d4ed8;background:#1d4ed8}
.sold-choice.on .sold-choice__dot::after{content:"";width:6px;height:6px;border-radius:50%;background:#ffffff}
.sold-choice__txt b{display:block;font-size:13px;font-weight:700;color:#09090b;margin-bottom:2px}
.sold-choice__txt small{display:block;font-size:11.5px;color:#52525b;line-height:1.35}
.sold-anim-box{padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;position:relative;overflow:hidden;animation:soldFadeIn .28s var(--ease) both}
.sold-check-wrap{width:68px;height:68px;border-radius:50%;background:#ffffff;border:2px solid #1d4ed8;display:grid;place-items:center;box-shadow:0 4px 14px rgba(29,78,216,.12);animation:soldPop .45s var(--spring) both}
.sold-check-svg{width:34px;height:34px;stroke:#1d4ed8;stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:soldDraw .45s .15s ease forwards}
.sold-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sold-confetti i{position:absolute;top:50%;left:50%;width:7px;height:7px;border-radius:2px;background:#1d4ed8;opacity:0;animation:soldBurst .85s ease-out forwards}
@keyframes soldFadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes soldPop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.08);opacity:1}100%{transform:scale(1);opacity:1}}
@keyframes soldDraw{to{stroke-dashoffset:0}}
@keyframes soldBurst{0%{transform:translate(-50%,-50%) scale(0);opacity:1}100%{transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(1);opacity:0}}
.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(0,0,0,.12);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
/* ============================================================================
   İLK GİRİŞ 1.5 SANİYE KARŞILAMA & GÜVENLİK BANNERI (E-TİCARET BİREBİR KOPYA)
   ============================================================================ */
.mobile-initial-splash{
  position:fixed;inset:0;width:100vw;height:100dvh;z-index:99999;background:rgba(9,9,11,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
  display:none;align-items:center;justify-content:center;opacity:1;overflow:hidden;box-sizing:border-box;
  transition:opacity .32s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);
}
.mobile-initial-splash *,.mobile-initial-splash *::before,.mobile-initial-splash *::after{box-sizing:border-box}
.mobile-initial-splash.active{display:flex}
.mobile-initial-splash.closing{opacity:0;transform:scale(1.015);pointer-events:none}
.mobile-splash-fullscreen{
  width:100%;max-width:440px;height:100%;max-height:100dvh;min-width:0;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(14px + env(safe-area-inset-bottom,0px));
  background:radial-gradient(circle at 50% 0%,#fffdf5 0%,#f8fafc 55%,#f1f5f9 100%);
  color:#0f172a;position:relative;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.28);
}
@media(min-width:769px){
  .mobile-splash-fullscreen{height:auto;min-height:590px;max-height:92dvh;border-radius:22px;border:1px solid #e2e8f0;padding:18px 20px}
}
@media(max-width:768px){
  .mobile-initial-splash{background:#f8fafc;backdrop-filter:none;-webkit-backdrop-filter:none}
  .mobile-splash-fullscreen{max-width:100vw;width:100vw;box-shadow:none}
}
.mobile-splash-topbar{display:flex;align-items:center;gap:10px;width:100%;min-width:0;z-index:2;flex-shrink:0}
.mobile-splash-close-btn{
  width:34px;height:34px;border-radius:50%;background:#ffffff;border:1px solid #cbd5e1;
  color:#0f172a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;
  padding:0;box-shadow:0 1px 2px rgba(15,23,42,.05);transition:background .15s ease,transform .15s ease;
}
.mobile-splash-close-btn:active{background:#f1f5f9;transform:scale(.95)}
.mobile-splash-progress-track{flex:1;min-width:0;height:5px;border-radius:999px;background:#e2e8f0;overflow:hidden;position:relative}
.mobile-splash-progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,#163d66 0%,#185e91 55%,#d97706 100%);transition:width .06s linear}
.mobile-splash-center{
  flex:1;width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:9px;padding:6px 0;min-height:0;overflow:hidden;
}
.mobile-splash-badge{
  display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 10px;border-radius:999px;
  background:#fef3c7;border:1px solid #f59e0b;color:#92400e;font-size:10.5px;font-weight:800;letter-spacing:.01em;max-width:100%;
}
.mobile-splash-badge svg{width:13px;height:13px;flex-shrink:0}
.mobile-splash-img-wrap{
  width:100%;max-width:100%;min-width:0;border-radius:14px;overflow:hidden;
  background:#ffffff;border:1px solid #e2e8f0;padding:7px;
  box-shadow:0 8px 22px rgba(15,23,42,.07);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex-shrink:0;
}
.mobile-splash-grid-item{
  position:relative;width:100%;min-width:0;height:96px;border-radius:9px;overflow:hidden;background:#f1f5f9;border:1px solid #e2e8f0;
}
.mobile-splash-grid-item img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:cover;display:block}
.mobile-splash-grid-item span{
  position:absolute;left:4px;bottom:4px;right:4px;padding:3px 5px;border-radius:5px;
  background:rgba(9,9,11,.80);backdrop-filter:blur(3px);color:#ffffff;font-size:10px;font-weight:700;
  display:flex;align-items:center;justify-content:center;gap:4px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.mobile-splash-grid-item span svg{width:11px;height:11px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2}
.mobile-splash-title{
  font-size:15.5px;font-weight:800;color:#0f172a;line-height:1.24;letter-spacing:-.015em;margin:0;width:100%;
}
.mobile-splash-alerts{
  width:100%;min-width:0;display:flex;flex-direction:column;gap:6px;text-align:left;
}
.mobile-splash-alert{
  display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;width:100%;min-width:0;
  background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 2px 5px rgba(15,23,42,.04);
}
.mobile-splash-alert--danger{background:#fff1f2;border-color:#fecdd3}
.mobile-splash-alert--warn{background:#fffbeb;border-color:#fde68a}
.mobile-splash-alert__ic{
  width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;margin-top:1px;
}
.mobile-splash-alert__ic svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.mobile-splash-alert--danger .mobile-splash-alert__ic{background:#ffe4e6;color:#be123c}
.mobile-splash-alert--warn .mobile-splash-alert__ic{background:#fef3c7;color:#b45309}
.mobile-splash-alert__tx{font-size:11px;line-height:1.34;color:#1e293b;font-weight:500;flex:1;min-width:0}
.mobile-splash-alert__tx b{display:block;font-size:11.5px;font-weight:800;color:#09090b;margin-bottom:1px}
.mobile-splash-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:0;z-index:2;flex-shrink:0}
.mobile-splash-foot-note{font-size:11px;font-weight:700;color:#475569;display:flex;align-items:center;gap:5px}
.mobile-splash-round-btn{
  width:42px;height:42px;border-radius:50%;background:#ffffff;color:#09090b;border:1.5px solid #09090b;
  display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;
  box-shadow:0 4px 12px rgba(9,9,11,.12);transition:transform .15s ease,background .15s ease;
}
.mobile-splash-round-btn:active{transform:scale(.94);background:#f4f4f5}
/* ---------- Mobil Aşağı Çek Yenile (Pull-to-Refresh — Google Antigravity) ---------- */
.ptr-indicator{
  position:fixed;top:calc(var(--top-h,74px) + env(safe-area-inset-top,0px) - 44px);left:50%;
  transform:translate3d(-50%,0,0) scale(.92);opacity:0;pointer-events:none;z-index:9200;
  display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:999px;
  background:#ffffff;border:1.5px solid #09090b;color:#09090b;font-family:var(--font);
  font-size:11.5px;font-weight:650;letter-spacing:-.01em;
  box-shadow:0 8px 22px rgba(9,9,11,.14),0 2px 6px rgba(9,9,11,.06);
  transition:transform .2s var(--ease),opacity .18s var(--ease);
}
.ptr-indicator.is-dragging{transition:none}
.ptr-indicator__ic{width:15px;height:15px;display:inline-flex;align-items:center;justify-content:center;color:#09090b;transition:transform .18s var(--ease)}
.ptr-indicator.is-ready .ptr-indicator__ic{transform:rotate(180deg)}
.ptr-indicator.is-refreshing .ptr-indicator__ic{animation:ptrSpin .65s linear infinite}
@keyframes ptrSpin{to{transform:rotate(360deg)}}
#homeCatBox,.home-cats-box{display:none!important}
/* ---------- Satıcı / İlan Şikayet Et Butonu & Modalı ---------- */
.btn-report-seller{
  width:100%;margin-top:8px;height:36px;padding:0 12px;border-radius:8px;
  border:1px solid #fecdd3;background:#fff1f2;color:#be123c;
  font-family:var(--font);font-size:12.2px;font-weight:700;letter-spacing:-.01em;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .12s ease;
}
.btn-report-seller:hover{background:#ffe4e6;border-color:#fda4af;color:#9f1239}
.btn-report-seller:active{transform:scale(.98)}
.btn-report-seller--hero{width:auto;margin-top:0;height:28px;padding:0 10px;border-radius:6px;font-size:11.5px;font-weight:700;gap:5px;flex-shrink:0;white-space:nowrap}
.rep-modal{
  position:fixed;inset:0;z-index:9600;background:rgba(9,9,11,.62);backdrop-filter:blur(4px);
  display:none;align-items:center;justify-content:center;padding:14px;
}
.rep-modal.on{display:flex}
.rep-modal__card{
  width:100%;max-width:480px;max-height:90vh;background:#ffffff;border-radius:16px;
  border:1px solid #e4e4e7;box-shadow:0 22px 50px rgba(9,9,11,.28);
  display:flex;flex-direction:column;overflow:hidden;
}
.rep-modal__head{
  padding:14px 16px;background:linear-gradient(135deg,#be123c 0%,#9f1239 100%);color:#ffffff;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.rep-modal__head h3{margin:0;font-size:14.5px;font-weight:800;display:flex;align-items:center;gap:7px}
.rep-modal__close{
  width:30px;height:30px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;
  border:0;display:grid;place-items:center;cursor:pointer;font-weight:800;
}
.rep-modal__body{padding:15px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}
.rep-target{
  padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;
  font-size:12.2px;line-height:1.45;color:#1e293b;
}
.rep-target b{color:#09090b;font-weight:750}
.rep-cats{display:flex;flex-direction:column;gap:6px}
.rep-cat-btn{
  width:100%;text-align:left;padding:9px 12px;border-radius:9px;
  border:1.5px solid #e4e4e7;background:#ffffff;color:#18181b;
  font-family:var(--font);font-size:12.3px;font-weight:600;
  display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;
  transition:all .14s ease;
}
.rep-cat-btn:hover{border-color:#fda4af;background:#fff1f2}
.rep-cat-btn.on{border-color:#be123c;background:#fff1f2;color:#9f1239;font-weight:750}
.rep-cat-btn .rep-dot{
  width:16px;height:16px;border-radius:999px;border:2px solid #cbd5e1;flex-shrink:0;
  display:grid;place-items:center;
}
.rep-cat-btn.on .rep-dot{border-color:#be123c;background:#be123c}
.rep-cat-btn.on .rep-dot::after{content:"";width:6px;height:6px;border-radius:999px;background:#fff}
.rep-modal__foot{
  padding:12px 16px;background:#f8fafc;border-top:1px solid #e4e4e7;
  display:flex;align-items:center;justify-content:flex-end;gap:8px;
}
/* ---------- Bildirim & Mesaj Sola Kaydır Sil + İlgili İlan Kartı + Telefon Gizlilik ---------- */
.thr-sec-bar{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:8px 12px;background:#f8fafc;border-bottom:1px solid var(--line);
  font-size:11.5px;font-weight:750;color:#09090b;
}
.thr-sec-bar__acts{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.thr-del-all-btn{
  height:24px;padding:0 8px;border-radius:6px;border:1px solid #fecdd3;
  background:#fff1f2;color:#be123c;font-family:var(--font);font-size:10.8px;font-weight:750;
  display:inline-flex;align-items:center;gap:4px;cursor:pointer;transition:all .14s ease;
}
.thr-del-all-btn:hover{background:#ffe4e6;border-color:#fda4af}
.thr-swipe-hint{
  padding:5px 12px;background:#fffbeb;border-bottom:1px solid #fef3c7;
  font-size:10.8px;font-weight:600;color:#92400e;display:flex;align-items:center;justify-content:space-between;gap:6px;
}
.thr-swipe-item{
  position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:#be123c;
  touch-action:pan-y;user-select:none;
}
.thr-swipe-track{
  position:relative;z-index:2;background:#ffffff;width:100%;
  display:flex;align-items:stretch;
  transition:transform .18s cubic-bezier(.16,1,.3,1);
  will-change:transform;
}
.thr-swipe-item.swiped .thr-swipe-track{transform:translateX(-82px)}
.thr-swipe-track>.thr{border-bottom:0;flex:1;min-width:0}
.thr-swipe-del{
  position:absolute;top:0;right:0;bottom:0;width:82px;z-index:1;
  background:linear-gradient(135deg,#e11d48 0%,#be123c 100%);color:#ffffff;border:0;
  font-family:var(--font);font-size:11.5px;font-weight:800;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  cursor:pointer;padding:0 6px;
}
.thr-swipe-del svg{width:16px;height:16px}
.thr__quick-del{
  width:30px;height:30px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;
  color:#64748b;display:grid;place-items:center;flex-shrink:0;cursor:pointer;
  align-self:center;margin-right:8px;transition:all .14s ease;
}
.thr__quick-del:hover{background:#fff1f2;border-color:#fecdd3;color:#be123c}
.thr__ilan-pill{
  margin-top:3px;margin-bottom:3px;padding:3px 7px;border-radius:6px;
  background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;
  font-size:11px;font-weight:700;display:flex;align-items:center;gap:5px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;
}
.thr__ilan-pill b{font-weight:800;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thr__ilan-pill span{color:#1d4ed8;font-weight:800;flex-shrink:0}
.conv__ilan-card{
  display:flex;align-items:center;gap:10px;padding:9px 14px;
  background:linear-gradient(180deg,#f0f7ff 0%,#e0f2fe 100%);
  border-bottom:1.5px solid #bae6fd;flex-shrink:0;
}
.conv__ilan-card img{
  width:46px;height:46px;border-radius:8px;object-fit:cover;
  border:1px solid #93c5fd;background:#fff;flex-shrink:0;cursor:pointer;
}
.conv__ilan-card__body{flex:1;min-width:0}
.conv__ilan-card__tag{
  font-size:10px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;
  color:#0369a1;display:flex;align-items:center;gap:5px;
}
.conv__ilan-card__title{
  font-size:12.8px;font-weight:800;color:#0f172a;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;
}
.conv__ilan-card__price{
  font-size:12px;font-weight:800;color:#163d66;margin-top:1px;
}
.conv__ilan-card__go{
  height:30px;padding:0 10px;border-radius:8px;background:#163d66;color:#ffffff;
  border:0;font-family:var(--font);font-size:11.3px;font-weight:750;
  display:inline-flex;align-items:center;gap:4px;cursor:pointer;flex-shrink:0;
  white-space:nowrap;
}
.conv__ilan-card__go:hover{background:#0f2942}
.w-tel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}
@media(max-width:640px){.w-tel-grid{grid-template-columns:1fr}}
.w-tel-opt{
  text-align:left;padding:11px 12px;border-radius:10px;border:1.5px solid #cbd5e1;
  background:#ffffff;color:#0f172a;font-family:var(--font);cursor:pointer;
  display:flex;align-items:flex-start;gap:10px;transition:all .14s ease;
}
.w-tel-opt:hover{border-color:#94a3b8;background:#f8fafc}
.w-tel-opt.on{border-color:#163d66;background:#eff6ff;box-shadow:0 0 0 2px rgba(22,61,102,.1)}
.w-tel-opt__dot{
  width:18px;height:18px;border-radius:999px;border:2px solid #94a3b8;
  display:grid;place-items:center;flex-shrink:0;margin-top:2px;
}
.w-tel-opt.on .w-tel-opt__dot{border-color:#163d66;background:#163d66}
.w-tel-opt.on .w-tel-opt__dot::after{content:"";width:6px;height:6px;border-radius:999px;background:#fff}
.w-tel-opt__txt b{display:block;font-size:12.8px;font-weight:800;color:#09090b;line-height:1.25}
.w-tel-opt__txt small{display:block;font-size:11.3px;color:#475569;font-weight:500;line-height:1.35;margin-top:3px}
/* ---------- Akıllı KKTC Konum Seçici Modalı (#locModal — Kompakt · Sadece Şehirler · Taşmasız) ---------- */
.loc-modal{
  position:fixed;inset:0;z-index:10050;background:rgba(9,9,11,.56);backdrop-filter:blur(4px);
  display:none;align-items:center;justify-content:center;
  padding:max(14px,env(safe-area-inset-top,14px)) 14px max(14px,env(safe-area-inset-bottom,14px));
}
.loc-modal.on{display:flex}
.loc-modal__card{
  width:100%;max-width:380px;max-height:calc(100dvh - 32px);background:#ffffff;border-radius:14px;
  border:1px solid #e4e4e7;box-shadow:0 20px 48px rgba(9,9,11,.28);
  display:flex;flex-direction:column;overflow:hidden;animation:locPop .15s cubic-bezier(.16,1,.3,1);
}
@keyframes locPop{from{opacity:0;transform:scale(.96) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}
.loc-modal__head{
  padding:11px 14px;background:#163d66;color:#ffffff;
  display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;
}
.loc-modal__title{display:flex;align-items:center;gap:8px;min-width:0}
.loc-modal__title-ic{
  width:28px;height:28px;border-radius:8px;background:rgba(255,232,0,.18);color:#ffe800;
  border:1px solid rgba(255,232,0,.38);display:grid;place-items:center;flex-shrink:0;
}
.loc-modal__title h3{margin:0;font-size:14px;font-weight:800;letter-spacing:-.01em;color:#fff;line-height:1.2}
.loc-modal__title small{display:block;font-size:10.8px;color:rgba(255,255,255,.8);font-weight:500;margin-top:1px;line-height:1.2}
.loc-modal__close{
  width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.15);color:#fff;
  border:0;display:grid;place-items:center;cursor:pointer;font-size:13px;font-weight:800;flex-shrink:0;
  transition:background .14s ease;
}
.loc-modal__close:hover{background:rgba(255,255,255,.28)}
.loc-modal__body{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:9px}
.loc-auto-btn{
  width:100%;padding:10px 11px;border-radius:10px;
  background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);
  border:1.5px solid #60a5fa;color:#0f2942;
  display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer;
  font-family:var(--font);transition:all .14s ease;
}
.loc-auto-btn:hover{border-color:#1d4ed8;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}
.loc-auto-btn:active{transform:scale(.99)}
.loc-auto-btn__ic{
  width:34px;height:34px;border-radius:8px;background:#1d4ed8;color:#ffffff;
  display:grid;place-items:center;flex-shrink:0;box-shadow:0 3px 8px rgba(29,78,216,.24);
}
.loc-auto-btn__tx{flex:1;min-width:0}
.loc-auto-btn__tx b{display:block;font-size:12.6px;font-weight:800;color:#0f172a;letter-spacing:-.01em;line-height:1.2}
.loc-auto-btn__tx small{display:block;font-size:10.6px;color:#334155;margin-top:2px;line-height:1.25}
.loc-auto-btn__pill{
  padding:5px 9px;border-radius:7px;background:#1d4ed8;color:#ffffff;
  font-size:10.8px;font-weight:800;white-space:nowrap;flex-shrink:0;
}
.loc-all-btn{
  width:100%;height:38px;padding:0 11px;border-radius:9px;
  border:1.5px solid #e4e4e7;background:#f8fafc;color:#09090b;
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-family:var(--font);font-size:12.4px;font-weight:750;cursor:pointer;transition:all .12s ease;
}
.loc-all-btn:hover{border-color:#94a3b8;background:#f1f5f9}
.loc-all-btn.on{border-color:#163d66;background:#f0f7ff;color:#0f2942}
.loc-sec-lbl{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin:1px 2px -3px}
.loc-city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.loc-city-btn{
  width:100%;height:42px;padding:0 10px;border-radius:9px;
  border:1.5px solid #e4e4e7;background:#ffffff;color:#09090b;
  display:flex;align-items:center;justify-content:space-between;gap:6px;
  font-family:var(--font);font-size:12.8px;font-weight:750;cursor:pointer;text-align:left;
  transition:all .12s ease;
}
.loc-city-btn:hover{border-color:#93c5fd;background:#f8fafc}
.loc-city-btn:active{transform:scale(.98)}
.loc-city-btn.on{border-color:#163d66;background:#163d66;color:#ffffff;box-shadow:0 3px 10px rgba(22,61,102,.18)}
.loc-city-btn__l{display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.loc-city-dot{
  width:22px;height:22px;border-radius:6px;background:#f1f5f9;color:#163d66;
  display:grid;place-items:center;flex-shrink:0;
}
.loc-city-btn.on .loc-city-dot{background:rgba(255,232,0,.2);color:#ffe800}
.loc-city-btn__r{font-size:11px;font-weight:800;color:#94a3b8;display:inline-flex;align-items:center;flex-shrink:0}
.loc-city-btn.on .loc-city-btn__r{color:#ffe800}
.locbtn.is-active{border-color:#163d66!important;background:#f0f7ff!important;color:#0f2942!important;font-weight:800!important}

/* === HOBIBUY.COM DİL SEÇİCİ DROPDOWN (TR / EN / EL / DE) === */
.ag-lang-dropdown-wrap{position:relative;display:inline-flex;align-items:center;flex-shrink:0;z-index:9600}
.ag-lang-btn{
  display:inline-flex;align-items:center;gap:4px;
  height:32px;padding:0 9px;border-radius:6px;
  background:#ffffff;border:1px solid #e4e4e7;color:#09090b;
  font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.01em;
  cursor:pointer;user-select:none;white-space:nowrap;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.ag-lang-btn:hover{background:#fafafa;border-color:#a1a1aa}
.ag-lang-Dropdown-wrap.is-open .ag-lang-btn,
.ag-lang-dropdown-wrap.is-open .ag-lang-btn{background:#f4f4f5;border-color:#09090b}
.ag-lang-globe{width:13.5px;height:13.5px;color:#163d66;flex-shrink:0}
.ag-lang-chevron{width:11px;height:11px;color:#71717a;flex-shrink:0;transition:transform .2s ease}
.ag-lang-dropdown-wrap.is-open .ag-lang-chevron{transform:rotate(180deg);color:#09090b}
.ag-lang-menu{
  position:absolute;top:calc(100% + 6px);right:0;
  min-width:176px;padding:5px;
  background:#ffffff;border:1px solid #e4e4e7;border-radius:10px;
  box-shadow:0 14px 34px rgba(9,9,11,.14),0 2px 6px rgba(9,9,11,.06);
  display:flex;flex-direction:column;gap:2px;
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateY(-6px) scale(.98);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
  z-index:9950;
}
.ag-lang-dropdown-wrap.is-open .ag-lang-menu{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translateY(0) scale(1);
}
.ag-lang-option{
  display:flex;align-items:center;gap:8px;width:100%;
  padding:8px 10px;border:0;border-radius:7px;
  background:transparent;color:#18181b;
  font-family:inherit;font-size:12.5px;font-weight:600;text-align:left;
  cursor:pointer;transition:background .14s ease,color .14s ease;
}
.ag-lang-option:hover{background:#f4f4f5;color:#09090b}
.ag-lang-option.is-active{background:#eff6ff;color:#163d66;font-weight:750}
.ag-lang-flag{font-size:15px;line-height:1;flex-shrink:0}
.ag-lang-name{flex:1;white-space:nowrap}
.ag-lang-check{font-size:12px;font-weight:800;color:#163d66;opacity:0;transition:opacity .14s ease}
.ag-lang-option.is-active .ag-lang-check{opacity:1}

/* === YILLIK 10.000 TL KURUMSAL VİTRİN & GALERİ PAKETİ (BANNER SLAYT · ŞİRKET LOGOSU · MAĞAZA QR KODU · VİTRİNİM) === */
.vitrin-tag-ag{
  display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:999px;
  background:linear-gradient(135deg,#1d4ed8 0%,#1e3a8a 100%);border:1px solid #ffe800;
  color:#ffe800;font-size:10.5px;font-weight:800;letter-spacing:.02em;white-space:nowrap;
  box-shadow:0 2px 6px rgba(29,78,216,.22);
}
.vitrin-tag-ag svg{width:11.5px;height:11.5px;color:#ffe800;flex-shrink:0}
.card__corp-bar{
  display:flex;align-items:center;gap:5px;padding:3.5px 6px;margin-top:2px;border-radius:6px;
  background:linear-gradient(90deg,#f0f7ff 0%,#fffbeb 100%);border:1px solid #bfdbfe;
  font-size:10.2px;font-weight:750;color:#163d66;min-width:0;overflow:hidden;
}
.card__corp-logo{
  width:15px;height:15px;border-radius:4px;object-fit:cover;border:1px solid #cbd5e1;background:#fff;flex-shrink:0;
}
.card__corp-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}

/* Arama ve Kategori Üstünde Kurumsal Vitrin Mağaza & Banner Slaytı */
.vitrin-magaza-sec{margin:0 0 12px;display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.vitrin-showcase-card{
  background:#ffffff;border:1.5px solid #1d4ed8;border-radius:12px;overflow:hidden;
  box-shadow:0 8px 24px rgba(29,78,216,.10);width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
.vitrin-showcase-head,.vitrin-showcase-card__top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;
  background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);color:#ffffff;flex-wrap:wrap;width:100%;box-sizing:border-box;
}
.vitrin-showcase-brand,.vitrin-showcase-card__brand{display:flex;align-items:center;gap:11px;min-width:0;flex:1}
.vitrin-showcase-logo,.vitrin-showcase-card__logo{
  width:44px;height:44px;border-radius:10px;background:#ffffff;border:2px solid #ffe800;
  object-fit:cover;flex-shrink:0;display:grid;place-items:center;color:#1d4ed8;font-weight:900;font-size:15px;overflow:hidden;
}
.vitrin-showcase-logo img,.vitrin-showcase-card__logo img{width:100%;height:100%;object-fit:cover;display:block}
.vitrin-showcase-info,.vitrin-showcase-card__info{min-width:0;flex:1}
.vitrin-showcase-title,.vitrin-showcase-card__title{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14.5px;font-weight:850;color:#ffffff;line-height:1.2;
}
.vitrin-showcase-title a,.vitrin-showcase-card__title a{color:#ffffff;text-decoration:none}
.vitrin-showcase-title a:hover,.vitrin-showcase-card__title a:hover{text-decoration:underline}
.vitrin-showcase-sub,.vitrin-showcase-card__sub{
  font-size:11.5px;color:#fef3c7;font-weight:600;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.vitrin-showcase-card__stats{
  display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11px;color:#e0f2fe;margin-top:3px;
}
.vitrin-showcase-card__stats b{color:#ffffff;font-weight:800}
.vitrin-showcase-acts,.vitrin-showcase-card__acts{display:flex;align-items:center;gap:7px;flex-wrap:wrap;flex-shrink:0}

/* Kurumsal Şirket Banner Slaytı (Arama, İlan Detayı ve Satıcı Mağazasında Ortak) */
.corp-slider{position:relative;width:100%;max-width:100%;min-width:0;background:#1e3a8a;overflow:hidden;border-radius:0;box-sizing:border-box}
.corp-slider--store{border-radius:12px;border:1.5px solid #1d4ed8;box-shadow:0 6px 20px rgba(29,78,216,.12)}
.corp-slider__track{
  display:flex;width:100%;max-width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;
}
.corp-slider__track::-webkit-scrollbar{display:none}
.corp-slide,.corp-slider__slide{
  position:relative;flex:0 0 100%;width:100%;min-width:100%;max-width:100%;scroll-snap-align:start;
  height:160px;display:flex;align-items:flex-end;overflow:hidden;background:#1e3a8a;
}
.corp-slider--compact .corp-slide,.corp-slider--compact .corp-slider__slide{height:132px}
.corp-slider--store .corp-slide,.corp-slider--store .corp-slider__slide{height:195px}
.corp-slide img,.corp-slider__slide img{
  position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover;object-position:center;display:block;
}
.corp-slide::after,.corp-slider__slide::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(30,58,138,.06) 0%,rgba(30,58,138,.40) 50%,rgba(23,37,84,.84) 100%);
}
.corp-slide__txt,.corp-slider__cap{
  position:relative;z-index:2;padding:11px 48px;width:100%;box-sizing:border-box;color:#ffffff;
  display:flex;flex-direction:column;justify-content:flex-end;gap:2px;pointer-events:none;
}
.corp-slide__txt b,.corp-slider__cap b{
  display:block;font-size:14.5px;font-weight:850;color:#ffe800;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.65);
}
.corp-slide__txt small,.corp-slider__cap span{
  display:block;font-size:11.6px;font-weight:600;color:rgba(255,255,255,.94);line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.55);
}
.corp-slider__nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;border-radius:999px;
  background:rgba(255,255,255,.92);border:1px solid #cbd5e1;color:#1e3a8a;display:grid;place-items:center;
  box-shadow:0 2px 8px rgba(0,0,0,.28);cursor:pointer;transition:transform .14s ease,background .14s ease;
}
.corp-slider__nav:hover{background:#ffe800;transform:translateY(-50%) scale(1.06)}
.corp-slider__nav.l{left:10px}
.corp-slider__nav.r{right:10px}
.corp-slider__dots{
  position:absolute;top:10px;right:12px;z-index:3;display:flex;gap:5px;
  background:rgba(30,58,138,.65);padding:4px 8px;border-radius:999px;backdrop-filter:blur(4px);
}
.corp-slider__dots i,.corp-slider__dots button{
  width:7px;height:7px;padding:0;border:0;border-radius:999px;background:rgba(255,255,255,.48);
  cursor:pointer;transition:all .18s ease;display:block;
}
.corp-slider__dots i.on,.corp-slider__dots button.on{width:18px;background:#ffe800}

/* İlan (Araç/Ürün) Detayında Kurumsal Vitrin, Şirket Banner Slaytı & QR Kodu Kutusu */
.dt,.dt__gal,.dt__info,.dt-pane{min-width:0;max-width:100%;box-sizing:border-box}
.dt-vitrin-cap{
  display:flex;align-items:center;gap:10px;padding:10px 14px;width:100%;box-sizing:border-box;
  background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);color:#ffffff;min-width:0;
  text-decoration:none;border-bottom:2px solid #facc15;position:relative;transition:filter .15s ease;
}
.dt-vitrin-cap:hover{filter:brightness(1.04)}
.dt-vitrin-cap__go{
  display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border-radius:7px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,232,0,.68);color:#ffe800;
  font-size:11.5px;font-weight:800;white-space:nowrap;flex-shrink:0;
}
.dt-vitrin-box{
  margin:10px 0 12px;border:1.5px solid #1d4ed8;border-radius:11px;background:#ffffff;overflow:hidden;
  box-shadow:0 6px 18px rgba(29,78,216,.12);width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
.dt-vitrin-box__head{
  display:flex;align-items:center;gap:10px;padding:9px 12px;width:100%;box-sizing:border-box;
  background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);color:#ffffff;min-width:0;
}
.dt-vitrin-box__logo{
  width:38px;height:38px;border-radius:9px;background:#ffffff;border:1.5px solid #ffe800;
  overflow:hidden;flex-shrink:0;display:grid;place-items:center;color:#1d4ed8;font-weight:900;font-size:13px;
}
.dt-vitrin-box__logo img{width:100%;height:100%;object-fit:cover;display:block}
.dt-vitrin-box__meta{min-width:0;flex:1;overflow:hidden}
.dt-vitrin-box__name{
  display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:13.2px;font-weight:850;color:#ffffff;line-height:1.2;word-break:break-word;
}
.dt-vitrin-box__desc{
  font-size:11px;color:#fef3c7;font-weight:600;margin-top:2px;overflow:hidden;text-overflow:ellipsis;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;line-height:1.3;word-break:break-word;
}
.dt-vitrin-qr-strip{
  display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;width:100%;box-sizing:border-box;
  background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 60%,#0369a1 100%);border-top:1px solid rgba(255,255,255,.18);flex-wrap:wrap;
}
.dt-vitrin-qr-strip__l{
  display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 200px;
}
@media(max-width:640px){
  .dt-vitrin-qr-strip{flex-direction:column;align-items:stretch;gap:8px}
  .dt-vitrin-qr-strip__l{flex:none;width:100%;min-width:0}
  .dt-vitrin-qr-strip > div:last-child{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px!important;width:100%}
  .dt-vitrin-qr-strip > div:last-child .btn{width:100%;min-width:0;justify-content:center}
}
.dt-vitrin-qr-mini{
  width:46px;height:46px;padding:3px;border-radius:7px;background:#ffffff;border:1.5px solid #ffe800;
  flex-shrink:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.22);
}
.dt-vitrin-qr-mini svg{width:100%;height:100%;display:block}
.dt-vitrin-qr-txt{min-width:0;flex:1}
.dt-vitrin-qr-txt b{display:block;font-size:11.8px;font-weight:800;color:#ffe800;line-height:1.2;word-break:break-word}
.dt-vitrin-qr-txt small{display:block;font-size:10.5px;color:rgba(255,255,255,.92);margin-top:1.5px;line-height:1.25;word-break:break-word}
.qr-modal__acts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;margin-top:4px}
.qr-stand-card h4{margin:2px 0 0;font-size:16px;font-weight:900;color:#1e3a8a}
.qr-stand-card small{font-size:11.5px;color:#475569;line-height:1.35;max-width:320px}

/* Mağaza QR Kodu Görüntüleme, İndirme ve Yazdırma Modalı (#qrModal) */
.qr-modal{
  position:fixed;inset:0;z-index:10100;background:rgba(30,58,138,.62);backdrop-filter:blur(5px);
  display:none;align-items:center;justify-content:center;padding:14px;
}
.qr-modal.on{display:flex}
.qr-modal__card{
  width:100%;max-width:410px;max-height:92vh;background:#ffffff;border-radius:16px;
  border:1px solid #bfdbfe;box-shadow:0 24px 56px rgba(30,58,138,.32);
  display:flex;flex-direction:column;overflow:hidden;animation:locPop .16s cubic-bezier(.16,1,.3,1);
}
.qr-modal__head{
  padding:13px 16px;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);color:#ffffff;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.qr-modal__head h3{margin:0;font-size:14px;font-weight:800;display:flex;align-items:center;gap:7px;color:#fff}
.qr-modal__body{
  padding:18px 16px;overflow-y:auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;
}
.qr-stand-card{
  width:100%;padding:16px;border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  border:2px solid #1d4ed8;box-shadow:0 8px 24px rgba(29,78,216,.10);
  display:flex;flex-direction:column;align-items:center;gap:10px;
}
.qr-stand-card__badge{
  padding:3px 10px;border-radius:999px;background:#1d4ed8;color:#ffe800;
  font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
}
.qr-stand-card__box{
  width:210px;height:210px;padding:10px;background:#ffffff;border-radius:12px;
  border:1.5px solid #e2e8f0;box-shadow:0 4px 12px rgba(0,0,0,.05);
}
.qr-stand-card__box svg{width:100%;height:100%;display:block}
.qr-stand-card__url{
  font-size:11px;font-weight:700;color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;
  padding:4px 10px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

/* Hesabım > Vitrinim Yönetim Ekranı */
.vitrin-banner-editor{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.vitrin-slide-item{
  display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:10px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;
}
.vitrin-slide-item img{
  width:130px;height:74px;border-radius:7px;object-fit:cover;border:1px solid #cbd5e1;background:#fff;
}
@media(max-width:768px){
  .vitrin-showcase-head,.vitrin-showcase-card__top{flex-direction:column;align-items:stretch;padding:10px 11px;gap:8px}
  .vitrin-showcase-brand,.vitrin-showcase-card__brand{width:100%;flex:none;align-items:flex-start}
  .vitrin-showcase-title,.vitrin-showcase-card__title{font-size:13.5px}
  .vitrin-showcase-sub,.vitrin-showcase-card__sub{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .vitrin-showcase-acts,.vitrin-showcase-card__acts{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:6px}
  .vitrin-showcase-card__acts .btn{width:100%;min-width:0;justify-content:center;padding:0 8px;font-size:11.2px;height:32px}
  .corp-slide,.corp-slider__slide{height:142px}
  .corp-slider--compact .corp-slide,.corp-slider--compact .corp-slider__slide{height:122px}
  .corp-slider--store .corp-slide,.corp-slider--store .corp-slider__slide{height:165px}
  .corp-slide__txt,.corp-slider__cap{padding:9px 40px}
  .corp-slide__txt b,.corp-slider__cap b{font-size:12.6px}
  .corp-slide__txt small,.corp-slider__cap span{font-size:10.6px}
  .corp-slider__nav{width:26px;height:26px}
  .corp-slider__nav.l{left:6px}
  .corp-slider__nav.r{right:6px}
  .vitrin-slide-item{grid-template-columns:minmax(0,1fr)}
  .vitrin-slide-item img{width:100%;height:120px}
}

/* İlan Ver Sihirbazı — 5 Adım Çubuğu & Tek Yükseltme (Hızlı Sat / Üste Çıkar) Sayfası */
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:12px 16px 0;width:100%;box-sizing:border-box}
.steps div{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:650}
.wz-up-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px;width:100%;box-sizing:border-box}
.wz-up-card{
  position:relative;border:1.5px solid #e4e4e7;border-radius:10px;padding:15px 13px 13px;
  text-align:left;background:#ffffff;cursor:pointer;transition:all .15s ease;
  display:flex;flex-direction:column;gap:6px;width:100%;min-width:0;box-sizing:border-box;font-family:var(--font);
}
.wz-up-card:hover{border-color:#93c5fd;background:#f8fafc}
.wz-up-card.on{
  border:2px solid #1d4ed8;background:linear-gradient(180deg,#f0f7ff 0%,#ffffff 100%);
  box-shadow:0 6px 18px rgba(29,78,216,.14);
}
.wz-up-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.wz-up-card__days{font-size:22px;font-weight:850;line-height:1;color:#1d4ed8;letter-spacing:-.02em}
.wz-up-card__days small{font-size:12px;font-weight:650;margin-left:3px;color:#475569}
.wz-up-card__price{font-size:17px;font-weight:850;color:#1e3a8a;background:#fef3c7;border:1px solid #f59e0b;padding:3px 9px;border-radius:7px}
.wz-up-card.on .wz-up-card__price{background:#1d4ed8;border-color:#1d4ed8;color:#ffe800}
.wz-up-card__title{font-size:13.2px;font-weight:800;color:#0f172a;margin-top:2px}
.wz-up-card__desc{font-size:11.6px;color:#52525b;line-height:1.42;flex:1}
.wz-up-state{
  margin-top:6px;padding:6px 9px;border-radius:7px;background:#f4f4f5;border:1px solid #e4e4e7;
  font-size:11.2px;font-weight:700;color:#52525b;display:flex;align-items:center;gap:6px;
}
.wz-up-dot{
  width:15px;height:15px;border-radius:999px;border:1.8px solid #a1a1aa;background:#ffffff;
  display: inline-grid;place-items:center;flex-shrink:0;
}
.wz-up-card.on .wz-up-state{background:#1d4ed8;border-color:#1d4ed8;color:#ffffff}
.wz-up-card.on .wz-up-dot{border-color:#ffe800;background:#ffe800;color:#1e3a8a}
.wz-up-card.on .wz-up-dot::after{content:"✓";font-size:10px;font-weight:900;line-height:1;color:#1e3a8a}
.wz-up-hint{
  margin-top:12px;padding:10px 12px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0;
  font-size:12px;color:#334155;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
}
/* İlan Ver Sihirbazı — Profesyonel Ana Başlık & Seçim Taşıyıcı Bölüm Kartları (Deniz Parlament Mavisi) */
.wz-sec-card{
  border:1.5px solid #bfdbfe;border-radius:10px;overflow:hidden;
  background:#ffffff;margin-bottom:14px;box-shadow:0 2px 10px rgba(29,78,216,.06);
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
.wz-sec-card:last-child{margin-bottom:0}
.wz-sec-head{
  background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 58%,#0284c7 100%);
  color:#ffffff;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%;box-sizing:border-box;
}
.wz-sec-head__t{
  font-size:13.5px;font-weight:800;color:#ffffff;display:flex;align-items:center;gap:7px;letter-spacing:-.01em;min-width:0;flex:1 1 auto;
}
.wz-sec-head__t .ico{color:#ffe800;flex-shrink:0}
.wz-sec-head__sub{
  font-size:11px;font-weight:700;color:#fde68a;background:rgba(255,255,255,.16);
  border:1px solid rgba(253,230,138,.38);padding:2px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;
}
.wz-sec-body{
  padding:14px;background:#f8fafc;display:flex;flex-direction:column;gap:12px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
.wz-sec-body .row2{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;min-width:0;
}
.wz-sec-body .field{
  background:#ffffff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;
  display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px rgba(9,9,11,.02);min-width:0;max-width:100%;box-sizing:border-box;
}
.wz-sec-body .field>label{
  font-size:12px;font-weight:750;color:#0f172a;display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0;
}
.wz-sec-body .sel,.wz-sec-body .inp,.wz-sec-body .txa{
  border-color:#cbd5e1;background-color:#ffffff;font-weight:600;color:#09090b;width:100%;max-width:100%;min-width:0;box-sizing:border-box;
}
.wz-sec-body .sel:focus,.wz-sec-body .inp:focus,.wz-sec-body .txa:focus{
  border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.14);
}
@media(max-width:768px){
  .steps{padding:10px 10px 0;gap:4px}
  .steps div{font-size:10px}
  .wz-up-grid{grid-template-columns:minmax(0,1fr);gap:8px}
  .wz-sec-head{padding:9px 12px}
  .wz-sec-head__t{font-size:12.6px}
  .wz-sec-head__sub{font-size:10.2px;padding:2px 7px}
  .wz-sec-body{padding:11px;gap:10px}
  .wz-sec-body .row2{grid-template-columns:minmax(0,1fr);gap:10px}
  .wz-sec-body .field{padding:9px 10px}
}

/* ==================== HOBIBUY TAM EKRAN DİNAMİK UYGULAMA YÜKLEME ANİMASYONU (AL • SAT • KİRALA | SOLDAN ORTAYA -> SAĞA) ==================== */
#listTitle:empty,body:not(.app-ready) #toolbarAnchor{opacity:0;pointer-events:none}
#mobileInitialSplash{display:none!important}
.hb-route-loader{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  height:100dvh;
  z-index:2147483646;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 16px;
  box-sizing:border-box;
  background:
    radial-gradient(circle at 50% 24%, rgba(37,99,235,0.34) 0%, rgba(30,58,138,0.18) 38%, transparent 72%),
    linear-gradient(165deg, rgba(12,21,44,0.96) 0%, rgba(23,37,84,0.95) 50%, rgba(10,17,36,0.98) 100%);
  backdrop-filter:blur(22px) saturate(185%);
  -webkit-backdrop-filter:blur(22px) saturate(185%);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s cubic-bezier(.16,1,.3,1),visibility .24s cubic-bezier(.16,1,.3,1);
  overflow:hidden;
  user-select:none;
}
.hb-route-loader:not(.is-active){
  display:none!important;
}
.hb-route-loader.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.hb-route-loader.is-closing{
  opacity:0;
  pointer-events:none;
}
.hb-loader-shell{
  width:min(410px,calc(100vw - 24px));
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  position:relative;
}
/* 1. Üst Marka & Harf Soldan Sağa Kayış */
.hb-loader-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
}
.hb-loader-mark{
  width:46px;
  height:46px;
  border-radius:14px;
  background:linear-gradient(145deg,#1e3a8a 0%,#1d4ed8 55%,#3b82f6 100%);
  border:1.5px solid rgba(147,197,253,0.55);
  box-shadow:0 12px 28px rgba(29,78,216,0.48),inset 0 1px 0 rgba(255,255,255,0.35);
  display:grid;
  place-items:center;
  position:relative;
  flex-shrink:0;
  animation:hbMarkPulse 1.2s ease-in-out infinite alternate;
}
.hb-loader-mark::after{
  content:"";
  position:absolute;
  inset:-5px;
  border-radius:18px;
  border:1.5px solid rgba(96,165,250,0.42);
  animation:hbMarkRing 1.4s cubic-bezier(.16,1,.3,1) infinite;
}
.hb-loader-mark span{
  font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  font-size:24px;
  font-weight:900;
  color:#ffffff;
  letter-spacing:-.04em;
  line-height:1;
  text-shadow:0 2px 8px rgba(0,0,0,0.28);
}
.hb-loader-word{
  display:inline-flex;
  align-items:center;
  gap:2px;
  font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  font-size:27px;
  font-weight:900;
  letter-spacing:.08em;
  color:#ffffff;
  text-shadow:0 4px 18px rgba(37,99,235,0.45);
}
.hb-loader-word i{
  font-style:normal;
  display:inline-block;
  animation:hbLetterSlideIn .52s cubic-bezier(.22,1,.36,1) both;
}
.hb-loader-word i:nth-child(1){animation-delay:.02s}
.hb-loader-word i:nth-child(2){animation-delay:.06s}
.hb-loader-word i:nth-child(3){animation-delay:.10s}
.hb-loader-word i:nth-child(4){animation-delay:.14s;color:#60a5fa}
.hb-loader-word i:nth-child(5){animation-delay:.18s;color:#93c5fd}
.hb-loader-word i:nth-child(6){animation-delay:.22s;color:#93c5fd}
.hb-loader-word i:nth-child(7){animation-delay:.26s;color:#60a5fa}

/* 2. AL • SAT • KİRALA Dinamik Soldan Sağa Motif Bar */
.hb-loader-motif{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(15,23,42,0.72);
  border:1px solid rgba(96,165,250,0.34);
  box-shadow:0 8px 24px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.08);
  position:relative;
  overflow:hidden;
}
.hb-loader-motif::before{
  content:"";
  position:absolute;
  top:0;bottom:0;left:-60%;
  width:55%;
  background:linear-gradient(90deg,transparent,rgba(96,165,250,0.28),rgba(253,224,71,0.22),transparent);
  transform:skewX(-20deg);
  animation:hbShimmerSweep 2.6s ease-in-out infinite;
  pointer-events:none;
}
.hb-motif-pill{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:4px 11px;
  border-radius:999px;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#cbd5e1;
  background:rgba(255,255,255,0.05);
  border:1px solid transparent;
  transition:all .52s cubic-bezier(.22,1,.36,1);
}
.hb-motif-pill.is-on{
  color:#0f172a;
  background:linear-gradient(135deg,#fde047 0%,#facc15 100%);
  border-color:#fef08a;
  box-shadow:0 4px 14px rgba(250,204,21,0.42);
  transform:scale(1.05);
}
.hb-motif-arr{
  color:#60a5fa;
  font-size:12px;
  font-weight:900;
  opacity:.85;
}

/* 3. SOLDAN ORTAYA GELİR -> ESKİSİ SAĞDAN KAYAR GİDER SAHNESİ */
.hb-loader-stage{
  position:relative;
  width:100%;
  height:186px;
  border-radius:20px;
  background:linear-gradient(160deg,rgba(30,58,138,0.52) 0%,rgba(15,23,42,0.82) 100%);
  border:1px solid rgba(147,197,253,0.28);
  box-shadow:0 20px 44px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.14);
  overflow:hidden;
}
.hb-stage-slide{
  position:absolute;
  inset:0;
  padding:16px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
  box-sizing:border-box;
  opacity:0;
  transform:translate3d(-105%,0,0) scale(0.92);
  transition:transform .72s cubic-bezier(.22,1,.36,1),opacity .56s cubic-bezier(.22,1,.36,1);
  will-change:transform,opacity;
  pointer-events:none;
}
.hb-stage-slide.is-prep-left{
  transition:none!important;
  opacity:0!important;
  transform:translate3d(-105%,0,0) scale(0.92)!important;
}
.hb-stage-slide.is-center{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  z-index:2;
}
.hb-stage-slide.is-exit-right{
  opacity:0;
  transform:translate3d(105%,0,0) scale(0.92);
  z-index:1;
}
.hb-stage-icons{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.hb-stage-ic{
  width:50px;
  height:50px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.22);
  color:#ffffff;
  box-shadow:0 8px 18px rgba(0,0,0,0.22);
}
.hb-stage-ic--main{
  width:60px;
  height:60px;
  border-radius:18px;
  background:linear-gradient(145deg,#2563eb 0%,#1d4ed8 100%);
  border:1.5px solid rgba(191,219,254,0.65);
  color:#fde047;
  box-shadow:0 12px 26px rgba(37,99,235,0.52);
  transform:translateY(-2px);
}
.hb-stage-ic svg{
  width:26px;
  height:26px;
  stroke:currentColor;
  stroke-width:2;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.hb-stage-ic--main svg{
  width:31px;
  height:31px;
}
.hb-stage-tag{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:3px 10px;
  border-radius:999px;
  background:rgba(37,99,235,0.32);
  border:1px solid rgba(147,197,253,0.38);
  color:#93c5fd;
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hb-stage-title{
  margin:0;
  width:100%;
  max-width:100%;
  padding:0 6px;
  font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif;
  font-size:17px;
  font-weight:800;
  color:#ffffff;
  letter-spacing:-.02em;
  line-height:1.24;
  text-align:center;
}
.hb-stage-sub{
  margin:0;
  width:100%;
  font-size:12.2px;
  font-weight:500;
  color:#cbd5e1;
  line-height:1.38;
  max-width:330px;
  text-align:center;
}

/* 4. Alt Soldan Sağa Akan Kategori İkon Şeridi & İlerleme Çubuğu */
.hb-loader-ribbon{
  width:100%;
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
}
.hb-ribbon-track{
  display:flex;
  align-items:center;
  gap:8px;
  width:max-content;
  animation:hbRibbonFlowLeftToRight 16s linear infinite;
}
.hb-ribbon-chip{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(148,163,184,0.22);
  color:#e2e8f0;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
.hb-ribbon-chip svg{
  width:13.5px;
  height:13.5px;
  stroke:#60a5fa;
  stroke-width:2.1;
  fill:none;
}
.hb-loader-progress{
  width:min(260px,78%);
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,0.14);
  overflow:hidden;
  position:relative;
}
.hb-loader-progress__fill{
  height:100%;
  width:15%;
  border-radius:999px;
  background:linear-gradient(90deg,#3b82f6 0%,#60a5fa 50%,#fde047 100%);
  box-shadow:0 0 12px rgba(96,165,250,0.8);
  transition:width .12s linear;
}
.hb-loader-foot{
  font-size:10.8px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#94a3b8;
}

@keyframes hbLetterSlideIn{
  0%{opacity:0;transform:translate3d(-22px,0,0) scale(.88)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes hbMarkPulse{
  0%{transform:scale(1)}
  100%{transform:scale(1.05)}
}
@keyframes hbMarkRing{
  0%{opacity:.65;transform:scale(.96)}
  100%{opacity:0;transform:scale(1.24)}
}
@keyframes hbShimmerSweep{
  0%{left:-65%}
  100%{left:125%}
}
@keyframes hbRibbonFlowLeftToRight{
  0%{transform:translate3d(-50%,0,0)}
  100%{transform:translate3d(0%,0,0)}
}

.dt-mob-contact-bar{display:none}
.dt-offer-btn,.dt-paz-pill,.dt__info-loc-bar,.dt-desc-preview-wrap{display:none!important}
#hbQrPrintSheet{display:none}
@media print{
  @page{size:A4 portrait;margin:0!important}
  html,body,html body{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    position:static!important;
    inset:auto!important;
    background:#ffffff!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  html body > *:not(#hbQrPrintSheet),
  html body #appTop,
  html body #appScroll,
  html body #dock,
  html body #dtMobContactBar,
  html body #qrModal,
  html body #locModal,
  html body #reportModal,
  html body #imgViewer,
  html body #hbRouteBlurOverlay,
  html body #mobileInitialSplash,
  html body #ptrIndicator,
  html body #backdrop,
  html body #sh-filters,
  html body #cookieBar,
  html body #toast{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    max-height:0!important;
    overflow:hidden!important;
    position:absolute!important;
    pointer-events:none!important;
  }
  html body > #hbQrPrintSheet{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;
    width:100%!important;
    height:auto!important;
    max-height:248mm!important;
    margin:0 auto!important;
    padding:10mm 10mm 0!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    background:#ffffff!important;
    overflow:hidden!important;
    page-break-before:avoid!important;
    page-break-after:avoid!important;
    page-break-inside:avoid!important;
    break-before:avoid!important;
    break-after:avoid!important;
    break-inside:avoid!important;
  }
  html body > #hbQrPrintSheet img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:154mm!important;
    max-height:202mm!important;
    object-fit:contain!important;
    margin:0 auto!important;
    border-radius:18px!important;
    box-shadow:none!important;
    page-break-inside:avoid!important;
    break-inside:avoid!important;
  }
}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}