/* ===== Listing / SEO city-service page ===== */

/* Breadcrumb */
.breadcrumb{
  border-bottom:1px solid var(--line);
  padding:14px 0;
}
.breadcrumb ol{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
  list-style:none;
}
.breadcrumb li{
  font-size:13px;
  color:var(--gray);
  display:flex;
  align-items:center;
  gap:6px;
}
.breadcrumb li:not(:last-child)::after{
  content:'/';
  color:var(--gray-light);
  margin-left:6px;
}
.breadcrumb a{color:var(--gray);transition:color .2s;}
.breadcrumb a:hover{color:var(--black);}
.breadcrumb li[aria-current]{color:var(--black);font-weight:500;}

/* Listing hero - tüm şehir/kategori/arama sayfalarında ortak (16bin+ sayfa) */
.listing-hero{
  position:relative;
  padding:56px 0 40px;
  border-bottom:1px solid var(--line);
  background-image:
    linear-gradient(rgba(0,0,0,.45), rgba(0,0,0,.45)),
    url('slider.jpg');
  background-size:cover;
  background-position:center;
  color:var(--white);
}
.listing-hero > .container{position:relative;z-index:1;}
.listing-hero .eyebrow{color:rgba(255,255,255,.65);}
.listing-hero .eyebrow i{color:var(--white);}
.listing-hero h1{
  font-size:clamp(26px,3.4vw,38px);
  font-weight:700;
  letter-spacing:-.02em;
  line-height:1.2;
  margin:14px 0 16px;
  max-width:820px;
  color:var(--white);
}
.listing-hero > .container > p{
  font-size:15px;
  color:rgba(255,255,255,.75);
  line-height:1.7;
  max-width:760px;
  margin-bottom:28px;
}
.listing-hero p strong{color:var(--white);font-weight:600;}
.listing-hero .city-stat strong{color:var(--white);}
.listing-hero .city-stat span{color:rgba(255,255,255,.6);}

.listing-filter{
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:100px;
  padding:8px;
  max-width:660px;
  box-shadow:var(--shadow);
  margin-bottom:20px;
}
.lf-field{
  flex:1;
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 14px;
  border-right:1px solid var(--line);
}
.lf-field:last-of-type{border-right:none;}
.lf-field i{color:var(--gray-light);font-size:13px;}
.lf-field input,
.lf-field select{
  border:none;
  outline:none;
  font-family:inherit;
  font-size:13.5px;
  width:100%;
  background:transparent;
  color:var(--black);
}
.listing-filter .btn{padding:11px 22px;font-size:13.5px;}

.tag-cloud{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}
.tag-cloud span{font-size:13px;color:var(--gray-light);margin-right:2px;}
.tag-cloud a{
  font-size:12.5px;
  font-weight:500;
  padding:6px 14px;
  border:1px solid var(--line);
  border-radius:100px;
  color:var(--ink);
  transition:all .25s var(--ease);
}
.tag-cloud a:hover{
  background:var(--black);
  color:var(--white);
  border-color:var(--black);
}

/* Listing grid section */
.listing-section{padding:60px 0;}
.listing-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:16px;
  margin-bottom:32px;
}
.listing-head h2{
  font-size:22px;
  font-weight:700;
  letter-spacing:-.01em;
}
.listing-head h2 span{color:var(--gray-light);}
.sort-select{
  border:1px solid var(--line);
  border-radius:100px;
  padding:9px 16px;
  font-family:inherit;
  font-size:13px;
  color:var(--ink);
  background:var(--white);
  outline:none;
}

.listing-grid{
  display:flex;
  flex-direction:column;
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  margin-bottom:36px;
}

.listing-row{
  display:flex;
  align-items:center;
  gap:20px;
  padding:18px 24px;
  border-bottom:1px solid var(--line);
  background:var(--white);
  transition:background .2s;
}
.listing-grid .listing-row:last-child{border-bottom:none;}
.listing-row:hover{background:var(--off);}
.listing-row.featured{background:var(--off);position:relative;}
.lr-featured-badge{
  position:absolute;top:-9px;left:16px;
  background:#f5b400;color:#fff;
  font-size:10.5px;font-weight:800;
  padding:4px 10px;border-radius:100px;
  display:flex;align-items:center;gap:5px;
  box-shadow:0 4px 10px rgba(245,180,0,.35);
  z-index:2;
}
.lr-featured-badge i{font-size:9px;color:#fff;}

/* ===== "Tüm İlanlar" sayfası: yatay liste yerine kare kart grid ===== */
.lc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:18px;
}
.lc-grid-card{
  position:relative;
  border:1px solid var(--line);
  border-radius:16px;
  padding:20px;
  background:var(--white);
  display:flex;
  flex-direction:column;
  gap:10px;
  transition:box-shadow .2s,transform .2s;
}
.lc-grid-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.08);transform:translateY(-2px);}
.lc-grid-card.featured{
  padding-top:34px;
  border:2px solid transparent;
  background:linear-gradient(180deg,#fffdf5,#ffffff 60%);
  box-shadow:0 10px 26px rgba(245,180,0,.16);
  isolation:isolate;
}
.lc-grid-card.featured:hover{box-shadow:0 16px 34px rgba(245,180,0,.28);}
.lc-grid-card.featured::before{
  content:'';
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  padding:2px;
  /* Tek bir ışık noktası kenar boyunca dolaşsın diye çoğu alan transparan,
     sadece küçük bir parlak segment var - kare köşelerini tek tek "dönerek"
     gidiyormuş hissi verir, tüm çerçeve aynı anda parlamaz. */
  background:conic-gradient(from 0deg,
    transparent 0%, transparent 74%,
    #fff6cf 82%, #f5b400 88%, #fff6cf 94%,
    transparent 100%);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:lc-border-spin 5.5s linear infinite;
  z-index:-1;
  pointer-events:none;
}
@keyframes lc-border-spin{
  to{transform:rotate(360deg);}
}
@media (prefers-reduced-motion:reduce){
  .lc-grid-card.featured::before{animation:none;}
}
.lc-featured-badge{
  position:absolute;top:0;left:20px;
  transform:translateY(-50%);
  background:#f5b400;color:#fff;
  font-size:10.5px;font-weight:800;
  padding:4px 10px;border-radius:100px;
  display:flex;align-items:center;gap:5px;
  box-shadow:0 4px 10px rgba(245,180,0,.35);
  z-index:2;
  white-space:nowrap;
}
.lc-featured-badge i{color:#fff;}
.lc-featured-badge i{font-size:9px;}
.lc-grid-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.lc-grid-score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-top:4px;}
.lc-grid-score .lr-score{font-size:16px;font-weight:800;}
.lc-grid-score .lr-review{font-size:11px;color:var(--gray-light);}
.lc-grid-card h3{font-size:15.5px;font-weight:700;margin:0;line-height:1.3;}
.lc-grid-card h3 a{color:inherit;}
.lc-grid-card .lr-sub{font-size:12.5px;color:var(--gray);}
.lc-grid-about{
  font-size:12.5px;
  color:var(--gray);
  line-height:1.5;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.lc-grid-facts{display:flex;gap:14px;font-size:12px;color:var(--gray);margin-top:2px;}
.lc-grid-facts i{margin-right:4px;color:var(--gray-light);}
.lc-grid-cta{
  margin-top:auto;
  width:100%;
  justify-content:center;
  padding:10px;
  font-size:13px;
}

@media (max-width:640px){
  .lc-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .lc-grid-card{padding:14px;border-radius:13px;}
  .lc-grid-card.featured{padding-top:28px;}
  .lc-featured-badge{left:14px;font-size:9.5px;padding:3px 8px;}
  .lc-grid-card h3{font-size:13.5px;}
}
@media (max-width:400px){
  .lc-grid{grid-template-columns:1fr;}
}

/* ===== Firmalar hero'daki fiyat sayfası linkleri ===== */
.price-links-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.price-links-row .btn{font-size:12.5px;padding:9px 16px;}
.listing-hero .price-links-row .btn-outline-dark{
  border-color:rgba(255,255,255,.55);
  color:var(--white);
}
.listing-hero .price-links-row .btn-outline-dark:hover{
  background:var(--white);
  color:var(--black);
  border-color:var(--white);
}

/* ===== Domain/Hosting/Sunucu fiyat karşılaştırma tablosu ===== */
.price-table-wrap{
  overflow-x:auto;
  border:1px solid var(--line);
  border-radius:16px;
  -webkit-overflow-scrolling:touch;
  box-shadow:0 8px 24px rgba(0,0,0,.04);
}
.price-table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
  font-size:13.5px;
}
.price-table th{
  text-align:left;
  padding:16px 18px;
  background:var(--black);
  font-weight:700;
  font-size:11.5px;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:rgba(255,255,255,.6);
  white-space:nowrap;
}
.price-table th.sortable{cursor:pointer;user-select:none;transition:color .15s;}
.price-table th.sortable:hover{color:#fff;}
.price-table th.sortable i{font-size:10px;margin-left:4px;color:rgba(255,255,255,.4);transition:transform .15s;}
.price-table th.sortable.active{color:#fff;}
.price-table th.sortable.active.asc i{transform:rotate(180deg);}
.price-table td{
  padding:16px 18px;
  border-top:1px solid var(--line);
  vertical-align:middle;
}
.price-table tbody tr{transition:background .15s;}
.price-table tbody tr:hover{background:var(--off);}
.price-table tbody tr.featured-row{
  background:linear-gradient(90deg, rgba(245,180,0,.14), rgba(245,180,0,.03) 55%, transparent 85%);
}
.price-table tbody tr.featured-row:hover{
  background:linear-gradient(90deg, rgba(245,180,0,.2), rgba(245,180,0,.05) 55%, transparent 85%);
}
.price-table tbody tr.featured-row td:first-child{
  border-left:4px solid #f5b400;
}
.pt-firm{display:flex;align-items:center;gap:12px;}
.pt-firm img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid var(--line);flex-shrink:0;}
.pt-firm a{font-weight:700;color:inherit;font-size:14px;}
.pt-firm div{display:flex;flex-direction:column;gap:3px;}
.pt-name-link{font-weight:700;color:inherit;font-size:14px;}
.pt-featured-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  background:#f5b400;
  color:#fff;
  font-size:10px;
  font-weight:800;
  padding:3px 9px;
  border-radius:100px;
  white-space:nowrap;
  margin-bottom:4px;
}
.pt-featured-badge i{font-size:8.5px;}
.pt-city{font-size:11.5px;color:var(--gray);display:flex;align-items:center;gap:4px;}
.pt-city i{font-size:9px;}
.pt-price-cell{display:flex;flex-direction:column;gap:2px;white-space:nowrap;}
.pt-price{font-weight:800;font-size:17px;letter-spacing:-.01em;}
.pt-period{font-size:11.5px;color:var(--gray);}
.pt-note{font-size:11px;color:var(--gray-light);white-space:normal;max-width:180px;}
.pt-coupon{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 12px;
  border:1.5px dashed var(--black);
  border-radius:100px;
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.03em;
  cursor:pointer;
  transition:all .15s;
  white-space:nowrap;
}
.pt-coupon:hover{background:var(--black);color:#fff;}
.pt-coupon.copied{background:#1c8a4b;border-color:#1c8a4b;color:#fff;}
.pt-nocoupon{color:var(--gray-light);}
.pt-fresh{color:var(--gray);font-size:12.5px;white-space:nowrap;}
.pt-stale{color:#c0392b;font-size:12.5px;white-space:nowrap;font-weight:600;}
.pt-stale i{margin-left:4px;}

.pt-mobile-label{display:none;}

/* Mobilde yatay kaydırmalı tablo yerine dikey kart görünümü - %100 mobil uyum */
@media (max-width:700px){
  .price-table-wrap{
    overflow-x:visible;
    border:none;
    box-shadow:none;
    border-radius:0;
    background:transparent;
  }
  .price-table{min-width:0;width:100%;}
  .price-table thead{display:none;}
  .price-table, .price-table tbody, .price-table tr, .price-table td{display:block;width:100%;}
  .price-table tbody tr{
    background:#fff;
    border:1px solid var(--line);
    border-radius:16px;
    padding:16px;
    margin-bottom:14px;
  }
  .price-table tbody tr.featured-row{
    border:2px solid #f5b400;
    background:linear-gradient(180deg, rgba(245,180,0,.1), transparent 60%);
  }
  .price-table tbody tr.featured-row td:first-child{border-left:none;}
  .price-table td{
    padding:8px 0;
    border-top:1px solid var(--line);
  }
  .price-table td:first-child{border-top:none;padding-top:0;}
  .price-table td:last-child{padding-bottom:0;}

  .pt-name-row{flex-wrap:wrap;}
  .pt-featured-badge{margin-top:2px;}
  .pt-price-cell{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px;}
  .pt-featured-badge{flex-basis:100%;margin-bottom:2px;}
  .pt-note{max-width:100%;flex-basis:100%;}
  .pt-mobile-label{
    display:inline-block;
    font-size:10.5px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.03em;
    color:var(--gray-light);
    margin-right:8px;
  }
  .pt-detail-btn{width:100%;justify-content:center;}
}

/* ===== Profil sayfasında fiyat kutusu ===== */
.price-box{
  display:flex;
  flex-direction:column;
  gap:4px;
  background:var(--off);
  border-radius:14px;
  padding:18px 20px;
}
.price-box strong{font-size:24px;font-weight:800;letter-spacing:-.01em;}
.price-box span{font-size:13px;color:var(--gray);}
.price-box em{font-style:normal;font-size:12.5px;color:var(--gray);}
.price-box small{font-size:11.5px;color:var(--gray-light);margin-top:4px;}
.price-box.stale small{color:#c0392b;font-weight:600;}

/* ===== İlan düzenle - ayrı fiyat güncelleme kutusu ===== */
.price-update-box{
  border:1px solid var(--line);
  border-radius:16px;
  padding:22px 24px;
  margin-top:24px;
}
.price-update-box h3{
  display:flex;align-items:center;gap:8px;
  font-size:15.5px;font-weight:700;margin-bottom:8px;
}
.price-update-box .form-hint{margin-bottom:14px;}

/* ===== Hizmet Firması Ekle (hosting/domain/sunucu) ===== */
.service-type-tabs{
  display:flex;
  gap:8px;
  margin-bottom:24px;
  flex-wrap:wrap;
}
.stt-btn{
  flex:1;
  min-width:140px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:14px 16px;
  border:2px solid var(--line);
  border-radius:14px;
  background:var(--white);
  font-family:inherit;
  font-size:13.5px;
  font-weight:700;
  color:var(--gray);
  cursor:pointer;
  transition:all .2s;
}
.stt-btn:hover{border-color:var(--black);}
.stt-btn.active{
  border-color:var(--black);
  background:var(--black);
  color:var(--white);
}
.form-divider{border:none;border-top:1px solid var(--line);margin:28px 0 20px;}
.form-section-title{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:15.5px;
  font-weight:700;
  margin-bottom:16px;
}
.req-note{font-size:11.5px;font-weight:500;color:var(--gray);}

@media (max-width:640px){
  .service-type-tabs{flex-direction:column;}
  .stt-btn{min-width:0;}
}

/* ===== Profil - resmi firma bilgileri kutusu ===== */
.legal-info-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:14px;
}
.legal-info-item{
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:14px 16px;
  background:var(--off);
  border-radius:12px;
}
.legal-info-item span{font-size:11px;color:var(--gray-light);text-transform:uppercase;letter-spacing:.03em;font-weight:700;}
.legal-info-item strong{font-size:13.5px;font-weight:600;word-break:break-word;}
.legal-info-item a{color:inherit;}
.legal-info-item .etbis-yes{color:#1c8a4b;}

.lr-avatar-wrap{
  position:relative;
  flex-shrink:0;
  width:56px;height:56px;
}
.lr-avatar{
  width:56px;height:56px;
  border-radius:50%;
  overflow:hidden;
  border:1px solid var(--line);
}
.lr-avatar img{width:100%;height:100%;object-fit:cover;}

.lr-verified{
  position:absolute;
  bottom:-2px;right:-2px;
  width:19px;height:19px;
  display:flex;align-items:center;justify-content:center;
  background:#1d9bf0;
  color:var(--white);
  border:2px solid var(--white);
  border-radius:50%;
  font-size:9px;
}
.lr-online{
  position:absolute;
  top:0;left:-2px;
  width:12px;height:12px;
  border-radius:50%;
  background:#2ecc71;
  border:2px solid var(--white);
}
.lr-online.offline{background:var(--gray-light);}

.lr-info{
  flex:1;
  min-width:0;
}
.lr-info h3{
  font-size:15.5px;
  font-weight:700;
  margin-bottom:3px;
}
.lr-sub{
  font-size:12.5px;
  color:var(--gray);
}
.lr-sub strong{color:var(--ink);font-weight:600;}
.lr-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.lr-tags span{
  font-size:10.5px;
  font-weight:500;
  padding:3px 10px;
  border-radius:100px;
  background:var(--off);
  color:var(--ink);
  border:1px solid var(--line);
}
.listing-row.featured .lr-tags span{background:var(--white);}

.lr-facts{
  display:flex;
  flex-wrap:wrap;
  gap:4px 16px;
  margin-top:10px;
}
.lr-facts span{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:11.5px;
  color:var(--gray);
  white-space:nowrap;
}
.lr-facts i{font-size:10px;color:var(--gray-light);}

.lr-rating{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2px;
  flex-shrink:0;
  min-width:80px;
}
.lr-score{
  font-size:17px;
  font-weight:800;
  letter-spacing:-.01em;
}
.lr-review{
  font-size:11px;
  color:var(--gray);
  white-space:nowrap;
}
.lr-stars{
  display:flex;
  gap:2px;
  margin-top:2px;
}
.lr-stars i{font-size:10px;color:#f5b400;}
.lr-stars i.fa-regular{color:var(--line);}

.lr-cta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-shrink:0;
  padding:11px 20px;
  border-radius:100px;
  background:var(--black);
  color:var(--white);
  font-size:13px;
  font-weight:600;
  transition:all .25s var(--ease);
}
.lr-cta:hover{
  background:var(--ink);
  transform:translateX(2px);
}


/* SEO content block */
.seo-content{
  padding:60px 0;
  background:var(--off);
}
.seo-content h2{
  font-size:24px;
  font-weight:700;
  letter-spacing:-.01em;
  margin-bottom:16px;
}
.seo-content h3{
  font-size:17px;
  font-weight:600;
  margin:28px 0 14px;
}
.seo-content p{
  font-size:14.5px;
  color:var(--gray);
  line-height:1.75;
  max-width:880px;
  margin-bottom:16px;
}
.seo-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:760px;
}
.seo-list li{
  font-size:14px;
  color:var(--gray);
  padding:12px 16px;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:10px;
}
.seo-list a{
  font-weight:600;
  color:var(--black);
}
.seo-list a:hover{text-decoration:underline;}

/* Related cities */
.related-cities{padding:60px 0 90px;}
.related-cities h2{
  font-size:20px;
  font-weight:700;
  margin-bottom:20px;
}
.related-grid{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.related-grid a{
  font-size:13px;
  font-weight:500;
  padding:9px 18px;
  border:1px solid var(--line);
  border-radius:100px;
  color:var(--ink);
  transition:all .25s var(--ease);
}
.related-grid a:hover{
  background:var(--black);
  color:var(--white);
  border-color:var(--black);
}

.account-stats-row{
  display:flex;
  gap:28px;
  margin-top:22px;
  flex-wrap:wrap;
}
.account-stat{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.account-stat strong{
  font-size:22px;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--white);
}
.account-stat span{
  font-size:11.5px;
  color:rgba(255,255,255,.6);
}

.city-stats-row{
  display:flex;
  gap:32px;
  margin-top:24px;
  flex-wrap:wrap;
}
.city-stat{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.city-stat strong{
  font-size:24px;
  font-weight:800;
  letter-spacing:-.02em;
}
.city-stat span{
  font-size:12px;
  color:var(--gray);
}

/* Kategori arama kutusu */
.cat-search-box{
  display:flex;
  align-items:center;
  gap:12px;
  max-width:520px;
  width:100%;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:100px;
  padding:12px 18px;
  box-shadow:var(--shadow);
  margin-top:24px;
  box-sizing:border-box;
}
.cat-search-box i{color:var(--gray-light);font-size:14px;flex-shrink:0;}
.cat-search-box input{
  flex:1;
  min-width:0;
  width:100%;
  border:none;
  outline:none;
  font-family:inherit;
  font-size:14px;
  background:transparent;
  color:var(--black);
}
.cat-search-box span{
  font-size:12px;
  font-weight:600;
  color:var(--gray-light);
  white-space:nowrap;
  flex-shrink:0;
}

@media (max-width:480px){
  .cat-search-box{
    border-radius:16px;
    flex-wrap:wrap;
  }
  .cat-search-box span{
    width:100%;
    order:3;
    padding-top:6px;
    border-top:1px solid var(--line);
    margin-top:4px;
  }
}
.cat-no-results{
  padding:40px 0;
  color:var(--gray);
  text-align:center;
}

/* Kategori sayfası */
.cat-group{margin-bottom:44px;}
.cat-group h2{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:18px;
  font-weight:700;
  margin-bottom:16px;
}
.cat-group h2 i{color:var(--gray);font-size:16px;}
.cat-chip-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.cat-chip{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  font-size:13px;
  font-weight:500;
  color:var(--ink);
  transition:all .2s;
}
.cat-chip i{color:var(--gray-light);font-size:14px;width:18px;text-align:center;}
.cat-chip small{margin-left:auto;font-size:10.5px;color:var(--gray-light);font-weight:600;}
.cat-chip:hover{
  background:var(--black);
  color:var(--white);
  border-color:var(--black);
}
.cat-chip:hover i{color:var(--white);}
.cat-chip:hover small{color:rgba(255,255,255,.6);}

@media (max-width:980px){.cat-chip-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.cat-chip-grid{grid-template-columns:1fr;}}

/* Hesabım - ilanlarım kartları */
.my-listing-grid{
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-bottom:36px;
}
.my-listing-card{
  border:1px solid var(--line);
  border-radius:16px;
  padding:18px 20px;
}
.mlc-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:12px;
}
.mlc-top .lr-info{flex:1;min-width:0;}
.mlc-profile-link{
  display:flex;
  align-items:center;
  gap:8px;
  background:var(--off);
  border-radius:10px;
  padding:9px 14px;
  margin-bottom:14px;
  font-size:12.5px;
  overflow:hidden;
}
.mlc-profile-link i{color:var(--gray-light);flex-shrink:0;}
.mlc-profile-link a{
  color:var(--ink);
  font-weight:500;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mlc-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.mlc-actions .btn{padding:9px 16px;font-size:12.5px;}
.mlc-delete{color:#c0392b;border-color:#f0c4bd;}
.mlc-delete:hover{background:#c0392b;color:var(--white);border-color:#c0392b;}

@media (max-width:640px){
  .mlc-actions{flex-direction:column;}
  .mlc-actions .btn{width:100%;justify-content:center;}
}

/* Pagination */
.pagination{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:10px;
}
.pagination a{
  width:38px;height:38px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);
  border-radius:10px;
  font-size:13px;
  font-weight:600;
  color:var(--ink);
  transition:all .2s;
}
.pagination a.active,
.pagination a:hover{
  background:var(--black);
  color:var(--white);
  border-color:var(--black);
}

/* Responsive */
@media (max-width:640px){
  .listing-filter{flex-direction:column;border-radius:20px;align-items:stretch;}
  .lf-field{border-right:none;border-bottom:1px solid var(--line);}
  .lf-field:last-of-type{border-bottom:none;}
  .listing-filter .btn{width:100%;justify-content:center;}
  .listing-head{flex-direction:column;align-items:flex-start;}

  .listing-row{
    flex-wrap:wrap;
    padding:16px;
  }
  .lr-info{order:1;flex-basis:calc(100% - 76px);}
  .lr-avatar-wrap{order:0;}
  .lr-facts{gap:3px 12px;}
  .lr-rating{
    order:2;
    flex-direction:row;
    align-items:center;
    gap:8px;
    min-width:0;
    margin-left:72px;
  }
  .lr-cta{
    order:3;
    width:100%;
    justify-content:center;
    margin-top:10px;
  }
}