/* Step 83: clickable cards, polished marketplace detail and mobile layout */
.kf-ad-card{position:relative;isolation:isolate;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.kf-ad-card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(15,23,42,.10)}
.kf-card-full-link{position:absolute;inset:0;z-index:1;border-radius:inherit}
.kf-ad-card .kf-ad-photo,.kf-ad-card .kf-ad-body{position:relative;z-index:0}
.kf-ad-card button,.kf-ad-card .js-favorite-ad,.kf-ad-card .kf-card-gallery-btn,.kf-ad-card .kf-ad-seller a,.kf-ad-card .kf-ad-title{position:relative;z-index:3}
.kf-ad-card .kf-card-gallery-link{position:relative;z-index:2}

.kf-detail-breadcrumbs{display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap}
.kf-detail-breadcrumbs a{color:#64748b;text-decoration:none;font-weight:600}
.kf-detail-breadcrumbs a:hover{color:#00ad74;text-decoration:underline}
.kf-detail-breadcrumbs [aria-current="page"]{overflow:hidden;text-overflow:ellipsis;color:#94a3b8}

.ad-detail-page.kf-detail{background:#fff}
.kf-detail-grid{background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%);border:1px solid #e8edf2;border-radius:26px;padding:22px;box-shadow:0 18px 50px rgba(15,23,42,.08)}
.kf-detail-gallery,.kf-detail-main-photo{border-radius:20px!important}
.kf-detail-side{background:#fff;border:1px solid #e8edf2;border-radius:20px;padding:24px!important;box-shadow:0 12px 30px rgba(15,23,42,.06)}
.kf-detail-head h1{font-size:clamp(30px,3vw,46px)!important;line-height:1.08!important;letter-spacing:-.03em;margin:10px 0 14px!important}
.kf-detail-price{font-size:clamp(34px,4vw,52px)!important;letter-spacing:-.035em}
.kf-detail-head .ad-type-badge{display:inline-flex!important;margin:2px 0 12px!important;border-radius:999px!important;padding:8px 14px!important;font-size:15px!important;font-weight:800!important}
.kf-contact-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
.kf-contact-actions .kf-primary-action,.kf-contact-actions .kf-secondary-action{grid-column:span 2}
.kf-contact-actions>*{min-height:52px;border-radius:14px!important}
.kf-seller-card,.kf-phone-box,.kf-safe-box{border-radius:16px!important;border:1px solid #edf1f4!important;background:#f8fafb!important}
.kf-detail-description{margin-top:28px!important;border:1px solid #e8edf2;border-radius:24px;padding:28px!important;background:#fff;box-shadow:0 14px 36px rgba(15,23,42,.06)}
.kf-detail-description h2{margin-top:0;font-size:30px;letter-spacing:-.02em}
.kf-detail-description .ad-description{font-size:19px;line-height:1.7;color:#25303b}
.related-ads{margin-top:28px;border-top:0!important;background:#fff;border:1px solid #e8edf2;border-radius:24px;padding:24px;box-shadow:0 12px 30px rgba(15,23,42,.05)}

@media(max-width:760px){
  .kf-ad-card{border-radius:16px!important;padding:0!important;overflow:hidden}
  .kf-ad-card:hover{transform:none}
  .kf-detail-breadcrumbs{font-size:14px;padding:0 2px}
  .ad-detail-page.kf-detail{width:calc(100% - 20px)!important;margin:16px auto 96px!important}
  .ad-detail-page.kf-detail .kf-detail-grid{padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;gap:16px!important}
  .ad-detail-page.kf-detail .kf-detail-media{border-radius:18px;overflow:hidden;background:#f3f5f7}
  .ad-detail-page.kf-detail .kf-detail-side{width:100%!important;padding:20px!important;border-radius:20px!important;box-shadow:0 10px 28px rgba(15,23,42,.07)!important}
  .kf-detail-head h1{font-size:34px!important}
  .kf-detail-price{font-size:38px!important}
  .kf-contact-actions{grid-template-columns:1fr!important}
  .kf-contact-actions .kf-primary-action,.kf-contact-actions .kf-secondary-action{grid-column:auto}
  .kf-detail-description{margin-top:16px!important;padding:22px 20px!important;border-radius:20px!important}
  .kf-detail-description h2{font-size:28px}
  .kf-detail-description .ad-description{font-size:18px;line-height:1.65}
  .related-ads{border-radius:20px;padding:18px}
}