/* ONE canonical hero geometry, referenced from Keşifler.
   Listeler, İçerikler, Kategoriler, Profiller, Şehirler use these same rules.
   Makaleler, real result cards, functional location map and details are independent. */
.ef-public-hero,.ef-public-hero *,.ef-public-hero *::before,.ef-public-hero *::after{box-sizing:border-box}
.ef-public-hero{--hero-navy:#142844;--hero-teal:#07918c;--hero-red:#f00443;position:relative;isolation:isolate;display:flex;align-items:flex-start;overflow:hidden;min-width:0;width:auto;height:auto;min-height:0;margin:10px 0 0;padding:var(--ef-directory-hero-top,32px) var(--ef-directory-hero-side,22px) 34px;border:0;border-radius:23px;background:linear-gradient(118deg,#f9fdff 0%,#e5f7fd 59%,#d6f1fa 100%);color:var(--hero-navy);box-shadow:none}
/* Four editorial directories use artwork strictly as a decorative background.
   Content alone determines the hero's height; illustrations can be cropped at
   the bottom. Keşifler, Şehirler and Yakınımda are deliberately unaffected. */
.ef-public-hero.ef-public-hero--compact{
 display:block;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;
 padding:var(--ef-directory-hero-top,32px) var(--ef-directory-hero-side,22px) 24px
}
.ef-public-hero--compact .ef-public-hero__copy{
 position:relative;z-index:2;display:flex;flex-direction:column;
 align-items:flex-start;width:55%;max-width:55%;min-width:0;
 flex:none;align-self:auto
}
.ef-public-hero--compact::after{
 content:"";position:absolute;z-index:1;inset:0;pointer-events:none;
 background-image:var(--ef-public-hero-image);
 background-repeat:no-repeat;
 background-position:right 0 top 24px;
 background-size:var(--ef-public-hero-art-size, auto 135%);
 opacity:.92;
 -webkit-mask-image:linear-gradient(90deg,transparent 36%,rgba(0,0,0,.1) 44%,#000 72%);
 mask-image:linear-gradient(90deg,transparent 36%,rgba(0,0,0,.1) 44%,#000 72%)
}
.ef-public-hero::before{content:"";position:absolute;z-index:-1;right:-100px;bottom:-270px;width:500px;height:500px;border-radius:50%;background:#29c9ba24;pointer-events:none}
.ef-public-hero__copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;flex:0 0 55%;width:55%;max-width:55%;min-width:0;margin:0;padding:0;align-self:flex-start;text-align:left}
.ef-public-hero__eyebrow{display:inline-flex;align-items:center;min-height:34px;padding:7px 14px;border-radius:7px;background:var(--hero-red);color:#fff;font-size:11px;line-height:1.35;font-weight:800;letter-spacing:.12em}
.ef-public-hero .ef-public-hero__title{max-width:100%;margin:18px 0 14px;color:var(--hero-navy);font-size:var(--ef-directory-hero-title,clamp(37px,4.5vw,64px));font-weight:850;line-height:var(--ef-directory-hero-leading,1.09);letter-spacing:var(--ef-directory-hero-tracking,-.052em);text-wrap:balance}
.ef-public-hero .ef-public-hero__title :is(em,span){font-style:normal;color:var(--hero-teal)}
.ef-public-hero__stroke{display:block;flex:none;width:175px;height:6px;margin:0 0 22px 32px;border-radius:100%;background:var(--hero-red);transform:rotate(-2deg)}
.ef-public-hero__copy>p,.ef-public-hero__copy>.city-directory__hub-lead{max-width:47ch;margin:0;color:#263b54;font-size:16px;line-height:1.6}
.ef-public-hero .ef-public-hero__action,.ef-public-hero .ef-public-hero__secondary{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;margin-top:22px;padding:0 24px;border-radius:13px;font-size:14px;font-weight:850;line-height:1.3;text-align:center;text-decoration:none}
.ef-public-hero .ef-public-hero__action{background:var(--hero-red);border:1px solid var(--hero-red);color:#fff!important}
.ef-public-hero .ef-public-hero__action:hover{background:#d2003b}
.ef-public-hero .ef-public-hero__secondary{background:#fff;border:1px solid #c5d9e3;color:#142844!important}
.ef-public-hero__actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:22px 0 0}
.ef-public-hero__actions .ef-public-hero__action,.ef-public-hero__actions .ef-public-hero__secondary{margin-top:0}
.ef-public-hero__signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}
.ef-public-hero__signals>span{padding:6px 10px;border:1px solid #d4e6e9;border-radius:99px;background:#fff;color:#31546d;font-size:10px;font-weight:750}
.ef-public-hero__art{position:absolute;z-index:1;inset:0 0 0 auto;display:block;width:53%;height:100%;min-width:0;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 22%,#000 51%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 22%,#000 51%)}
.ef-public-hero__art img{display:block;width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:right center}
.ef-public-hero--interactive{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:start;column-gap:clamp(18px,3vw,42px)}
.ef-public-hero--interactive .ef-public-hero__copy{flex:none;width:100%;max-width:none}
.ef-public-hero--interactive .ef-public-hero__art--map{position:relative;top:auto;right:auto;bottom:auto;left:auto;align-self:start;width:100%;height:auto;max-width:none;margin:0;padding:18px 16px;transform:none;pointer-events:auto;-webkit-mask-image:none;mask-image:none;border:1px solid #d5e7ed;border-radius:20px;background:#fff}
/* The map participates in normal layout; no fixed-height blank tail or clipping.
   At narrower tablet widths the city form and interactive map stack naturally. */
@media(max-width:900px) and (min-width:741px){
 .ef-public-hero--interactive{display:flex;flex-direction:column;align-items:stretch;gap:18px}
 .ef-public-hero--interactive .ef-public-hero__copy{flex:none;width:100%;max-width:none}
 .ef-public-hero--interactive .ef-public-hero__art--map{margin:0;align-self:center;width:100%;max-width:690px}
}
.ef-public-hero .city-directory__hub-foot{margin-top:14px;gap:9px}
.ef-public-hero :is(a,button,select):focus-visible{outline:3px solid #078e8b;outline-offset:3px}
@media(max-width:740px){
 /* Shared container follows the header's 24px total mobile gutter. */
 :is(.ef-list-landing > .wrap, .ef-ct > .ef-ct__wrap, .profiles-page--v6 > .wrap, .cities-page > .wrap){
  width:min(var(--ef-container,1180px),calc(100% - 24px));
  margin-inline:auto
 }
 .ef-public-hero{display:flex;align-items:flex-start;width:auto;height:auto;min-height:0;margin:7px 0 0;padding:23px 14px 21px;border-radius:17px}
 /* Compact mobile hero ends immediately after its final button/stat chip.
    The right-hand picture is clipped INSIDE this height, never below the copy. */
 .ef-public-hero.ef-public-hero--compact{
  display:block;height:auto!important;min-height:0!important;max-height:none!important;
  aspect-ratio:auto!important;padding:21px 14px 17px
 }
 .ef-public-hero--compact .ef-public-hero__copy{
  position:relative;z-index:2;display:flex;flex-direction:column;
  align-items:flex-start;flex:none;width:100%;max-width:none;min-width:0
 }
 .ef-public-hero--compact::after{
  inset:0;background-position:right 0 top 10px;background-size:var(--ef-public-hero-art-size-mobile, auto 116%);opacity:.62;
  -webkit-mask-image:linear-gradient(90deg,transparent 17%,rgba(0,0,0,.15) 42%,#000 90%);
  mask-image:linear-gradient(90deg,transparent 17%,rgba(0,0,0,.15) 42%,#000 90%)
 }
 .ef-public-hero__copy{position:relative;z-index:2;flex:0 0 100%;width:100%;max-width:100%;min-width:0;align-self:flex-start;padding:0}
 .ef-public-hero__copy::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-12px 21% -12px -14px;background:linear-gradient(90deg,rgba(249,253,255,.97),rgba(249,253,255,.85) 58%,transparent)}
 .ef-public-hero__eyebrow{font-size:10px;min-height:31px;padding:7px 11px}
 .ef-public-hero .ef-public-hero__title{margin:12px 0 12px;max-width:100%;font-size:var(--ef-directory-hero-title-mobile,clamp(32px,8.2vw,44px));line-height:1.12}
 .ef-public-hero__stroke{width:125px;height:5px;margin:0 0 17px 24px}
 .ef-public-hero__copy>p,.ef-public-hero__copy>.city-directory__hub-lead{max-width:36ch;font-size:13px;line-height:1.5}
 .ef-public-hero .ef-public-hero__action,.ef-public-hero .ef-public-hero__secondary{min-height:45px;padding:0 13px;margin-top:19px;font-size:12px}
 .ef-public-hero__actions{margin-top:19px;gap:8px}
 .ef-public-hero__actions .ef-public-hero__action,.ef-public-hero__actions .ef-public-hero__secondary{margin-top:0}
 .ef-public-hero__signals{margin-top:18px}
 .ef-public-hero__art{position:absolute;z-index:1;top:12%;right:-11%;bottom:0;left:auto;width:83%;height:88%;opacity:.73;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 22%,#000 63%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.2) 22%,#000 63%)}
 .ef-public-hero__art img{width:100%;height:100%;object-fit:contain;object-position:right center}
 .ef-public-hero--interactive{display:flex;flex-direction:column;align-items:stretch;min-height:0;height:auto;gap:18px}
 .ef-public-hero--interactive .ef-public-hero__copy{flex:0 0 auto;width:100%;max-width:none}
 .ef-public-hero--interactive .ef-public-hero__art--map{position:relative;top:auto;right:auto;bottom:auto;left:auto;align-self:stretch;transform:none;width:100%;height:auto;max-width:none;margin:0;opacity:1;padding:12px 9px;pointer-events:auto;-webkit-mask-image:none;mask-image:none}
 .ef-public-hero .city-directory__one-filter-controls{gap:7px}
 .ef-public-hero .city-directory__one-filter-controls :is(select,button){min-height:45px}
}
@media(max-width:380px){.ef-public-hero .ef-public-hero__title{font-size:32px}.ef-public-hero__actions{flex-direction:column;align-items:stretch}.ef-public-hero__actions :is(a,button){width:100%}}