:root{
  --green:#2E5D50;
  --sage:#6B8F7A;
  --sand:#EADCC8;
  --cream:#FAF9F5;
  --gold:#D4A94F;
  --charcoal:#2D3A35;
  --muted:#6E756F;
  --line:#E9E1D6;
  --white:#FFFFFF;
  --soft:#F4F1EB;

  --bg:#FAF9F5!important;
  --card:#FFFFFF!important;
  --ink:#2D3A35!important;
  --brand:#2E5D50!important;
  --brand2:#6B8F7A!important;
  --line:#E9E1D6!important;
  --soft:#F4F1EB!important;
  --dark:#2D3A35!important;
  --sand:#F7F1E8!important;
  --muted:#6E756F!important;
  --b:#2E5D50!important;
  --d:#2D3A35!important;
  --mut:#6E756F!important;
}
*{box-sizing:border-box}
html{background:var(--cream)}
body{
  margin:0;
  background:
    radial-gradient(circle at 95% 0%, rgba(212,169,79,.07), transparent 24%),
    var(--cream)!important;
  color:var(--charcoal)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
h1,h2,h3,.display-serif,.brand-wordmark{
  font-family:"Playfair Display",Georgia,"Times New Roman",serif;
}
::selection{background:#E8D2A5;color:#27342F}

/* Global shell */
.wrap{max-width:1440px!important;margin:auto!important;padding:0 18px 96px!important}
.site-header{
  max-width:1440px;margin:0 auto;padding:16px 24px;
  display:flex;align-items:center;gap:24px;justify-content:space-between;
  background:rgba(250,249,245,.96);
  backdrop-filter:blur(15px);
  position:sticky;top:0;z-index:1200;
  border-bottom:1px solid rgba(233,225,214,.72);
}
.brand-mark{display:flex;align-items:center;gap:9px;min-width:max-content}
.brand-mark img{width:48px;height:48px;border-radius:14px;object-fit:cover}
.brand-wordmark{font-size:26px;font-weight:700;letter-spacing:-1px;line-height:1}
.brand-wordmark .ant{color:var(--green)}
.brand-wordmark .mate{color:var(--gold)}
.brand-slogan{font-size:8px;letter-spacing:3.5px;color:#688078;margin-top:6px;text-transform:uppercase}
.desktop-nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700;color:#31413B}
.desktop-nav a{transition:.18s}.desktop-nav a:hover{color:var(--gold)}
.header-actions{display:flex;align-items:center;gap:9px}
.header-pill{
  background:#fff;border:1px solid var(--line);padding:10px 13px;border-radius:14px;
  font-size:12px;font-weight:800;box-shadow:0 6px 18px rgba(45,58,53,.035);
}
.owner-pill{background:var(--green);color:#fff;border-color:var(--green)}
.lang{
  background:#fff!important;color:#33423D!important;border:1px solid var(--line)!important;
  border-radius:12px!important;padding:9px 10px!important;font-size:12px!important;font-weight:800!important;
}

/* Homepage hero */
.hero{
  margin-top:12px;
  position:relative;overflow:visible;isolation:isolate;
  min-height:555px;border-radius:30px!important;padding:0!important;
  background:none!important;color:var(--charcoal)!important;
  box-shadow:none!important;border:0!important;
}
.hero::before{
  content:"";display:block!important;position:absolute!important;inset:0!important;z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(250,247,239,.94) 0%,rgba(250,247,239,.76) 32%,rgba(250,247,239,.10) 64%,rgba(250,247,239,0) 100%),
    url("https://commons.wikimedia.org/wiki/Special:FilePath/Antalya%20Kalei%C3%A7i.jpg?width=1800") center/cover no-repeat!important;
  border-radius:30px;
}
.hero::after{
  content:"";display:block!important;position:absolute!important;inset:0!important;z-index:-1!important;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(250,249,245,.08))!important;
  border-radius:30px;
}
.hero-inner{
  min-height:555px;display:flex;flex-direction:column;justify-content:center;
  padding:58px 7.5% 78px;max-width:800px;
}
.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:#60766E;text-transform:uppercase}
.hero h1{
  margin:12px 0 16px!important;max-width:650px!important;font-size:clamp(52px,7vw,88px)!important;
  line-height:.91!important;letter-spacing:-4px!important;color:var(--green)!important;
}
.hero h1 .gold{color:var(--gold)}
.hero p{
  max-width:560px!important;font-size:18px!important;line-height:1.55!important;
  color:#33423D!important;margin:0!important;
}
.hero-search{
  margin-top:28px;background:#fff;border:1px solid rgba(233,225,214,.9);
  box-shadow:0 18px 42px rgba(45,58,53,.12);
  display:grid;grid-template-columns:1.5fr auto auto;align-items:center;
  padding:7px;border-radius:19px;width:min(720px,100%);
}
.hero-search .searchbox{display:flex;align-items:center;gap:10px;padding:0 12px}
.hero-search input{width:100%;border:0!important;background:transparent!important;outline:0!important;padding:13px 0!important;color:#293833!important}
.hero-search .district-jump{
  border-left:1px solid #E8E0D4;padding:12px 18px;font-size:13px;font-weight:800;color:#405049;white-space:nowrap;
}
.hero-search button{
  width:58px;height:50px;border:0!important;border-radius:14px!important;
  background:var(--gold)!important;color:#fff!important;font-size:20px;font-weight:900;cursor:pointer;
}

/* Category dock */
.category-dock{
  width:min(980px,calc(100% - 80px));margin:-55px auto 28px;position:relative;z-index:8;
  background:rgba(255,255,255,.96);backdrop-filter:blur(12px);
  border:1px solid var(--line);border-radius:24px;padding:14px 18px;
  box-shadow:0 18px 38px rgba(45,58,53,.11);
  display:grid;grid-template-columns:repeat(8,1fr);gap:5px;
}
.cat-link{
  border:0;background:transparent;color:#31413B;padding:8px 4px;border-radius:15px;
  display:flex;flex-direction:column;align-items:center;gap:7px;font-size:11px;font-weight:800;cursor:pointer;
}
.cat-link:hover{background:#F6F1E9}
.cat-icon{
  width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#F7F2E9;color:var(--green);
}
.cat-icon svg{width:23px;height:23px;stroke:currentColor}

/* Section headings */
.section{margin-top:34px!important}
.head{align-items:center!important;margin-bottom:14px!important}
.head h2{font-size:30px!important;letter-spacing:-.9px!important;color:#29453C!important}
.small{font-size:12px!important;color:#798079!important}
.section-kicker{font-size:12px;color:#7B807B;margin-top:-8px}

/* Cards */
.grid{grid-template-columns:repeat(4,1fr)!important;gap:15px!important}
.place{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;overflow:hidden;
  box-shadow:0 9px 26px rgba(45,58,53,.055)!important;transition:.18s ease;
}
.place:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(45,58,53,.09)!important}
.place-photo,.photo-fallback{height:168px!important}
.photo-fallback{background:linear-gradient(145deg,#F1EADF,#E5EFE8)!important;color:var(--green)!important}
.body{padding:13px!important;gap:5px!important}
.badge{
  background:#F2F0E9!important;color:var(--green)!important;border-radius:7px!important;
  font-size:9px!important;padding:5px 7px!important;font-weight:900!important;
}
.place h3{font-size:17px!important;margin:2px 0!important;color:#2C3B36!important}
.desc{font-size:11.5px!important;color:#67716C!important;line-height:1.45!important}
.meta{font-size:10.5px!important;color:#898C88!important}
.actions{gap:6px!important;margin-top:8px!important}
.actions a,.actions button{
  padding:7px 8px!important;border-radius:8px!important;font-size:10.5px!important;
  background:var(--green)!important;color:#fff!important;border:0!important;
}
.actions .alt,.actions button.alt{background:#fff!important;color:#42514B!important;border:1px solid var(--line)!important}

/* Districts and tools */
.districts{grid-template-columns:repeat(5,1fr)!important;gap:10px!important}
.district,.quick,.bizcard,.box,.business,.p,.plan>div{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;
  box-shadow:0 7px 22px rgba(45,58,53,.045)!important;
}
.district{padding:14px!important;min-height:95px!important}
.district.active{background:#F3EEE5!important;border-color:#D9CDBE!important}
.quickgrid{gap:10px!important}
.quick{padding:14px!important}
.quick strong{font-size:13px!important;color:#32423C!important}
.quick span{font-size:10.5px!important;color:#818681!important}
.chip{background:#fff!important;border:1px solid var(--line)!important;color:#4B5853!important}
.chip.active{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}

/* Editorial dark blocks */
.profile,.planner{
  background:linear-gradient(145deg,#31584C,#263D35)!important;color:#fff!important;
  border-radius:23px!important;box-shadow:0 15px 38px rgba(45,58,53,.13)!important;
}
.profile p,.mini ul{color:#DDE6E1!important}
.pill{background:rgba(255,255,255,.12)!important;color:#F3E6C5!important}
.mini{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.1)!important}
.planner select,.planner textarea{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important}
.planner button{background:var(--gold)!important;color:#fff!important}
.planout{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important}
.slot{border-color:rgba(255,255,255,.1)!important}.slot b{color:#F4E4BF!important}

/* Business section */
.biz{background:#F8F3EA!important;border:1px solid #E7DCCA!important;border-radius:24px!important}
.bizcard a{color:var(--green)!important}

/* Standard secondary pages */
.w{max-width:1120px!important}
.box{padding:20px!important}
button,.btn,.primary,.mapactions button{
  background:var(--green)!important;color:#fff!important;border-radius:11px!important;
}
button:hover,.btn:hover,.primary:hover{filter:brightness(.92)}
input,select,textarea{
  background:#fff!important;border:1px solid #E5DED4!important;border-radius:11px!important;color:#2E3B36!important;
}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(107,143,122,.15)!important;border-color:var(--sage)!important}

/* Mobile bottom app navigation */
.mobilebar{
  display:none;position:fixed;left:9px;right:9px;bottom:8px;z-index:1500;
  background:rgba(255,255,255,.97)!important;border:1px solid var(--line)!important;
  box-shadow:0 14px 36px rgba(45,58,53,.14)!important;border-radius:18px!important;padding:6px!important;
}
.mobilebar a{color:#45554F!important;font-size:9.5px!important}
.mobilebar a span{font-size:18px!important}
.mobilebar a:first-child{color:var(--gold)!important}

/* Generic mini logo */
.am-toplink{display:inline-flex;align-items:center;gap:7px;color:var(--green)!important;font-weight:900}
.am-mini-logo{width:34px;height:34px;border-radius:10px;margin:0!important}

/* Responsive */
@media(max-width:1050px){
  .desktop-nav{gap:15px}.header-actions .header-pill:not(.owner-pill){display:none}
  .grid{grid-template-columns:repeat(3,1fr)!important}
  .category-dock{grid-template-columns:repeat(4,1fr);width:calc(100% - 45px)}
}
@media(max-width:760px){
  .wrap{padding:0 10px 92px!important}
  .site-header{padding:10px 12px;position:sticky}.desktop-nav{display:none}
  .brand-mark img{width:38px;height:38px}.brand-wordmark{font-size:21px}.brand-slogan{display:none}
  .header-actions .owner-pill{display:none}.header-actions{margin-left:auto}
  .hero{margin-top:7px;min-height:485px;border-radius:23px!important;overflow:hidden!important}
  .hero::before{
    background:
      linear-gradient(180deg,rgba(25,54,46,.12),rgba(25,54,46,.08) 36%,rgba(24,44,38,.50) 100%),
      url("https://commons.wikimedia.org/wiki/Special:FilePath/Antalya%20Kalei%C3%A7i.jpg?width=1100") center/cover no-repeat!important;
  }
  .hero-inner{min-height:485px;justify-content:flex-end;padding:27px 20px 78px}
  .eyebrow{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35)}
  .hero h1{font-size:49px!important;color:#fff!important;letter-spacing:-2.5px!important;margin:8px 0 10px!important;text-shadow:0 2px 12px rgba(0,0,0,.18)}
  .hero h1 .gold{color:#fff}
  .hero p{font-size:13px!important;color:#fff!important;max-width:330px!important;text-shadow:0 1px 5px rgba(0,0,0,.25)}
  .hero-search{grid-template-columns:1fr auto;width:100%;margin-top:18px;border-radius:15px}
  .hero-search .district-jump{display:none}.hero-search button{width:48px;height:45px;border-radius:11px!important}
  .category-dock{width:calc(100% - 24px);margin:-50px auto 23px;grid-template-columns:repeat(4,1fr);padding:10px 7px;border-radius:18px}
  .cat-link{font-size:8.5px;gap:4px}.cat-icon{width:36px;height:36px}.cat-icon svg{width:20px;height:20px}
  .section{margin-top:27px!important}.head h2{font-size:24px!important}
  .grid{grid-template-columns:repeat(2,1fr)!important;gap:9px!important}
  .place-photo,.photo-fallback{height:122px!important}.body{padding:10px!important}.desc{display:none}.actions{display:none}
  .place h3{font-size:14px!important}.meta{font-size:9.5px!important}
  .districts{grid-template-columns:repeat(2,1fr)!important}
  .profile,.planner,.mapbox,.biz{border-radius:20px!important}
  .mobilebar{display:flex!important}
}
@media(max-width:420px){
  .grid{grid-template-columns:repeat(2,1fr)!important}
  .place-photo,.photo-fallback{height:112px!important}
}


/* District names - stronger visibility */
.district{
  min-height:115px !important;
  background:#FFFFFF !important;
}
.district .em{font-size:27px !important}
.district b{
  display:block !important;
  margin-top:10px !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  color:#244A3F !important;
  letter-spacing:-0.3px !important;
}
.district span{
  display:block !important;
  margin-top:5px !important;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  color:#737A75 !important;
}
.district.active b{color:#1E493C !important}
@media(max-width:760px){.district b{font-size:17px !important}}


/* V18 — district-first navigation, global search and photo galleries */
.district-menu-btn{
  border:1px solid var(--line)!important;background:#fff!important;color:#2E5D50!important;
  border-radius:12px!important;padding:9px 11px!important;font-size:12px!important;font-weight:900!important;
  cursor:pointer;
}
.district-drawer-overlay{
  position:fixed;inset:0;background:rgba(22,32,28,.46);z-index:2100;
  opacity:0;pointer-events:none;transition:.2s ease;backdrop-filter:blur(2px);
}
.district-drawer-overlay.open{opacity:1;pointer-events:auto}
.district-drawer{
  position:fixed;top:0;bottom:0;left:0;width:min(410px,90vw);z-index:2200;
  background:#FAF9F5;border-right:1px solid var(--line);box-shadow:20px 0 60px rgba(30,45,39,.18);
  transform:translateX(-104%);transition:.25s ease;display:flex;flex-direction:column;
}
.district-drawer.open{transform:translateX(0)}
.drawer-head{
  padding:19px 18px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.drawer-head h2{font-family:Georgia,serif;color:#29483E;font-size:27px;margin:0}
.drawer-close{width:39px;height:39px;border-radius:50%!important;padding:0!important;font-size:20px!important}
.drawer-search{padding:12px 16px;border-bottom:1px solid var(--line)}
.drawer-search input{width:100%;padding:12px!important}
.drawer-list{overflow:auto;padding:10px 12px 24px}
.drawer-district{
  width:100%;text-align:left;background:#fff!important;color:#2D3A35!important;border:1px solid var(--line)!important;
  border-radius:15px!important;padding:13px!important;margin:5px 0;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;
}
.drawer-district:hover{background:#F4F0E9!important}
.drawer-district .di{font-size:23px}.drawer-district b{font-size:15px;color:#244A3F}.drawer-district small{display:block;color:#7A817C;margin-top:3px}
.drawer-arrow{color:#9A8B72;font-size:18px}

.district-selector-bar{
  width:min(1060px,calc(100% - 38px));margin:-45px auto 26px;position:relative;z-index:9;
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px 14px;
  box-shadow:0 16px 36px rgba(45,58,53,.10);
}
.selector-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.selector-title{display:flex;align-items:center;gap:10px;color:#29483E;font-weight:900}
.selector-title .pin{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#F3EEE6}
.selector-change{
  border:1px solid var(--line)!important;background:#fff!important;color:#2E5D50!important;padding:9px 12px!important;border-radius:11px!important;
}
.selected-category-row{display:flex;gap:7px;overflow:auto;padding-top:10px;margin-top:10px;border-top:1px solid #EFE8DE;scrollbar-width:none}
.selected-category-row.hidden{display:none}
.sel-cat{
  flex:0 0 auto;border:1px solid var(--line)!important;background:#FAF9F5!important;color:#42524C!important;
  border-radius:999px!important;padding:9px 12px!important;font-size:11px!important;font-weight:850!important;
}
.sel-cat.active{background:#2E5D50!important;color:#fff!important;border-color:#2E5D50!important}

.district-story{
  background:linear-gradient(135deg,#2E5D50,#365D51)!important;border-radius:24px!important;color:#fff!important;
}
.district-story h2{color:#fff!important;font-family:Georgia,serif!important}
.district-story .story-label{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;color:#D6E5DD;font-weight:900}
.district-story .history-copy{color:#E7EFEB;font-size:13px;line-height:1.7;margin-top:12px}
.district-more{display:inline-flex;margin-top:14px;background:#D4A94F;color:#fff;padding:9px 11px;border-radius:10px;font-size:11px;font-weight:900}

.result-district{
  display:inline-flex;align-items:center;gap:5px;color:#68746E;font-size:10px;font-weight:800;margin-bottom:2px;
}
.search-info{
  background:#F6F1E8;border:1px solid #E6DBCA;border-radius:14px;padding:10px 12px;color:#665E50;font-size:12px;margin-bottom:11px;
}
.search-info strong{color:#29483E}

.photo-open{
  position:absolute;right:9px;top:9px;width:35px;height:35px;border-radius:50%!important;background:rgba(255,255,255,.94)!important;
  color:#2E5D50!important;border:1px solid rgba(225,217,205,.9)!important;padding:0!important;display:grid;place-items:center;font-size:16px!important;
  box-shadow:0 5px 14px rgba(0,0,0,.08);z-index:3;
}
.place{position:relative}
.place-photo{transition:opacity .2s ease}
.photo-loading{height:168px;background:linear-gradient(110deg,#eee7dc 8%,#f8f5ef 18%,#eee7dc 33%);background-size:200% 100%;animation:amShimmer 1.3s linear infinite}
@keyframes amShimmer{to{background-position-x:-200%}}

.gallery-overlay{
  position:fixed;inset:0;background:rgba(12,20,17,.84);z-index:3000;display:none;align-items:center;justify-content:center;padding:18px;
}
.gallery-overlay.open{display:flex}
.gallery-modal{width:min(1000px,100%);max-height:92vh;overflow:auto;background:#FAF9F5;border-radius:24px;padding:18px}
.gallery-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:13px}
.gallery-head h3{font-family:Georgia,serif;color:#29483E;font-size:25px;margin:0}
.gallery-close{width:40px;height:40px;border-radius:50%!important;padding:0!important}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.gallery-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.gallery-item img{width:100%;height:280px;object-fit:cover;display:block}
.gallery-credit{padding:7px 9px;color:#757D78;font-size:9px;line-height:1.4}
.gallery-empty{padding:28px;background:#fff;border:1px solid var(--line);border-radius:16px;color:#737B76}

.mobile-select-district{display:none}
@media(max-width:760px){
  .district-selector-bar{width:calc(100% - 24px);margin:-43px auto 22px;padding:10px;border-radius:17px}
  .selector-title{font-size:12px}.selector-change{font-size:10px!important;padding:8px 9px!important}
  .selected-category-row{gap:5px}.sel-cat{font-size:10px!important;padding:8px 10px!important}
  .mobile-select-district{display:inline-flex}
  .gallery-grid{grid-template-columns:1fr}.gallery-item img{height:235px}
  .district-drawer{width:91vw}
  .photo-loading{height:122px}
}

.photo-shell{height:168px;position:relative;overflow:hidden;background:#EFE9DF}.photo-shell.no-photo:after{content:'Photo coming soon';position:absolute;inset:0;display:grid;place-items:center;color:#7A817C;font-size:11px;font-weight:800}.photo-shell.no-photo .photo-loading{display:none}@media(max-width:760px){.photo-shell{height:122px}}


/* V19 — reliable active search */
.hero-inner{position:relative}
.hero-search:focus-within{
  border-color:#CDB786!important;
  box-shadow:0 20px 48px rgba(45,58,53,.16)!important;
}
.searchbox input{cursor:text!important;pointer-events:auto!important}
#searchBtn{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:2}
.search-suggest{
  width:min(720px,100%);margin-top:8px;background:rgba(255,255,255,.985);
  border:1px solid #E6DDD1;border-radius:17px;box-shadow:0 20px 45px rgba(36,53,47,.16);
  overflow:auto;max-height:390px;display:none;position:relative;z-index:80;padding:6px;
}
.search-suggest.open{display:block}
.suggest-row{
  width:100%;display:grid!important;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;
  text-align:left!important;background:#fff!important;color:#2D3A35!important;border:0!important;
  padding:10px 11px!important;border-radius:12px!important;cursor:pointer!important;
}
.suggest-row:hover,.suggest-row:focus{background:#F6F1E8!important;outline:none}
.suggest-icon{
  width:38px;height:38px;border-radius:11px;background:#F2EEE6;display:grid;place-items:center;font-size:19px;
}
.suggest-copy{min-width:0}.suggest-copy b{display:block;font-size:13px;color:#29483E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest-copy small{display:block;font-size:10.5px;color:#7A827D;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest-kind{text-transform:uppercase;font-size:8px;letter-spacing:.7px;color:#9A8B72;font-weight:900}
.suggest-empty{padding:15px;color:#737B76;font-size:12px}
@media(max-width:760px){
  .search-suggest{width:100%;max-height:340px;border-radius:14px}
  .suggest-row{grid-template-columns:38px 1fr auto;padding:9px!important}
  .suggest-kind{font-size:7px}
}
