/* =======================================================
   İLAN DETAY SAYFASI – detail-pro.css (FULL + SAFE)
   Scope: sadece .container.listing-detail
   - Global :root yok (siteye bulaşmaz)
   - Ana görsel/thumbnail çökme fix
   - safeHtml taşma fix
   - CTA + mini butonlar + icon-btn fix
   - Mobilde stabil layout + modal kilidi
   ======================================================= */

/* -----------------------------
   THEME VARS (scoped)
------------------------------ */
.container.listing-detail{
  --ad-border:#e5e7eb;
  --ad-muted:#64748b;
  --ad-brand:#2563eb;
  --ad-brand-hover:#1d4ed8;

  --ad-bg:#ffffff;
  --ad-soft:#f8fafc;
  --ad-soft2:#f1f5f9;

  --ad-text:#0f172a;
  --ad-shadow:  rgba(15,23,42,.12);
  --ad-shadow2: rgba(15,23,42,.06);
  --ad-ring:    rgba(37,99,235,.22);

  --ad-radius: 18px;
  --ad-radius-sm: 14px;

  --ad-font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
             "Noto Sans", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB",
             "Microsoft YaHei", "Heiti SC", sans-serif;

  --ad-grad:
    linear-gradient(135deg, rgba(37,99,235,.10), transparent 45%),
    radial-gradient(circle at 90% 10%, rgba(16,185,129,.08), transparent 40%),
    #fff;

  font: 400 16px/1.55 var(--ad-font);
  color:var(--ad-text);
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  text-rendering:optimizeLegibility;
}

/* -----------------------------
   RESET (scoped)
------------------------------ */
.container.listing-detail,
.container.listing-detail *{ box-sizing:border-box; }

.container.listing-detail img{ max-width:100%; height:auto; display:block; }
.container.listing-detail a{ color:inherit; text-decoration:none; }
.container.listing-detail button{ font:inherit; }

.container.listing-detail :focus-visible{
  outline:none;
  box-shadow:0 0 0 3px var(--ad-ring);
  border-radius:12px;
}

/* -----------------------------
   OUTER WRAP
------------------------------ */
.container.listing-detail{
  width:100%;
  max-width:1040px;
  margin:24px auto 40px;
  padding:22px 22px 26px;

  background:
    radial-gradient(circle at top left, rgba(37,99,235,.07), transparent 55%),
    radial-gradient(circle at bottom right, rgba(16,185,129,.06), transparent 55%),
    #ffffff;

  border:1px solid rgba(15,23,42,.08);
  border-radius:var(--ad-radius);
  box-shadow:
    0 20px 42px var(--ad-shadow),
    0 0 0 1px rgba(255,255,255,.92) inset;

  position:relative;
  overflow:hidden;
}
.container.listing-detail::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to right, rgba(37,99,235,.08), transparent 40%);
  pointer-events:none;
  opacity:.65;
}

.container.listing-detail > .listing-top,
.container.listing-detail > .alert{ position:relative; z-index:1; }

/* -----------------------------
   CARD BASE
------------------------------ */
.container.listing-detail .card{
  background:var(--ad-bg);
  border:1px solid rgba(15,23,42,.06);
  border-radius:var(--ad-radius-sm);
  padding:14px;
  box-shadow:0 10px 24px var(--ad-shadow2);
  transition: box-shadow .18s ease, transform .12s ease, border-color .18s ease;
}
.container.listing-detail .card:hover{
  box-shadow:0 18px 44px var(--ad-shadow);
  transform:translateY(-1px);
  border-color:var(--ad-ring);
}
.container.listing-detail .card h3{
  margin:0 0 10px;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#111827;
}

/* -----------------------------
   ALERTS
------------------------------ */
.container.listing-detail .alert{
  margin-bottom:12px;
  font-size:13px;
  padding:9px 11px;
  border-radius:999px;
  border:1px solid transparent;
  display:flex;
  align-items:center;
  gap:8px;
  background:#f9fafb;
}
.container.listing-detail .alert.ok{ border-color:#22c55e; background:#ecfdf3; color:#166534; }
.container.listing-detail .alert.err{ border-color:#ef4444; background:#fef2f2; color:#b91c1c; }
.container.listing-detail .alert::before{
  content:"";
  width:8px;height:8px;border-radius:999px;
  background:currentColor;opacity:.4;
}

/* -----------------------------
   TOP LAYOUT
------------------------------ */
.container.listing-detail .listing-top{
  display:flex;
  align-items:flex-start;
  gap:22px;
}
.container.listing-detail .listing-left{ flex:1.7; min-width:0; }
.container.listing-detail .listing-right{ flex:1.1; min-width:0; }

/* =======================================================
   MAIN IMAGE (robust)
======================================================= */
.container.listing-detail .listing-main.card{
  padding:0 !important;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.10);
  background:
    radial-gradient(circle at 30% 0%, rgba(255,255,255,.12), transparent 55%),
    #0b1220;
  position:relative;
  box-shadow:0 18px 40px rgba(15,23,42,.20);
  min-height:240px;
}

.container.listing-detail .listing-main .zoom-trigger{
  display:block;
  width:100%;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  cursor:zoom-in;
  position:relative;
  overflow:hidden;
  aspect-ratio: 16 / 10; /* ✅ çökme yok */
}
@supports not (aspect-ratio: 16 / 10){
  .container.listing-detail .listing-main .zoom-trigger{ height:0; padding-top:62.5%; }
}

.container.listing-detail .listing-main .zoom-trigger::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 30%, rgba(37,99,235,.18), transparent 42%),
    radial-gradient(circle at 70% 55%, rgba(15,23,42,.20), transparent 48%),
    linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,0));
  opacity:.9;
}

.container.listing-detail .listing-main img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block !important;
  transform:translateZ(0);
  transition:transform .28s ease;
}
@media (hover:hover){
  .container.listing-detail .listing-main:hover img{ transform:scale(1.03); }
}

.container.listing-detail .listing-main .ph{
  width:100%;
  height:100%;
  min-height:240px;
  background:repeating-linear-gradient(135deg,#e5e7eb,#e5e7eb 10px,#f1f5f9 10px,#f1f5f9 20px);
}

.container.listing-detail .listing-main .magnifier{
  position:absolute;
  right:10px;
  bottom:10px;
  width:32px;height:32px;
  border-radius:999px;
  background:rgba(2,6,23,.72);
  border:1px solid rgba(255,255,255,.18);
  display:flex;
  align-items:center;
  justify-content:center;
  pointer-events:none;
  z-index:3;
  box-shadow:0 12px 26px rgba(0,0,0,.35);
}
.container.listing-detail .listing-main .magnifier::before{
  content:"";
  width:16px;height:16px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23E5E7EB' stroke-width='2' stroke-linecap='round' d='M21 21l-4.3-4.3'/%3E%3Cpath stroke='%23E5E7EB' stroke-width='2' d='M10.5 18a7.5 7.5 0 1 1 0-15 7.5 7.5 0 0 1 0 15Z'/%3E%3C/svg%3E");
}

/* =======================================================
   THUMBS
   - desktop: wrap
   - mobile: horizontal scroll
======================================================= */
.container.listing-detail .listing-thumbs{ margin-top:10px; }
.container.listing-detail .listing-thumbs.grid-10{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.container.listing-detail .listing-thumbs .tbtn{
  width:70px;
  height:70px;
  flex:0 0 auto;
  border:1px solid rgba(148,163,184,.72);
  border-radius:12px;
  padding:0;
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  cursor:pointer;
  overflow:hidden;
  transition: border-color .15s ease, box-shadow .15s ease, transform .10s ease;
  box-shadow:0 10px 18px rgba(15,23,42,.06);
}
.container.listing-detail .listing-thumbs .tbtn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 30px rgba(15,23,42,.14);
}
.container.listing-detail .listing-thumbs .tbtn img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.container.listing-detail .listing-thumbs .tbtn.active{
  border-color:var(--ad-brand);
  box-shadow:0 0 0 3px rgba(37,99,235,.26), 0 16px 30px rgba(37,99,235,.12);
}

@media (max-width: 700px){
  .container.listing-detail .listing-thumbs.grid-10{
    flex-wrap:nowrap;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    padding-bottom:6px;
  }
  .container.listing-detail .listing-thumbs.grid-10::-webkit-scrollbar{ height:10px; }
  .container.listing-detail .listing-thumbs.grid-10::-webkit-scrollbar-thumb{
    background: rgba(15,23,42,.20);
    border-radius:999px;
    border:3px solid rgba(255,255,255,.85);
  }
}

/* =======================================================
   MODAL
======================================================= */
.container.listing-detail .img-modal{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
  z-index:2147483647;
}
.container.listing-detail .img-modal.is-open{ display:flex; }
.container.listing-detail .img-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,0.78);
}
.container.listing-detail .img-modal-inner{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:90vw;
  max-height:80vh;
  border-radius:16px;
  overflow:hidden;
  background:#000;
  box-shadow:0 26px 70px rgba(15,23,42,.65);
}
.container.listing-detail #imgModalImg{
  display:block;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.container.listing-detail .img-modal-close{
  position:absolute;
  top:10px;
  right:10px;
  width:36px;height:36px;
  border-radius:999px;
  border:none;
  background:rgba(2,6,23,.85);
  color:#f9fafb;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}
.container.listing-detail .img-modal-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:38px;height:38px;
  border-radius:999px;
  border:none;
  background:rgba(2,6,23,.80);
  color:#f9fafb;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  cursor:pointer;
  z-index:2;
}
.container.listing-detail .img-modal-prev{ left:12px; }
.container.listing-detail .img-modal-next{ right:12px; }

/* ✅ MOBİLDE MODAL/ZOOM KAPALI */
@media (pointer: coarse), (max-width: 768px){
  .container.listing-detail .listing-main .magnifier{ display:none !important; }
  .container.listing-detail .listing-main .zoom-trigger{
    cursor:default !important;
    pointer-events:none !important;
    touch-action:manipulation;
  }
  .container.listing-detail .img-modal{ display:none !important; }
}

/* =======================================================
   RIGHT: TITLE + PRICE
======================================================= */
.container.listing-detail .listing-title{
  display:flex;
  align-items:flex-start;
  gap:10px;
  font-size:22px;
  margin:0 0 12px;
  padding:12px 14px;
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  border:1px solid rgba(148,163,184,.7);
  border-radius:16px;
  box-shadow:0 12px 26px rgba(15,23,42,.08);
  word-break:break-word;
  overflow-wrap:anywhere;
}

.container.listing-detail .price-block{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:10px 14px;
  margin:0 0 14px;

  background:
    radial-gradient(circle at 10% 0%, rgba(37,99,235,.14), transparent 55%),
    linear-gradient(135deg,#ffffff,#eef2ff);

  border:1px solid rgba(129,140,248,.90);
  border-radius:999px;
  box-shadow:0 16px 34px rgba(79,70,229,.20);
  max-width:100%;
}
.container.listing-detail .price-block.price-block--empty{
  border-color: rgba(148,163,184,.75);
  background: linear-gradient(135deg,#ffffff,#f8fafc);
  box-shadow:0 12px 26px rgba(15,23,42,.10);
}
.container.listing-detail .price-block .price{
  font-size:24px;
  font-weight:900;
  white-space:nowrap;
  font-variant-numeric: tabular-nums;
  line-height:1;
}
.container.listing-detail .price-block .currency{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(148,163,184,.55);
  box-shadow:0 10px 18px rgba(15,23,42,.08);
  font-size:12px;
  font-weight:900;
  color:rgba(15,23,42,.78);
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
  line-height:1;
  font-variant-numeric: tabular-nums;
}

/* -----------------------------
   BUTTONS (scoped)
------------------------------ */
.container.listing-detail .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border-radius:999px;
  border:1px solid transparent;
  padding:10px 14px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  text-decoration:none;
  background:#e5e7eb;
  color:#111827;
  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .10s ease;
}
.container.listing-detail .btn.primary{
  background:linear-gradient(135deg, var(--ad-brand), var(--ad-brand-hover));
  border-color:rgba(37,99,235,.45);
  color:#fff;
  box-shadow:0 16px 34px rgba(37,99,235,.28);
}
.container.listing-detail .btn.primary:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 44px rgba(37,99,235,.32);
}
.container.listing-detail .btn.ghost{
  border-color:rgba(148,163,184,.85);
  background:#f8fafc;
}
.container.listing-detail .btn.ghost:hover{ background:#eef2f7; }
.container.listing-detail .btn.light{
  border-color:rgba(148,163,184,.70);
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  box-shadow:0 12px 24px rgba(15,23,42,.10);
}
.container.listing-detail .btn.light:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 34px rgba(15,23,42,.14);
}

/* mini buttons (copy/share/print) */
.container.listing-detail .btn.mini{
  padding:8px 12px;
  font-size:12px;
  font-weight:900;
  border-color:rgba(148,163,184,.75);
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  box-shadow:0 10px 18px rgba(15,23,42,.08);
}
.container.listing-detail .btn.mini:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 30px rgba(15,23,42,.12);
}

/* -----------------------------
   LISTING INFO (dl rows)
------------------------------ */
.container.listing-detail .card.listing-info{ background:#fff; }

.container.listing-detail .listing-info .rows{
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.container.listing-detail .listing-info .rows > div{
  display:grid;
  grid-template-columns:minmax(0,150px) minmax(0,1fr);
  column-gap:12px;
  row-gap:4px;
  align-items:center;
  padding:9px 12px;
  border-radius:14px;
  border:1px solid rgba(226,232,240,1);
  background:
    radial-gradient(circle at 0% 50%, rgba(37,99,235,.06), transparent 55%),
    linear-gradient(135deg,#ffffff,#f8fafc);
  font-size:13px;
  box-shadow:0 12px 26px rgba(15,23,42,.06);
}
.container.listing-detail .listing-info dt{
  margin:0;
  font-weight:900;
  color:var(--ad-muted);
  white-space:nowrap;
}
.container.listing-detail .listing-info dd{
  margin:0;
  text-align:left;
  overflow-wrap:anywhere;
  color:#111827;
  font-weight:800;
}

/* =======================================================
   TABS
======================================================= */
.container.listing-detail #detailTabs{
  background:#ffffff;
  border:1px solid rgba(148,163,184,.55);
  border-radius:16px;
  padding:16px 16px 14px;
  margin-top:12px;
  box-shadow:0 16px 34px rgba(15,23,42,.07);
}

.container.listing-detail .tabs .t-head{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  border-bottom:1px solid rgba(226,232,240,1);
  margin-bottom:10px;
  padding-bottom:8px;
}
.container.listing-detail .tabs .t-head .tbtn{
  border:1px solid transparent;
  border-radius:999px;
  background:transparent;
  padding:8px 14px;
  font-size:13px;
  cursor:pointer;
  color:var(--ad-muted);
  font-weight:900;

  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;

  transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .10s ease;
}
.container.listing-detail .tabs .t-head .tbtn.active{
  background:radial-gradient(circle at top left,#eef2ff,#dbeafe);
  border-color:var(--ad-brand);
  color:#0f172a;
  box-shadow:0 16px 34px rgba(37,99,235,.18);
  transform:translateY(-1px);
}

.container.listing-detail .tabs .t-body .tpanel{ display:none; font-size:14px; }
.container.listing-detail .tabs .t-body .tpanel.active{ display:block; }

.container.listing-detail .panel-title{
  margin:0 0 8px;
  font-size:15px;
  font-weight:900;
}

/* Mobil tabs: 2x2 */
@media (max-width: 700px){
  .container.listing-detail .tabs .t-head{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    border-bottom:0;
    padding-bottom:0;
    margin-bottom:12px;
  }
  .container.listing-detail .tabs .t-head .tbtn{
    width:100%;
    height:44px;
    padding:0 12px;
    border-radius:999px;
    border:1px solid rgba(148,163,184,.75);
    background:linear-gradient(135deg,#ffffff,#f8fafc);
    box-shadow:0 12px 24px rgba(15,23,42,.10);
    justify-content:center;
  }
}

/* =======================================================
   DESCRIPTION (safeHtml)
   - taşma yok
======================================================= */
.container.listing-detail .desc{
  font-size:15px;
  line-height:1.65;
  color:#111827;
  word-break:break-word;
  overflow-wrap:anywhere;
}
.container.listing-detail .desc :is(img,video,iframe,table,pre,code){
  max-width:100% !important;
}
.container.listing-detail .desc table{
  width:100%;
  border-collapse:collapse;
  overflow:hidden;
  border-radius:12px;
  border:1px solid rgba(148,163,184,.45);
}
.container.listing-detail .desc td,
.container.listing-detail .desc th{
  padding:10px 12px;
  border-bottom:1px solid rgba(148,163,184,.25);
  text-align:left;
}
.container.listing-detail .desc pre{
  padding:12px 14px;
  border-radius:14px;
  background:#0b1220;
  color:#e5e7eb;
  overflow:auto;
}
.container.listing-detail .desc a{ text-decoration:underline; }

/* =======================================================
   COMMENTS
======================================================= */
.container.listing-detail .rating-summary{
  margin:6px 0 12px;
  padding:10px 14px;
  border-radius:999px;
  background:
    radial-gradient(circle at 0% 50%, rgba(245,158,11,.14), transparent 55%),
    radial-gradient(circle at 100% 50%, rgba(37,99,235,.10), transparent 55%),
    #fff;
  border:1px solid rgba(199,210,254,1);
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:#111827;
  box-shadow:0 14px 30px rgba(15,23,42,.08);
}
.container.listing-detail .rating-summary .rating-stars{
  font-size:16px;
  color:#f59e0b;
  letter-spacing:.12em;
}
.container.listing-detail .rating-summary .rating-score{ font-weight:900; }
.container.listing-detail .rating-summary .rating-count{ color:var(--ad-muted); font-weight:900; }

.container.listing-detail .comments{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.container.listing-detail .comments li{
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.55);
  background:var(--ad-grad);
  box-shadow:0 16px 34px rgba(15,23,42,.10);
}
.container.listing-detail .c-head{
  display:flex;
  justify-content:space-between;
  gap:10px;
  font-size:13px;
}
.container.listing-detail .c-head strong{ font-weight:900; }
.container.listing-detail .c-time{ color:var(--ad-muted); font-size:12px; font-weight:800; }

.container.listing-detail .c-rating{
  margin-top:6px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  font-weight:900;
}
.container.listing-detail .c-rating .rating-stars{ color:#f59e0b; letter-spacing:.12em; }
.container.listing-detail .c-body{
  margin-top:8px;
  font-size:14px;
  line-height:1.6;
  overflow-wrap:anywhere;
  font-weight:700;
}

.container.listing-detail .placeholder{
  padding:12px 14px;
  border-radius:16px;
  border:1px dashed rgba(148,163,184,.85);
  background:var(--ad-grad);
  box-shadow:0 16px 34px rgba(15,23,42,.10);
  color:#334155;
  font-weight:900;
}
.container.listing-detail .muted{ color:var(--ad-muted); font-weight:800; }

/* comment form */
.container.listing-detail .cform{
  margin-top:12px;
  padding:12px 12px 14px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.55);
  background:
    radial-gradient(circle at 0% 0%, rgba(16,185,129,.08), transparent 45%),
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.08), transparent 45%),
    #ffffff;
  box-shadow:0 18px 40px rgba(15,23,42,.10);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.container.listing-detail .cform select,
.container.listing-detail .cform textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.75);
  padding:10px 12px;
  font:inherit;
  font-weight:800;
  background:#fff;
}
.container.listing-detail .cform textarea{
  min-height:120px;
  line-height:1.55;
  resize:vertical;
}
.container.listing-detail .cform select:focus,
.container.listing-detail .cform textarea:focus{
  outline:none;
  border-color:var(--ad-brand);
  box-shadow:0 0 0 3px rgba(37,99,235,.18);
  background:#eff6ff;
}

/* =======================================================
   MAP + VIDEO
======================================================= */
.container.listing-detail .mapwrap,
.container.listing-detail .videowrap{
  margin-top:10px;
  border-radius:14px;
  overflow:hidden;
  border:1px solid rgba(15,23,42,.12);
  background:#020617;
  box-shadow:0 16px 34px rgba(15,23,42,.35);
}
.container.listing-detail .mapwrap iframe,
.container.listing-detail .videowrap iframe,
.container.listing-detail .videowrap video{
  width:100%;
  height:320px;
  border:none;
  display:block;
}

/* =======================================================
   STORE CARD
======================================================= */
.container.listing-detail .store .s-head{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:10px;
  flex-wrap:wrap;
}
.container.listing-detail .store .s-avatar{
  flex:0 0 auto;
}
.container.listing-detail .store .s-avatar img,
.container.listing-detail .store .s-avatar .ph{
  width:62px;height:62px;border-radius:999px;
  object-fit:cover;
  border:1px solid rgba(148,163,184,.8);
  background:#f3f4f6;
}
.container.listing-detail .store .s-meta{ display:flex; flex-direction:column; gap:3px; min-width:0; }
.container.listing-detail .store .s-name{ font-weight:900; font-size:15px; overflow-wrap:anywhere; }
.container.listing-detail .store .s-addr{ font-size:13px; color:var(--ad-muted); font-weight:700; overflow-wrap:anywhere; }

.container.listing-detail .store .s-contacts .row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:13px;
  margin-top:10px;
  flex-wrap:wrap;
}
.container.listing-detail .store .s-contacts .row span{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.55);
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  font-weight:900;
  color:#334155;
  box-shadow:0 12px 26px rgba(15,23,42,.07);
}
.container.listing-detail .store .s-contacts .reveal{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.85);
  background:linear-gradient(135deg,#ffffff,#f8fafc);
  padding:9px 12px;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
  box-shadow:0 14px 30px rgba(15,23,42,.10);
}
.container.listing-detail .store .s-contacts .reveal:hover{
  background:#e0f2fe;
  border-color:rgba(37,99,235,.55);
  transform:translateY(-1px);
  box-shadow:0 18px 44px rgba(37,99,235,.18);
}

/* icon-btn (HTML boş anchor) */
.container.listing-detail .store .socials{
  display:flex;
  gap:10px;
  margin-top:12px;
  flex-wrap:wrap;
}
.container.listing-detail .store .socials .icon-btn{
  flex:1 1 170px;
  min-width:170px;
  height:44px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:13px;
  font-weight:900;
  padding:0 14px;
  color:#fff;
  box-shadow:0 16px 34px rgba(15,23,42,.20);
  position:relative;
  overflow:hidden;
}
.container.listing-detail .store .socials .icon-btn::after{
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.35),transparent 55%);
  mix-blend-mode:screen;
  pointer-events:none;
}
.container.listing-detail .store .socials .icon-btn.wa{ background:#22c55e; }
.container.listing-detail .store .socials .icon-btn.tg{ background:#0ea5e9; }
.container.listing-detail .store .socials .icon-btn.wa::before,
.container.listing-detail .store .socials .icon-btn.tg::before{
  content:"";
  width:18px;height:18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}
.container.listing-detail .store .socials .icon-btn.wa::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 3.5A11 11 0 0 0 2.7 16.7L2 22l5.5-.7A11 11 0 0 0 20.5 3.5Zm-8.8 17.8a9 9 0 0 1-4.6-1.2l-.3-.2-3.2.4.4-3.1-.2-.3A9 9 0 1 1 11.7 21.3Zm5.2-6.1c-.3-.2-1.7-.8-2-.9-.3-.1-.5-.2-.8.2-.2.3-.9.9-1.1 1.1-.2.2-.4.2-.7 0-.3-.2-1.2-.4-2.3-1.4-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.5.2-.6l.5-.6c.2-.2.2-.4.3-.6 0-.2 0-.5-.1-.7-.1-.2-.8-2-1.1-2.7-.3-.7-.6-.6-.8-.6h-.7c-.2 0-.6.1-.9.5-.3.4-1.2 1.2-1.2 2.9s1.2 3.4 1.4 3.6c.2.2 2.4 3.7 5.9 5.2.8.3 1.5.6 2 .7.8.3 1.6.2 2.2.1.7-.1 1.7-.7 2-1.3.2-.6.2-1.2.2-1.3 0-.1-.3-.2-.6-.4Z'/%3E%3C/svg%3E");
}
.container.listing-detail .store .socials .icon-btn.tg::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M21.9 4.6c.2-1-.9-1.8-1.8-1.4L2.7 10.4c-1 .4-.9 1.9.1 2.2l4.6 1.4 1.7 5.3c.3 1 1.6 1.1 2.1.2l2.6-4.2 5 3.7c.8.6 2 .1 2.2-.9l2.9-13.8ZM9.2 13.5l9.6-6.1-7.8 7.4-.3 3.5-1.2-3.7-3.6-1.1Z'/%3E%3C/svg%3E");
}

/* =======================================================
   CONTACT CARD
======================================================= */
.container.listing-detail .card.contact{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  padding:14px;
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}

.container.listing-detail .contact .cta-row{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:10px;
  margin-bottom:12px;
  align-items:stretch;
}
.container.listing-detail .contact .cta-row > *{ min-width:0; }

.container.listing-detail .contact .cta-row--mini{
  grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));
}

.container.listing-detail .contact .xform{
  width:100%;
  margin-top:10px;
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(148,163,184,.55);
  background:
    radial-gradient(circle at 0% 0%, rgba(37,99,235,.08), transparent 50%),
    radial-gradient(circle at 100% 0%, rgba(16,185,129,.08), transparent 50%),
    #ffffff;
  box-shadow:0 16px 38px rgba(15,23,42,.10);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.container.listing-detail .contact .xform.is-collapsed{ display:none !important; }

.container.listing-detail .contact .xform input,
.container.listing-detail .contact .xform textarea{
  width:100%;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.75);
  padding:10px 12px;
  font:inherit;
  font-weight:800;
  background:#fff;
  box-shadow:0 10px 22px rgba(15,23,42,.06);
}
.container.listing-detail .contact .xform textarea{
  min-height:120px;
  line-height:1.55;
  resize:vertical;
}
.container.listing-detail .contact .xform input:focus,
.container.listing-detail .contact .xform textarea:focus{
  outline:none;
  border-color:var(--ad-brand);
  box-shadow:0 0 0 3px rgba(37,99,235,.18), 0 16px 34px rgba(37,99,235,.10);
  background:#eff6ff;
}
.container.listing-detail .contact .xform button[type="submit"]{
  align-self:flex-end;
  min-width:160px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(37,99,235,.55);
  background:linear-gradient(135deg, var(--ad-brand), var(--ad-brand-hover));
  color:#fff;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 16px 36px rgba(37,99,235,.26);
}
@media (max-width: 700px){
  .container.listing-detail .contact .xform button[type="submit"]{
    align-self:stretch;
    width:100%;
    min-width:0;
  }
}

/* =======================================================
   SIMILAR PRODUCTS
======================================================= */
.container.listing-detail .card.similar-products{
  background:
    radial-gradient(circle at 0% 0%, rgba(37,99,235,.08), transparent 55%),
    radial-gradient(circle at 100% 0%, rgba(16,185,129,.08), transparent 55%),
    #ffffff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:16px;
  padding:14px;
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}

.container.listing-detail .similar-products .similar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.container.listing-detail .similar-products .similar-sub{
  margin:0 0 10px;
  color:var(--ad-muted);
  font-size:12px;
  font-weight:800;
  line-height:1.35;
}

.container.listing-detail .similar-products .similar-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));
  gap:10px;
}

.container.listing-detail .similar-products .similar-item{
  display:flex;
  flex-direction:column;
  min-width:0;
  border-radius:14px;
  border:1px solid rgba(148,163,184,.55);
  background:
    radial-gradient(circle at 0% 0%, rgba(37,99,235,.06), transparent 55%),
    linear-gradient(135deg,#ffffff,#f8fafc);
  box-shadow:0 12px 26px rgba(15,23,42,.07);
  overflow:hidden;
  transition:transform .10s ease, box-shadow .15s ease, border-color .15s ease;
}
.container.listing-detail .similar-products .similar-item:hover{
  transform:translateY(-2px);
  border-color:rgba(37,99,235,.45);
  box-shadow:0 18px 44px rgba(15,23,42,.12);
}

.container.listing-detail .similar-products .similar-media{
  position:relative;
  background:#0b1220;
  border-bottom:1px solid rgba(15,23,42,.10);
  overflow:hidden;
}
.container.listing-detail .similar-products .similar-media::before{
  content:"";
  display:block;
  padding-top:62.5%;
}
.container.listing-detail .similar-products .similar-media .ph{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 30%, rgba(37,99,235,.12), transparent 40%),
    radial-gradient(circle at 70% 60%, rgba(15,23,42,.10), transparent 45%),
    linear-gradient(180deg, rgba(15,23,42,.10), rgba(15,23,42,.04));
}
.container.listing-detail .similar-products .similar-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.container.listing-detail .similar-products .similar-badge{
  position:absolute;
  top:10px;
  left:10px;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:11px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#052e16;
  background:linear-gradient(135deg,#22c55e,#a3e635);
  border:1px solid rgba(34,197,94,.35);
  box-shadow:0 14px 30px rgba(34,197,94,.20);
  pointer-events:none;
}

.container.listing-detail .similar-products .similar-body{
  padding:10px 10px 12px;
  display:flex;
  flex-direction:column;
  gap:8px;
  min-width:0;
}
.container.listing-detail .similar-products .similar-title{
  font-size:13px;
  font-weight:900;
  line-height:1.25;
  color:#0f172a;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.container.listing-detail .similar-products .similar-price{
  display:inline-flex;
  align-items:center;
  gap:8px;
  align-self:flex-start;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(129,140,248,.75);
  background:
    radial-gradient(circle at 10% 0%, rgba(37,99,235,.12), transparent 55%),
    linear-gradient(135deg,#ffffff,#eef2ff);
  box-shadow:0 14px 30px rgba(79,70,229,.14);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  font-variant-numeric: tabular-nums;
}
.container.listing-detail .similar-products .similar-price .cur{
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(148,163,184,.45);
  background:rgba(255,255,255,.75);
  font-size:11px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(15,23,42,.75);
}

/* =======================================================
   MOBILE LAYOUT (order fix)
======================================================= */
@media (max-width: 900px){
  .container.listing-detail .listing-top{
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:
      "main"
      "thumb"
      "right"
      "tabs";
    gap:12px;
  }
  .container.listing-detail .listing-left{ display:contents; }
  .container.listing-detail .listing-main{ grid-area:main; }
  .container.listing-detail .listing-thumbs{ grid-area:thumb; }
  .container.listing-detail .listing-right{ grid-area:right; }
  .container.listing-detail #detailTabs{ grid-area:tabs; }

  .container.listing-detail .price-block{
    width:100%;
    max-width:520px;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (max-width: 600px){
  .container.listing-detail{
    padding:16px 10px 20px;
    border-radius:14px;
  }
  .container.listing-detail .listing-title{ font-size:18px; }
  .container.listing-detail .listing-thumbs .tbtn{ width:58px;height:58px; }
  .container.listing-detail .mapwrap iframe,
  .container.listing-detail .videowrap iframe,
  .container.listing-detail .videowrap video{ height:240px; }
  .container.listing-detail .price-block .price{ font-size:22px; }
  .container.listing-detail .price-block .currency{ font-size:11px; padding:5px 9px; }
  .container.listing-detail .listing-info .rows > div{ grid-template-columns:1fr; }
  .container.listing-detail .listing-info dt{ white-space:normal; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .container.listing-detail .card,
  .container.listing-detail .btn,
  .container.listing-detail .listing-main img,
  .container.listing-detail .similar-products .similar-item{
    transition:none !important;
  }
}