/* CHERCHEZ LA FEMME · WEITERLESEN COVERS · Layout V2 */

/* Kill the legacy number-column geometry completely. */
.clf-wl-item{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-areas:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:15px 0!important;
  box-sizing:border-box!important;
}
.clf-wl-item + .clf-wl-item{
  border-top:1px solid rgba(28,24,20,.10)!important;
}
.clf-wl-hide-number,
.clf-wl-item>[class*="index"],
.clf-wl-item>[class*="number"],
.clf-wl-item>[class*="count"],
.clf-wl-item>.rank,
.clf-wl-item>.num,
.clf-wl-item>[data-rank]{
  display:none!important;
}

.clf-wl-item .clf-wl-row{
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

.clf-wl-item .clf-wl-thumb-wrap{
  display:block!important;
  width:62px!important;
  min-width:62px!important;
  max-width:62px!important;
  margin:0!important;
  padding:0!important;
}
.clf-wl-item .clf-wl-thumb{
  display:block!important;
  width:62px!important;
  height:78px!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:10px!important;
  border:1px solid rgba(24,20,17,.09)!important;
  background:#e9e3da!important;
  box-shadow:0 5px 14px rgba(19,16,14,.07)!important;
  text-decoration:none!important;
}
.clf-wl-item .clf-wl-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center 20%!important;
  transition:transform .25s ease!important;
}
.clf-wl-item .clf-wl-thumb:hover img{transform:scale(1.025)!important}

.clf-wl-item .clf-wl-link{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  align-self:center!important;
}
.clf-wl-item .clf-wl-link>a{
  display:-webkit-box!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  color:#1b1815!important;
  text-decoration:none!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:15.5px!important;
  line-height:1.17!important;
  font-weight:400!important;
  letter-spacing:-.012em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:auto!important;
}
.clf-wl-item .clf-wl-link>a:hover{text-decoration:underline!important;text-underline-offset:3px!important}

/* Neutralize inherited constraints from the old ordered list. */
.clf-wl-item .clf-wl-link>a span,
.clf-wl-item .clf-wl-link>a strong,
.clf-wl-item .clf-wl-link>a em{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  font:inherit!important;
  line-height:inherit!important;
}

@media(max-width:1100px){
  .clf-wl-item .clf-wl-row{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important}
  .clf-wl-item .clf-wl-thumb-wrap{width:58px!important;min-width:58px!important;max-width:58px!important}
  .clf-wl-item .clf-wl-thumb{width:58px!important;height:74px!important}
  .clf-wl-item .clf-wl-link>a{font-size:15px!important}
}

@media(max-width:820px){
  .clf-wl-item{padding:13px 0!important}
  .clf-wl-item .clf-wl-row{grid-template-columns:60px minmax(0,1fr)!important;gap:13px!important}
  .clf-wl-item .clf-wl-thumb-wrap{width:60px!important;min-width:60px!important;max-width:60px!important}
  .clf-wl-item .clf-wl-thumb{width:60px!important;height:76px!important;border-radius:10px!important}
  .clf-wl-item .clf-wl-link>a{font-size:16px!important;line-height:1.18!important;-webkit-line-clamp:3!important}
}

@media(max-width:420px){
  .clf-wl-item .clf-wl-row{grid-template-columns:56px minmax(0,1fr)!important;gap:11px!important}
  .clf-wl-item .clf-wl-thumb-wrap{width:56px!important;min-width:56px!important;max-width:56px!important}
  .clf-wl-item .clf-wl-thumb{width:56px!important;height:72px!important}
  .clf-wl-item .clf-wl-link>a{font-size:15.5px!important;line-height:1.18!important}
}

@media(prefers-reduced-motion:reduce){
  .clf-wl-item .clf-wl-thumb img{transition:none!important}
}