/* AntalyaMate V85 — visual polish and mobile-first design layer */
:root{
  --v85-green:#234f43;
  --v85-green-2:#35695a;
  --v85-gold:#c99a43;
  --v85-cream:#fbfaf7;
  --v85-paper:#ffffff;
  --v85-ink:#24332e;
  --v85-muted:#6d7772;
  --v85-line:#e9e3da;
  --v85-shadow:0 18px 45px rgba(37,55,49,.08);
  --v85-radius:22px;
}
html{scroll-behavior:smooth;background:var(--v85-cream)}
body{background:var(--v85-cream)!important;color:var(--v85-ink)!important;-webkit-font-smoothing:antialiased}

/* Header: quieter, more premium, less crowded */
.site-header{max-width:1380px!important;padding:12px 20px!important;border-bottom:1px solid rgba(233,227,218,.8)!important;box-shadow:0 4px 20px rgba(35,52,46,.025)}
.brand-mark{gap:10px!important}.brand-mark img{box-shadow:0 8px 20px rgba(35,79,67,.12)}
.desktop-nav{gap:20px!important}.desktop-nav a{position:relative;padding:8px 0}
.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--v85-gold);transition:.2s ease}
.desktop-nav a:hover:after{right:0}
.header-pill,.district-menu-btn,.lang{min-height:42px!important;display:inline-flex;align-items:center;justify-content:center}

/* Main container */
.wrap{max-width:1380px!important;padding-left:18px!important;padding-right:18px!important}

/* Hero: stronger image, cleaner copy, simpler contrast */
.hero{min-height:570px!important;border-radius:32px!important;overflow:hidden!important;margin-top:14px!important}
.hero::before{background:linear-gradient(90deg,rgba(247,244,237,.97) 0%,rgba(247,244,237,.88) 27%,rgba(247,244,237,.45) 49%,rgba(20,38,32,.08) 72%,rgba(20,38,32,.18) 100%),url("https://commons.wikimedia.org/wiki/Special:FilePath/Antalya%20Kalei%C3%A7i.jpg?width=1800") center 46%/cover no-repeat!important}
.hero::after{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(27,48,41,.08))!important}
.hero-inner{min-height:570px!important;padding:64px 7% 92px!important;max-width:780px!important}
.eyebrow{display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);box-shadow:0 6px 20px rgba(34,53,46,.06);font-size:10px!important;letter-spacing:1.5px!important}
.hero h1{font-size:clamp(54px,7vw,90px)!important;line-height:.91!important;max-width:660px!important;letter-spacing:-4px!important}
.hero p{max-width:520px!important;font-size:17px!important;line-height:1.6!important;color:#394b44!important}
.hero-search{width:min(700px,100%)!important;margin-top:25px!important;border-radius:18px!important;padding:6px!important;box-shadow:0 20px 50px rgba(34,54,47,.15)!important;border:1px solid rgba(229,220,208,.95)!important}
.hero-search input{font-size:14px!important}
.hero-search button{transition:transform .18s ease,filter .18s ease}.hero-search button:hover{transform:translateY(-1px)}

/* Selector: reduce visual heaviness */
.district-selector-bar{width:min(1020px,calc(100% - 56px))!important;margin:-46px auto 30px!important;border-radius:20px!important;padding:11px 13px!important;box-shadow:0 16px 42px rgba(34,53,46,.10)!important}
.selector-title{font-size:14px}.selector-title small{font-size:10.5px!important}
.selector-change{font-size:11px!important;font-weight:850!important}

/* Sections */
.section{margin-top:42px!important}.head{margin-bottom:17px!important}.head h2{font-size:32px!important;line-height:1.05!important}.small,.section-kicker{color:var(--v85-muted)!important}
.filters{gap:7px!important;padding-bottom:10px!important}.chip{padding:9px 13px!important;font-size:11px!important}

/* Cards: consistent editorial system */
.grid{gap:16px!important}.place{border-radius:20px!important;border:1px solid var(--v85-line)!important;box-shadow:0 8px 28px rgba(35,53,47,.055)!important;background:#fff!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important}
.place:hover{transform:translateY(-4px)!important;box-shadow:0 18px 40px rgba(35,53,47,.10)!important;border-color:#ddd3c4!important}
.place-photo,.photo-fallback{height:178px!important}.place-photo{transition:transform .35s ease}.place:hover .place-photo{transform:scale(1.025)}
.body{padding:14px!important}.place h3{font-size:18px!important;line-height:1.18!important}.desc{font-size:12px!important;line-height:1.55!important}.meta{font-size:10.5px!important}.badge{letter-spacing:.35px}
.actions a,.actions button{min-height:34px;display:inline-flex;align-items:center;justify-content:center}

/* District cards */
.districts{gap:12px!important}.district{min-height:118px!important;border-radius:20px!important;padding:16px!important;transition:.18s ease!important}.district:hover{transform:translateY(-2px);border-color:#d8cdbf!important;box-shadow:var(--v85-shadow)!important}.district b{font-size:17px!important}.district span{font-size:10.5px!important}

/* Tool blocks */
.quickgrid{gap:12px!important}.quick{border-radius:18px!important;padding:16px!important;transition:.18s ease}.quick:hover{transform:translateY(-2px);box-shadow:var(--v85-shadow)!important}
.profile,.planner,.district-story{background:linear-gradient(145deg,#2d5a4d,#213c34)!important;border-radius:26px!important}
.mapbox,.biz{border-radius:24px!important}.mapbox{box-shadow:0 9px 30px rgba(35,53,47,.045)}

/* Drawer */
.district-drawer{width:min(390px,92vw)!important;background:#fcfbf8!important}.drawer-head{padding:17px 16px 13px!important}.drawer-head h2{font-size:25px!important}.drawer-list{padding:9px 10px 22px!important}.drawer-district{border-radius:14px!important;margin:4px 0!important;box-shadow:none!important}

/* Focus and accessibility */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(201,154,67,.35)!important;outline-offset:2px!important}

/* Tablet */
@media(max-width:1050px){
  .site-header{padding:11px 14px!important}.desktop-nav{gap:12px!important;font-size:12px!important}
  .hero-inner{padding-left:6%!important}.grid{grid-template-columns:repeat(3,1fr)!important}
}

/* Mobile: app-like, spacious, readable */
@media(max-width:760px){
  body{padding-bottom:8px}
  .wrap{padding:0 10px 96px!important}
  .site-header{padding:9px 10px!important;gap:8px!important;background:rgba(251,250,247,.97)!important}
  .brand-mark img{width:36px!important;height:36px!important;border-radius:11px!important}.brand-wordmark{font-size:20px!important}.header-actions{gap:6px!important}.lang{min-height:38px!important;padding:7px 8px!important}.district-menu-btn{min-height:38px!important;padding:7px 9px!important;font-size:11px!important}
  .hero{min-height:520px!important;margin-top:6px!important;border-radius:24px!important}
  .hero::before{background:linear-gradient(180deg,rgba(12,31,25,.04) 0%,rgba(12,31,25,.10) 38%,rgba(12,31,25,.70) 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:520px!important;justify-content:flex-end!important;padding:28px 18px 78px!important;max-width:none!important}
  .eyebrow{background:rgba(255,255,255,.15)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important;backdrop-filter:blur(8px);font-size:9px!important}
  .hero h1{font-size:47px!important;line-height:.93!important;letter-spacing:-2.4px!important;margin:10px 0 10px!important;color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.22)!important}.hero h1 .gold{color:#f1d69e!important}
  .hero p{font-size:13.5px!important;line-height:1.5!important;color:#fff!important;max-width:350px!important}
  .hero-search{margin-top:17px!important;padding:5px!important;border-radius:15px!important;grid-template-columns:1fr auto!important}.hero-search .searchbox{padding:0 9px!important}.hero-search input{font-size:12px!important;padding:11px 0!important}.hero-search button{width:45px!important;height:43px!important;border-radius:11px!important}
  .district-selector-bar{width:calc(100% - 24px)!important;margin:-46px auto 23px!important;padding:10px 11px!important;border-radius:18px!important}.selector-title{font-size:12px!important}.selector-title .pin{width:32px!important;height:32px!important}.selector-title small{display:none}.selector-change{padding:8px 9px!important;font-size:10px!important}
  .section{margin-top:31px!important}.head{align-items:flex-end!important;margin-bottom:12px!important}.head h2{font-size:24px!important;letter-spacing:-.6px!important}.small{font-size:10px!important}
  .filters{margin-right:-10px;padding-right:10px!important}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.place{border-radius:17px!important}.place-photo,.photo-fallback{height:128px!important}.body{padding:10px!important;gap:4px!important}.place h3{font-size:14px!important;line-height:1.2!important}.badge{font-size:8px!important}.meta{font-size:9px!important}.desc{display:none!important}.actions{display:none!important}
  .districts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.district{min-height:105px!important;padding:13px!important;border-radius:17px!important}.district .em{font-size:23px!important}.district b{font-size:15px!important;margin-top:7px!important}.district span{font-size:9.5px!important}
  .quickgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.quick{min-height:90px!important;padding:13px!important}
  .profile,.planner,.mapbox,.biz,.district-story{border-radius:19px!important}
  #map{height:300px!important}
  .mobilebar{left:8px!important;right:8px!important;bottom:8px!important;border-radius:17px!important;padding:5px!important;box-shadow:0 14px 38px rgba(29,45,39,.16)!important}.mobilebar a{padding:7px 2px!important;font-size:9px!important}.mobilebar a span{font-size:17px!important}
}

@media(max-width:380px){
  .brand-wordmark{font-size:18px!important}.district-menu-btn{font-size:10px!important;padding:7px!important}
  .hero h1{font-size:42px!important}.hero-inner{padding-left:16px!important;padding-right:16px!important}
  .grid{gap:8px!important}.place-photo,.photo-fallback{height:116px!important}.place h3{font-size:13px!important}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}