/*
  EnFavori public list directory — two independent list-card layouts.
  Shared by /listeler and the admin-only design preview.
*/

.lists-page--directory-v2{
  --lab-ink:var(--ef-text,#132842);
  --lab-muted:var(--ef-muted,#64748b);
  --lab-panel:var(--ef-surface,#fff);
  --lab-border:var(--ef-border,#e1e8ef);
  --lab-teal:#079d95;
  --lab-blue:#3c2cf1;
  padding-top:12px;
  padding-bottom:60px;
}
.lists-page--directory-v2 *{box-sizing:border-box}
.lists-page--directory-v2 :is(a,button,select,input):focus-visible{
  outline:3px solid #13b8b0;outline-offset:3px;
}
.ef-lab-banner{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 16px;
  background:var(--lab-panel);border:1px dashed #92ced0;
  border-radius:13px;color:var(--lab-ink);font-size:12px;
}
.ef-lab-banner strong{color:#078d84;margin-right:9px;letter-spacing:.06em}
.ef-lab-banner a{color:#078d84;text-decoration:none;font-weight:850;white-space:nowrap}
.ef-lab-intro{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:16px 6px 19px;
}
.ef-lab-kicker{font-size:10px;letter-spacing:.18em;color:#087d78;font-weight:900}
.ef-lab-intro h1{
  margin:8px 0 6px;font-size:clamp(28px,3vw,40px);
  font-weight:950;letter-spacing:-.045em;color:var(--lab-ink);
}
.ef-lab-intro p{margin:0;color:var(--lab-muted);font-size:13px}
.ef-lab-intro__stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:end}
.ef-lab-intro__stats span{
  display:flex;align-items:baseline;gap:6px;
  padding:10px 13px;border:1px solid var(--lab-border);
  border-radius:13px;color:var(--lab-muted);background:var(--lab-panel);
  font-size:11px;font-weight:700;white-space:nowrap;
}
.ef-lab-intro__stats strong{font-size:19px;color:var(--lab-ink)}
.ef-lab-filters{
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.6fr) auto;
  gap:12px;margin-bottom:26px;padding:13px;
  background:var(--lab-panel);border:1px solid var(--lab-border);
  border-radius:16px;
}
.ef-lab-filters label{
  display:flex;align-items:center;min-width:0;min-height:44px;
  border:1px solid var(--lab-border);border-radius:10px;
  background:var(--lab-panel);color:var(--lab-muted);
}
.ef-lab-filters__search{gap:10px;padding:0 13px}
.ef-lab-filters__search svg{height:18px;width:18px;flex:none}
.ef-lab-filters :is(input,select){
  width:100%;min-width:0;min-height:42px;padding:0;
  border:0;outline:0;color:var(--lab-ink);background:transparent;
  font:inherit;font-size:13px;
}
.ef-lab-filters__category select{padding:0 12px}
.ef-lab-filters button{
  display:flex;align-items:center;justify-content:center;gap:9px;
  min-height:44px;padding:0 19px;border:0;border-radius:10px;
  background:var(--lab-teal);color:#fff;font-size:12px;
  font-weight:850;cursor:pointer;
}
.ef-lab-showcase{margin-top:0}
.ef-lab-heading{
  display:flex;align-items:end;justify-content:space-between;gap:15px;
  flex-wrap:wrap;padding:0 4px 18px;
}
.ef-lab-heading h2{
  color:var(--lab-ink);
  font-size:clamp(23px,2.5vw,30px);
  font-weight:950;letter-spacing:-.035em;margin:5px 0 0;
}
.ef-lab-heading__tools{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.ef-lab-total{font-size:12px;font-weight:850;color:var(--lab-muted);white-space:nowrap}
.ef-lab-showcase .list-directory__toolbar{display:flex;gap:9px;align-items:center}
.ef-lab-showcase .list-directory__sort select{
  min-width:140px;height:43px;
  background:var(--lab-panel);color:var(--lab-ink);
  border:1px solid var(--lab-border);
}
.ef-lab-showcase .list-directory__view-switch{
  background:var(--lab-panel);border-color:var(--lab-border);
  padding:4px;min-height:43px;
}
.ef-lab-showcase .list-directory__view-switch button{
  font-size:11px;gap:5px;min-height:34px;padding:0 12px;
  color:var(--lab-muted);
}
.ef-lab-showcase .list-directory__view-switch button[aria-pressed="true"]{
  color:#fff;background:#102b49;
}
.ef-lab-showcase [data-lab-layout]{display:none}
.ef-lab-showcase[data-view="horizontal"] [data-lab-layout="horizontal"]{display:grid}
.ef-lab-showcase[data-view="grid"] [data-lab-layout="grid"]{display:grid}
.ef-lab-empty{
  background:var(--lab-panel);border:1px solid var(--lab-border);
  border-radius:18px;padding:35px;text-align:center;
}
.ef-lab-empty h3{margin:0 0 7px;color:var(--lab-ink)}
.ef-lab-empty p{margin:0 0 12px;color:var(--lab-muted)}
.ef-lab-empty a{color:var(--lab-teal);font-weight:800}

/* -------------------------------------------
   MODEL 1 — Cyan editorial / floating imagery
   The visible card is a white slab; thumbnail breaks out at left.
   ------------------------------------------- */
.ef-lab-editorial{
  grid-template-columns:minmax(0,1.85fr) minmax(250px,.75fr);
  align-items:start;gap:37px;
  border-radius:22px;
  padding:48px 36px 44px 45px;
  background:linear-gradient(115deg,#249ab3 0%,#50bfd4 60%,#70d6e5 100%);
  min-width:0;
}
.ef-lab-editorial__list{display:flex;flex-direction:column;gap:24px;min-width:0}
.ef-lab-editorial__group{
  display:flex;flex-direction:column;gap:28px;min-width:0;
}
.ef-lab-editorial__group + .ef-lab-editorial__group{
  border-top:1px solid rgba(255,255,255,.35);
  padding-top:29px;
}
.ef-lab-editorial-card{
  --editorial-cover-width:286px;
  --editorial-cover-overlap:37px;
  min-width:0;
  padding-left:var(--editorial-cover-overlap);
}
.ef-lab-editorial-card__link{
  display:flex;align-items:center;
  min-height:190px;position:relative;
  border-radius:24px;
  padding:20px 27px 20px calc(var(--editorial-cover-width) - var(--editorial-cover-overlap) + 22px);
  background:#fff;color:#15233a;
  text-decoration:none;
  box-shadow:0 14px 36px -31px rgba(5,40,65,.35);
  transition:transform .2s ease,box-shadow .2s ease;
}
.ef-lab-editorial-card__link:hover{
  transform:translateY(-3px);
  box-shadow:0 27px 40px -27px rgba(5,40,65,.30);
}
.ef-lab-editorial-card__media{
  position:absolute;
  left:calc(0px - var(--editorial-cover-overlap));top:50%;
  width:var(--editorial-cover-width);height:auto;aspect-ratio:var(--ef-media-cover-ratio, 16 / 9);
  transform:translateY(-50%);
  overflow:hidden;border-radius:23px;
  background:#cce5e7;
  box-shadow:0 14px 22px -17px rgba(4,38,66,.40);
}
.ef-lab-editorial-card__media .ef-list-cover{
  width:100%;height:100%;border-radius:0;
}
/* All catalogue photos fill the same fixed media frame, regardless of source
   orientation. The card clips only the overflow, never shows letterbox bands.
   Original images remain untouched in storage and on list detail pages. */
.ef-lab-editorial-card__media .ef-list-cover__photo,
.ef-lab-editorial-feature__photo .ef-list-cover__photo,
.ef-lab-directory-card__image .ef-list-cover__photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
/* Keep themed illustrations only as fallback when no photo is available. */
.ef-lab-editorial-card__media .ef-list-cover.has-photo,
.ef-lab-editorial-feature__photo .ef-list-cover.has-photo,
.ef-lab-directory-card__image .ef-list-cover.has-photo{
  background:#edf2f5;
}
.ef-lab-editorial-card__media .ef-list-cover.has-photo .ef-list-cover__art,
.ef-lab-editorial-feature__photo .ef-list-cover.has-photo .ef-list-cover__art,
.ef-lab-directory-card__image .ef-list-cover.has-photo .ef-list-cover__art{
  display:none;
}
.ef-lab-editorial-card__media .ef-list-cover__illustration{
  width:100%;height:100%;object-fit:contain;
}
.ef-lab-editorial-card__media .ef-list-cover__badge{display:none}
.ef-lab-editorial-card__text{
  display:flex;flex-direction:column;align-items:flex-start;
  min-width:0;width:100%;gap:10px;
}
.ef-lab-editorial-card__category{
  font-size:10px;font-weight:800;
  letter-spacing:.025em;color:#0c8490;
}
.ef-lab-editorial-card__title{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;max-width:100%;
  color:var(--ef-card-title, #102b49);font-size:var(--ef-card-title-size, 17px);font-weight:900;line-height:1.32;
}
.ef-lab-editorial-card__description{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;max-width:100%;
  color:var(--ef-card-description, #52677b);font-size:var(--ef-card-description-size, 12.5px);line-height:1.55;
}
.ef-lab-editorial-card__bottom{
  display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;
  width:100%;margin-top:6px;flex-wrap:nowrap;
}
.ef-lab-editorial-card__metrics{
  display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;gap:9px;
  color:#64748b;
}
.ef-lab-editorial-card__metric{
  display:inline-flex;align-items:center;gap:4px;
  min-width:0;font-size:11px;font-weight:750;white-space:nowrap;
}
.ef-lab-editorial-card__metric svg{
  width:14px;height:14px;flex:0 0 14px;
}
.ef-lab-editorial-card__action{
  display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;
  margin-left:auto;background:var(--ef-card-action-bg, #087c74);color:#fff;border-radius:var(--ef-card-action-radius, 10px);
  padding:10px 15px;font-size:11px;font-weight:850;
  white-space:nowrap;
}
.ef-lab-editorial__aside{
  position:sticky;top:88px;align-self:start;
  display:flex;flex-direction:column;gap:24px;min-width:0
}
.ef-lab-editorial-feature{
  display:flex;flex-direction:column;align-items:flex-start;
  min-width:0;position:relative;
  margin-top:18px;
  padding:115px 21px 23px;
  background:#fff;
  color:#15223a;text-decoration:none;
  border-radius:17px;
  min-height:300px;
}
.ef-lab-editorial-feature__photo{
  position:absolute;
  top:-30px;left:18px;right:18px;
  height:142px;overflow:hidden;
  background:#e1ecef;border-radius:18px;
  box-shadow:0 10px 17px -15px rgba(9,43,67,.44);
}
.ef-lab-editorial-feature__photo .ef-list-cover{
  width:100%;height:100%;border-radius:0;
}
.ef-lab-editorial-feature__photo .ef-list-cover__illustration{
  width:100%;height:100%;object-fit:contain;
}
.ef-lab-editorial-feature__photo .ef-list-cover__badge{display:none}
.ef-lab-editorial-feature__label{
  display:block;font-size:9px;letter-spacing:.1em;font-weight:850;
  color:#0a9eaa;margin:7px 0 9px;
}
.ef-lab-editorial-feature strong{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;font-size:16px;font-weight:950;line-height:1.32;
}
.ef-lab-editorial-feature p{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;
  overflow:hidden;line-height:1.5;color:#5d6674;font-size:11px;
  margin:12px 0 18px;
}
.ef-lab-editorial-feature__action{
  display:flex;gap:6px;align-items:center;margin-top:auto;
  color:#3126d8;font-size:11px;font-weight:900;
}
.ef-lab-editorial__purple{
  display:flex;flex-direction:column;align-items:flex-start;
  border-radius:16px;
  background:linear-gradient(130deg,#3c06a5,#6920c4);
  padding:24px 21px;color:#fff;
}
.ef-lab-editorial__purple > span{font-size:10px;letter-spacing:.12em;opacity:.9}
.ef-lab-editorial__purple h3{font-size:17px;line-height:1.3;margin:11px 0;font-weight:950;color:#fff}
.ef-lab-editorial__purple p{font-size:11px;line-height:1.6;color:#efe6ff;margin:0 0 17px}
.ef-lab-editorial__purple a{
  background:#fff;color:#371393;text-decoration:none;
  padding:9px 13px;border-radius:999px;font-size:11px;font-weight:900;
}

/* -------------------------------------------
   MODEL 2 — White startup directory / left rail + 4-column
   ------------------------------------------- */
.ef-lab-directory{
  min-width:0;
  grid-template-columns:190px minmax(0,1fr);
  gap:20px;align-items:start;
  padding:24px 22px 35px;
  background:var(--lab-panel);
  border:1px solid var(--lab-border);
  border-radius:19px;
}
.ef-lab-directory__sidebar{
  min-width:0;
  display:flex;flex-direction:column;
  padding:2px 15px 15px 0;
  border-right:1px solid var(--lab-border);
}
.ef-lab-directory__sidebar-head{
  display:flex;gap:8px;align-items:center;
  margin-bottom:25px;font-size:12px;font-weight:950;color:var(--lab-ink);
}
.ef-lab-directory__mark{
  display:grid;place-items:center;
  width:39px;height:39px;
  color:#fff;background:#2723a1;
  border-radius:9px;font-size:16px;
  letter-spacing:-.08em;
}
.ef-lab-directory__sidebar-actions a{
  display:flex;align-items:center;justify-content:space-between;gap:6px;
  color:var(--lab-ink);font-size:11px;font-weight:850;text-decoration:none;
  margin-bottom:24px;
}
.ef-lab-directory__categories p{
  font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--lab-muted);
  margin:0 0 10px;
}
.ef-lab-directory__categories a{
  display:flex;gap:7px;align-items:center;
  text-decoration:none;color:var(--lab-muted);
  padding:9px 8px;border-radius:9px;
  font-size:12px;font-weight:750;
  line-height:1.35;overflow-wrap:anywhere;
}
.ef-lab-directory__categories a span{
  flex:none;width:14px;font-size:14px;text-align:center;color:#7a93a4;
}
.ef-lab-directory__categories a small{
  color:var(--lab-muted);font-size:10px;
  margin-left:auto;
}
.ef-lab-directory__categories a.is-active,
.ef-lab-directory__categories a:hover{
  background:color-mix(in srgb,var(--lab-panel) 88%,#19bdb6);
  color:#0b7975;
}
/* Mobile categories use a native disclosure; the desktop sidebar stays visible. */
.ef-lab-directory__mobile-category-disclosure{display:none}
.ef-lab-directory__categories--desktop{display:block}
.ef-lab-directory__main{min-width:0}
.ef-lab-directory__topline{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:4px 0 17px;
}
.ef-lab-directory__topline strong{font-size:16px;font-weight:900;color:var(--lab-ink)}
.ef-lab-directory__topline span{font-size:11px;color:var(--lab-muted)}
.ef-lab-directory__grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:stretch;gap:16px;
}

/* /listeler: one card source for both views.
   Original category/discovery displays keep their specialized layouts.
   No duplicated cyan feature rail or second sidebar filter. */
.lists-page--directory-v2 .ef-lab-directory--unified{
  display:block;grid-template-columns:none;
  margin:0;padding:0;border:0;border-radius:0;
  background:transparent;box-shadow:none;
}
.lists-page--directory-v2 .ef-lab-directory--unified .ef-lab-directory__main{
  width:100%;min-width:0;
}
@media(min-width:691px){
  .lists-page--directory-v2 .ef-lab-showcase[data-view="horizontal"] .ef-lab-directory--unified .ef-lab-directory__grid{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }
  .lists-page--directory-v2 .ef-lab-showcase[data-view="horizontal"] .ef-lab-directory--unified .ef-lab-directory-card__link{
    display:grid;
    grid-template-columns:minmax(210px,31%) minmax(0,1fr);
    align-items:center;
    min-height:205px;
  }
  .lists-page--directory-v2 .ef-lab-showcase[data-view="horizontal"] .ef-lab-directory--unified .ef-lab-directory-card__image{
    width:calc(100% - 16px);
    margin:8px;
    align-self:center;
    aspect-ratio:var(--ef-media-cover-ratio,16 / 9);
  }
  .lists-page--directory-v2 .ef-lab-showcase[data-view="horizontal"] .ef-lab-directory--unified .ef-lab-directory-card__body{
    padding:16px 18px;
  }
  .lists-page--directory-v2 .ef-lab-showcase[data-view="horizontal"] .ef-lab-directory--unified .ef-lab-directory-card__title{
    -webkit-line-clamp:2;
    font-size:var(--ef-card-title-size,17px);
  }
  .lists-page--directory-v2 .ef-lab-showcase[data-view="horizontal"] .ef-lab-directory--unified .ef-lab-directory-card__description{
    -webkit-line-clamp:2;
  }
}
.ef-lab-directory-card{min-width:0}
.ef-lab-directory-card__link{
  display:flex;flex-direction:column;
  min-width:0;height:100%;overflow:hidden;
  border:1px solid var(--lab-border);
  background:var(--lab-panel);color:var(--lab-ink);
  border-radius:var(--ef-card-radius, 18px);text-decoration:none;
  box-shadow:0 8px 15px -19px rgba(7,38,56,.3);
  transition:border-color .2s ease,transform .2s ease;
}
.ef-lab-directory-card__link:hover{transform:translateY(-3px);border-color:#7dc5c0}
.ef-lab-directory-card__image{
  display:block;aspect-ratio:var(--ef-media-cover-ratio, 16 / 9);
  border-radius:15px;overflow:hidden;
  margin:6px 6px 0;
  background:var(--ef-surface-soft);
  border:1px solid var(--lab-border);
}
.ef-lab-directory-card__image .ef-list-cover{
  width:100%;height:100%;
  border-radius:0;
}
.ef-lab-directory-card__image .ef-list-cover__illustration{
  object-fit:contain;width:100%;height:100%;
}
.ef-lab-directory-card__image .ef-list-cover__badge{display:none}
.ef-lab-directory-card__body{
  display:flex;flex:1;flex-direction:column;min-width:0;
  padding:15px 14px 13px;
}
.ef-lab-directory-card__title{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
  overflow:hidden;
  margin:0 0 9px;
  font-size:var(--ef-card-title-small, 15px);line-height:1.34;font-weight:900;color:var(--ef-card-title, #102b49);
  overflow-wrap:anywhere;
}
.ef-lab-directory-card__category{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  overflow:hidden;
  margin-bottom:9px;
  color:#0b8e87;font-size:11.5px;font-weight:800;
}
.ef-lab-directory-card__description{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;
  overflow:hidden;min-width:0;
  color:var(--ef-card-description, #52677b);font-size:var(--ef-card-description-size, 12.5px);line-height:1.55;
}
.ef-lab-directory-card__footer{
  display:flex;align-items:center;gap:6px;
  margin-top:auto;padding-top:18px;
  min-width:0;
  color:var(--lab-muted);font-size:11px;font-weight:750;
}
.ef-lab-directory-card__footer > span{
  display:inline-flex;align-items:center;gap:4px;
}
.ef-lab-directory-card__footer svg{width:15px;height:15px}
.ef-lab-directory-card__footer > .ef-lab-directory-card__go{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  flex:0 0 auto;min-height:var(--ef-card-action-min-height, 36px);padding:0 10px;
  margin-left:auto;border:0;border-radius:var(--ef-card-action-radius, 10px);
  background-color:var(--ef-card-action-bg, #087c74);color:#fff;
  font-size:10px;font-weight:800;line-height:1.1;
  text-align:center;white-space:nowrap;box-shadow:none;
}
.ef-lab-directory-card__go-label{display:inline}
.ef-lab-directory-card__go-arrow{font-size:12px;line-height:1}

/* Responsive, with no half cards or horizontal overflow */
@media(max-width:1200px){
  .ef-lab-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ef-lab-editorial{grid-template-columns:minmax(0,1fr) 225px;gap:24px;padding:54px 27px 37px 47px}
  .ef-lab-editorial-card{--editorial-cover-width:248px}
  .ef-lab-editorial-card__link{min-height:182px;padding-right:24px}
  .ef-lab-editorial-card__edge{display:none}
}
@media(max-width:940px){
  .ef-lab-intro{align-items:flex-start;flex-direction:column}
  .ef-lab-intro__stats{justify-content:start}
  .ef-lab-editorial{grid-template-columns:1fr}
  .ef-lab-editorial-card{--editorial-cover-width:286px}
  .ef-lab-editorial__aside{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:18px}
  .ef-lab-editorial-feature{margin-top:30px}
  .ef-lab-directory{grid-template-columns:150px minmax(0,1fr);gap:12px;padding:15px}
  .ef-lab-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:690px){
  .lists-page--directory-v2{padding-top:0}
  .ef-lab-banner{flex-direction:column;align-items:start;padding:10px 12px;font-size:11px}
  .ef-lab-intro{padding:12px 0 17px}
  .ef-lab-intro__stats{gap:6px}
  .ef-lab-intro__stats span{padding:8px;font-size:10px}
  .ef-lab-intro__stats strong{font-size:15px}
  .ef-lab-filters{grid-template-columns:1fr;margin-bottom:22px;padding:10px;gap:9px}
  .ef-lab-filters button{min-height:44px;font-size:13px}
  .ef-lab-heading{align-items:start;padding:0 0 15px;gap:9px}
  .ef-lab-heading__tools{display:grid;grid-template-columns:1fr;width:100%;gap:10px;min-width:0}
  .ef-lab-showcase .list-directory__toolbar{display:grid;grid-template-columns:1fr;gap:8px;min-width:0;width:100%}
  .ef-lab-showcase .list-directory__sort label{display:none}
  .ef-lab-showcase .list-directory__sort{width:100%;min-width:0}
  .ef-lab-showcase .list-directory__sort select{height:42px;min-width:0;width:100%;font-size:13px}
  .ef-lab-showcase .list-directory__view-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;min-height:42px;padding:3px}
  /* On phones both viewing modes are one readable column; do not show a dummy switch. */
  .lists-page--directory-v2 .ef-lab-showcase .list-directory__view-switch{display:none}
  .ef-lab-showcase .list-directory__view-switch button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:36px;font-size:12px;padding:0 8px}
  .ef-lab-editorial{padding:35px 15px 24px 24px;gap:23px;border-radius:16px}
  .ef-lab-editorial__list{gap:21px}
  .ef-lab-editorial__group{gap:25px}
  .ef-lab-editorial__group + .ef-lab-editorial__group{padding-top:24px}
  .ef-lab-editorial-card{--editorial-cover-width:100%;padding-left:0;padding-top:34px}
  .ef-lab-editorial-card__link{
    display:flex;flex-direction:column;align-items:stretch;
    padding:0 18px 18px;border-radius:17px;min-height:0;
  }
  .ef-lab-editorial-card__media{
    position:relative;left:auto;top:-30px;transform:none;
    width:100%;height:auto;aspect-ratio:var(--ef-media-cover-ratio, 16 / 9);flex:0 0 auto;
    margin-bottom:-18px;border-radius:15px;
  }
  .ef-lab-editorial-card__text{gap:9px}
  .ef-lab-editorial-card__title{font-size:17px;line-height:1.4}
  .ef-lab-editorial-card__description{font-size:13px;line-height:1.55}
  .ef-lab-editorial-card__bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:8px}
  .ef-lab-editorial-card__metrics{gap:9px}
  .ef-lab-editorial-card__metric{font-size:11px}
  .ef-lab-editorial-card__action{flex:0 0 auto;margin-left:auto}
  .ef-lab-editorial__aside{grid-template-columns:1fr}
  .ef-lab-editorial-feature{margin-top:24px;min-height:0}
  .ef-lab-directory{
    display:flex!important;flex-direction:column;gap:15px;padding:12px;min-width:0;
  }
  .ef-lab-directory__main{min-width:0;width:100%}
  .ef-lab-showcase[data-view="horizontal"] .ef-lab-directory:not(.ef-lab-directory--unified){display:none!important}
  .ef-lab-directory__sidebar{
    width:100%;border-right:0;border-bottom:1px solid var(--lab-border);
    padding:6px 0 10px;
  }
  .ef-lab-directory__sidebar-head{margin-bottom:10px}
  .ef-lab-directory__sidebar-actions{display:none}
  .ef-lab-directory__categories--desktop{display:none}
  .ef-lab-directory__mobile-category-disclosure{display:block;width:100%;min-width:0}
  .ef-lab-directory__mobile-category-disclosure summary{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    min-height:44px;padding:11px 14px;cursor:pointer;list-style:none;
    border:1px solid var(--lab-border);border-radius:12px;
    color:var(--lab-ink);background:var(--lab-panel);
    font-size:13px;font-weight:850;
  }
  .ef-lab-directory__mobile-category-disclosure summary::-webkit-details-marker{display:none}
  .ef-lab-directory__mobile-category-disclosure summary:focus-visible{outline:3px solid #13b8b0;outline-offset:2px}
  .ef-lab-directory__mobile-label--open{display:none}
  .ef-lab-directory__mobile-category-disclosure[open] .ef-lab-directory__mobile-label--closed{display:none}
  .ef-lab-directory__mobile-category-disclosure[open] .ef-lab-directory__mobile-label--open{display:inline}
  .ef-lab-directory__mobile-chevron{font-size:22px;line-height:1;transition:transform .15s}
  .ef-lab-directory__mobile-category-disclosure[open] .ef-lab-directory__mobile-chevron{transform:rotate(180deg)}
  .ef-lab-directory__categories--mobile{
    display:flex;flex-wrap:wrap;overflow:visible;gap:7px;padding:12px 0 4px;
  }
  .ef-lab-directory__categories--mobile p{display:none}
  .ef-lab-directory__categories--mobile a{
    white-space:normal;flex:none;max-width:100%;font-size:11px;
    border:1px solid var(--lab-border);
  }
  .ef-lab-directory__sidebar{gap:10px}
  .ef-lab-directory__grid{grid-template-columns:minmax(0,1fr);gap:13px}
  .ef-lab-directory-card__image{aspect-ratio:16 / 9}
  .ef-lab-directory-card__body{padding:12px 14px}
  .ef-lab-directory-card__title{font-size:16px;line-height:1.38}
  .ef-lab-directory-card__description{-webkit-line-clamp:3;font-size:13px;line-height:1.55}
  .ef-lab-directory-card__category{font-size:12px}
  .ef-lab-directory-card__footer{padding-top:12px;font-size:12px;align-items:center;gap:8px}
  .ef-lab-directory-card__footer > .ef-lab-directory-card__go{
    min-height:34px;padding:0 11px;border-radius:9px;font-size:11px;
  }
  .ef-lab-directory-card__go-arrow{font-size:13px}
}
@media(max-width:410px){
  .ef-lab-directory__grid{grid-template-columns:1fr}
  .ef-lab-directory-card__image{aspect-ratio:16 / 9}
  .ef-lab-editorial-card__media{height:auto;aspect-ratio:16 / 9}
}
@media(prefers-reduced-motion:reduce){
  .ef-lab-editorial-card__link,.ef-lab-directory-card__link{transition:none}
}
/* SINGLE-LIST-SEARCH-HORIZONTAL-20261018
   /listeler has its own list search. Hide only its shared-header search row;
   keep account/bell/menu aligned across desktop and mobile. */
.efhd--list-directory .efhd__actions{grid-column:3}
.efhd--list-directory .efhd__menu{grid-column:4}
.lists-page--directory-v2 .ef-lab-heading{justify-content:flex-end}
.lists-page--directory-v2 .ef-lab-heading__tools{justify-content:flex-end}
@media(max-width:760px){
  .efhd--list-directory .efhd__row{
    grid-template-areas:"logo actions menu";
    grid-template-rows:auto;
  }
  .efhd--list-directory .efhd__actions{grid-area:actions}
  .efhd--list-directory .efhd__menu{grid-area:menu}
}
@media(max-width:690px){
  .lists-page--directory-v2 .ef-lab-heading__tools{justify-content:stretch}
}

/* When keyword search is disabled, category and submit fill the available row. */
.ef-lab-filters.ef-lab-filters--no-search{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:760px){.ef-lab-filters.ef-lab-filters--no-search{grid-template-columns:minmax(0,1fr)}}

/* /listeler breadcrumb and hero share the same content edge.
   Fix alignment at the source instead of shifting the global breadcrumb. */
#icerik .lists-page--directory-v2 > .ef-list-directory-breadcrumb{
  width:100%;
  max-width:none;
  margin:0;
  padding:0 6px;
  font-size:12px;
  line-height:18px;
}
#icerik .lists-page--directory-v2 > .ef-list-directory-breadcrumb + .ef-lab-intro{
  padding-top:8px;
}
@media(max-width:690px){
  #icerik .lists-page--directory-v2 > .ef-list-directory-breadcrumb{
    padding:8px 0 0;
    font-size:11px;
    line-height:17px;
  }
  #icerik .lists-page--directory-v2 > .ef-list-directory-breadcrumb + .ef-lab-intro{
    padding-top:7px;
  }
}