/* COFFIN ROLEPLAY V3.21: Catalog compact layout, scoped to Meslekler/İşletmeler only.
   No change to admin, home, news, store, map, DB or palette. */
:root{--city-bg:#0f0f0f;--city-text:#ececec;--city-muted:#c8c6c6}
/* LISTING HEADER - no 90px page headlines in narrow catalog content */
body .about-layout .about-content{min-width:0;max-width:100%}
body .about-layout .about-content .page-head{margin:0 0 18px!important;min-width:0}
body .about-layout .about-content .page-head h1{
  font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif!important;
  font-size:clamp(31px,4.15vw,46px)!important;
  font-weight:900!important;letter-spacing:.005em!important;
  line-height:1.1!important;max-width:100%;margin:10px 0!important;
  overflow-wrap:break-word;
}
body .about-layout .about-content .page-head .eyebrow{font-size:10px!important;letter-spacing:.13em!important}
body .about-layout .about-content .page-head p{font-size:13px!important;line-height:1.6!important;max-width:720px!important;color:var(--city-muted)!important}
/* MULTI-RECORD CARDS: even 2-up or 3-up grid, no oversized tiles */
body .about-layout .about-content .coffin-city-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;gap:16px!important;align-items:stretch!important;
  max-width:100%!important;margin:22px 0 40px!important;
}
body .about-layout .about-content .coffin-city-grid.count-many{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body .about-layout .about-content .coffin-city-card{max-width:none!important;min-width:0!important;height:100%;border:1px solid #393939!important;border-radius:14px!important;overflow:hidden}
body .about-layout .about-content .coffin-city-cover{height:auto!important;aspect-ratio:16/10!important;min-height:0!important;background:#1b1b1b!important}
body .about-layout .about-content .coffin-city-cover img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
body .about-layout .about-content .coffin-city-card-body{padding:17px!important;gap:9px!important;flex:1}
body .about-layout .about-content .coffin-city-card h2{font-size:clamp(19px,2vw,25px)!important;line-height:1.17!important;margin:0!important;overflow-wrap:anywhere}
body .about-layout .about-content .coffin-city-card p{font-size:13px!important;line-height:1.55!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
body .about-layout .about-content .coffin-city-read{font-size:12px!important;margin-top:auto!important}
/* SINGLE RECORD: horizontal, full-width editorial feature card. No lonely tiny tile. */
body .about-layout .about-content .coffin-city-grid.count-one{grid-template-columns:minmax(0,1fr)!important}
body .about-layout .about-content .coffin-city-grid.count-one .coffin-city-card{
  display:grid!important;grid-template-columns:minmax(220px,37%) minmax(0,1fr)!important;
  align-items:stretch!important;min-height:238px;height:auto;
}
body .about-layout .about-content .coffin-city-grid.count-one .coffin-city-cover{
  width:100%;height:100%!important;min-height:220px!important;aspect-ratio:auto!important;
}
body .about-layout .about-content .coffin-city-grid.count-one .coffin-city-card-body{
  padding:24px!important;justify-content:center;align-items:flex-start;
}
body .about-layout .about-content .coffin-city-grid.count-one .coffin-city-card h2{
  font-size:clamp(25px,3vw,32px)!important;
}
/* DETAIL: photo and copy share a compact first screen, rather than a giant title then giant photo. */
body .coffin-city-detail-shell{background:#0f0f0f!important;padding:28px 20px 55px!important;min-height:0!important}
body .coffin-city-detail{max-width:1020px!important;margin:0 auto!important}
body .coffin-city-back{font-size:12px!important;padding:9px 12px!important;margin:0 0 18px!important;border:1px solid #4e4e4e!important}
body .coffin-city-detail-hero{
  display:grid!important;grid-template-columns:minmax(0,48%) minmax(0,1fr)!important;
  gap:24px;align-items:center;background:#181818;border:1px solid #373737;border-radius:16px;
  padding:18px;min-height:250px;max-width:100%;
}
body .coffin-city-detail-media{display:flex;align-items:stretch;justify-content:center;min-width:0;height:270px;overflow:hidden;border-radius:10px;background:#252525}
body .coffin-city-detail-hero .coffin-city-detail-image{display:block;width:100%;height:100%;max-height:270px!important;object-fit:cover!important;margin:0!important;border:0!important;border-radius:10px!important;filter:none!important}
body .coffin-city-detail-media .coffin-city-fallback{align-self:stretch;width:100%;display:grid;place-items:center}
body .coffin-city-detail-hero .coffin-city-detail-head{min-width:0}
body .coffin-city-detail-hero .coffin-city-detail-head h1{
  font-family:"Barlow Condensed",Impact,"Arial Narrow",sans-serif!important;
  font-size:clamp(30px,3.5vw,46px)!important;
  line-height:1.08!important;letter-spacing:.005em!important;
  font-weight:900!important;overflow-wrap:break-word!important;word-break:normal!important;
  margin:12px 0 14px!important;max-width:100%!important;
}
body .coffin-city-detail-hero .coffin-city-detail-head p{
  font:400 14px/1.65 Manrope,Arial,sans-serif!important;color:#c8c6c6!important;
  max-width:460px!important;margin:0!important;overflow-wrap:anywhere!important;
}
body .coffin-city-detail-body{
  background:#161616!important;border:1px solid #373737!important;border-radius:14px!important;
  padding:22px 25px!important;margin:19px 0!important;
  font:400 14px/1.75 Manrope,Arial,sans-serif!important;
}
body .coffin-city-detail-body h2{font-size:22px;line-height:1.25;margin:15px 0 8px}
body .coffin-city-detail-body h3{font-size:18px;line-height:1.25}
body .coffin-city-detail-body p,body .coffin-city-detail-body li{color:#c8c6c6!important}
body .coffin-city-bottom-back{margin-top:6px!important}
/* Tablet: 2 cards and balanced columns; single item still horizontal when space allows. */
@media(max-width:1100px){
 body .about-layout .about-content .coffin-city-grid.count-many{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .about-layout .about-content .coffin-city-grid.count-one .coffin-city-card{grid-template-columns:minmax(180px,40%) minmax(0,1fr)!important}
 body .coffin-city-detail-hero{gap:18px}
}
@media(max-width:760px){
 body .about-layout .about-content .coffin-city-grid.count-many,
 body .about-layout .about-content .coffin-city-grid.count-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .about-layout .about-content .coffin-city-grid.count-one .coffin-city-card{grid-template-columns:minmax(0,1fr)!important;min-height:0}
 body .about-layout .about-content .coffin-city-grid.count-one .coffin-city-cover{height:auto!important;aspect-ratio:16/9!important;min-height:0!important}
 body .about-layout .about-content .coffin-city-grid.count-one .coffin-city-card-body{padding:17px!important}
 body .coffin-city-detail-hero{grid-template-columns:minmax(0,1fr)!important;gap:14px;padding:12px}
 body .coffin-city-detail-media{height:260px}
}
@media(max-width:570px){
 body .about-layout .about-content .page-head h1{font-size:clamp(30px,8vw,39px)!important}
 body .about-layout .about-content .coffin-city-grid.count-many,
 body .about-layout .about-content .coffin-city-grid.count-two{grid-template-columns:minmax(0,1fr)!important}
 body .coffin-city-detail-shell{padding:20px 14px 45px!important}
 body .coffin-city-detail-media{height:auto;aspect-ratio:16/10}
 body .coffin-city-detail-hero .coffin-city-detail-head h1{font-size:clamp(28px,8vw,38px)!important;margin:8px 0!important}
 body .coffin-city-detail-body{padding:16px!important}
}