/* Sultanluxe luxe skin. Loads after router.css, overrides tokens and components.
   Palette: Gulf ink and petrol teal, pearl surfaces, champagne gold.
   Signature: eight-point star lattice (khatim) and gilded hairline inlay. */

@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/luxe/marcellus-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/luxe/amiri-arabic-400.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Amiri';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/luxe/amiri-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/luxe/amiri-arabic-700.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'Amiri';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/luxe/amiri-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/luxe/manrope-latin-400-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/luxe/ibmplexsansarabic-arabic-400.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/luxe/ibmplexsansarabic-arabic-500.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}
@font-face{font-family:'IBM Plex Sans Arabic';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/luxe/ibmplexsansarabic-arabic-600.woff2') format('woff2');unicode-range:U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}

:root {
  --lx-ink: #07161a;
  --lx-ink2: #0b2227;
  --lx-teal: #0f2e33;
  --lx-teal2: #17454c;
  --lx-pearl: #eff1ec;
  --lx-card: #fbfbf8;
  --lx-gold: #b8924a;
  --lx-gold-lt: #e6cf94;
  --lx-gold-dk: #7a5a21;
  --lx-line: rgba(122, 90, 33, .26);
  --lx-text: #13201f;
  --lx-muted: #56635f;
  --lx-track: .16em;
  --lx-sheen: linear-gradient(115deg, #8a6a2c 0%, #e6cf94 38%, #b8924a 58%, #f0dfae 78%, #8a6a2c 100%);
  --lx-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23e6cf94' stroke-width='1'%3E%3Crect x='20' y='20' width='32' height='32'/%3E%3Crect x='20' y='20' width='32' height='32' transform='rotate(45 36 36)'/%3E%3Cpath d='M0 0l8 8M72 0l-8 8M0 72l8-8M72 72l-8-8'/%3E%3Ccircle cx='36' cy='36' r='5'/%3E%3C/g%3E%3C/svg%3E");

  --font-ui: "Manrope", "IBM Plex Sans Arabic", "Segoe UI", Tahoma, system-ui, sans-serif;
  --font-display: "Marcellus", "Amiri", "Times New Roman", serif;

  --bg-varsayilan: var(--lx-pearl);
  --card-varsayilan: var(--lx-card);
  --card2-varsayilan: #e8ebe4;
  --bg-rgb: 239, 241, 236;
  --border: rgba(7, 22, 26, .12);
  --gold: var(--lx-gold);
  --gold2: var(--lx-gold-dk);
  --gold-text: var(--lx-gold-dk);
  --gold-ui: var(--lx-gold-dk);
  --pusula: var(--lx-teal);
  --pusula-acik: var(--lx-teal2);
  --pusula-koyu: var(--lx-ink);
  --pusula-rgb: 15, 46, 51;
  --text: var(--lx-text);
  --black: var(--lx-ink);
  --black-rgb: 7, 22, 26;
  --cream: #e4e8e0;
  --cream-deep: #b8924a;
  --muted: var(--lx-muted);
  --ink2: var(--lx-ink);
  --r: 20px;
  --r2: 14px;
  --shadow: 0 18px 50px rgba(7, 22, 26, .12);
  --btn-shadow: 0 6px 18px rgba(7, 22, 26, .12);
  --theme-color: #0f2e33;
  --android-safe-area-bg: #0f2e33;
  --semt-hero-bg: var(--lx-teal);
}
:lang(ar) { --lx-track: 0; }

html { background: var(--lx-pearl); }
body, body:has(.semt-hero) { background: var(--lx-pearl); color: var(--lx-text); font-family: var(--font-ui); }
:lang(ar) body { line-height: 1.8; }
::selection { background: var(--lx-gold-lt); color: var(--lx-ink); }

/* ---------- Header ---------- */
.mekan-site-header {
  background: linear-gradient(180deg, var(--lx-ink) 0%, var(--lx-ink2) 100%);
  border-bottom: 0;
  box-shadow: 0 1px 0 rgba(230, 207, 148, .22), 0 12px 30px rgba(7, 22, 26, .22);
}
.mekan-site-header::after {
  content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 1px;
  background: var(--lx-sheen); opacity: .75; pointer-events: none;
}
.mekan-site-header__inner { padding-block: 12px; align-items: center; }
a.mekan-site-header__logo:link, a.mekan-site-header__logo:visited, .mekan-site-header__logo {
  font-family: var(--font-display); font-weight: 400; font-size: 1.32rem; text-transform: uppercase;
  letter-spacing: .3em; color: var(--lx-gold-lt) !important; gap: 12px;
}
:lang(ar) .mekan-site-header__logo { font-size: 1.7rem; font-weight: 700; letter-spacing: 0; text-transform: none; }
.mekan-site-header__nav { gap: 4px 6px; font-size: 13px; }
.mekan-site-header__nav a {
  color: rgba(244, 236, 214, .78) !important; font-weight: 500; letter-spacing: var(--lx-track);
  text-transform: uppercase; font-size: 11.5px; padding: 8px 12px; border-radius: 999px;
}
:lang(ar) .mekan-site-header__nav a { font-size: 14px; text-transform: none; }
@media (hover: hover) { .mekan-site-header__nav a:hover { color: var(--lx-gold-lt) !important; background: rgba(230, 207, 148, .08); } }
.mekan-site-header__nav a.is-active { color: var(--lx-ink) !important; background: var(--lx-sheen); }

.rh-lang { background: transparent; border: 1px solid rgba(230, 207, 148, .38); border-radius: 999px; padding: 2px; box-shadow: none; }
.rh-lang a { color: rgba(244, 236, 214, .8) !important; border-radius: 999px; font-weight: 600; font-size: 12.5px; }
.rh-lang a.on { background: var(--lx-sheen); color: var(--lx-ink) !important; box-shadow: none; }
.mekan-header-actions .mekan-header-actions__pill,
.mekan-header-actions__pill {
  background: transparent; color: var(--lx-gold-lt) !important; border: 1px solid rgba(230, 207, 148, .55);
  border-radius: 999px; box-shadow: none; font-weight: 600; letter-spacing: var(--lx-track); text-transform: uppercase; font-size: 11.5px;
}
:lang(ar) .mekan-header-actions__pill { text-transform: none; font-size: 13.5px; }
@media (hover: hover) { .mekan-header-actions__pill:hover { background: var(--lx-sheen); color: var(--lx-ink) !important; border-color: transparent; } }

/* ---------- Hero ---------- */
.semt-hero {
  position: relative; isolation: isolate; color: #f4ecd6; border-bottom: 0;
  background:
    radial-gradient(900px 420px at 82% -10%, rgba(230, 207, 148, .16), transparent 60%),
    radial-gradient(700px 380px at 8% 110%, rgba(23, 69, 76, .9), transparent 65%),
    linear-gradient(165deg, var(--lx-ink) 0%, var(--lx-teal) 55%, var(--lx-teal2) 100%);
  padding-block: 56px 64px;
}
.semt-hero::before {
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: .16; pointer-events: none;
  background: var(--lx-star) 0 0 / 72px 72px;
  -webkit-mask-image: linear-gradient(100deg, transparent 8%, #000 70%);
          mask-image: linear-gradient(100deg, transparent 8%, #000 70%);
}
:lang(ar) .semt-hero::before { -webkit-mask-image: linear-gradient(260deg, transparent 8%, #000 70%); mask-image: linear-gradient(260deg, transparent 8%, #000 70%); }
.semt-hero::after {
  content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px; background: var(--lx-sheen); opacity: .8;
}
.semt-hero__title, .semt-hero .semt-hero__title {
  font-family: var(--font-display); font-weight: 400; font-size: clamp(2.2rem, 5.4vw, 4rem); line-height: 1.08;
  letter-spacing: .01em; color: #fbf4de; margin: 6px 0 16px; max-width: 18ch; text-wrap: balance;
}
:lang(ar) .semt-hero__title { font-weight: 700; font-size: clamp(2.3rem, 5.6vw, 4.1rem); line-height: 1.3; max-width: 16ch; }
.router-home-hero__eyebrow, .semt-hero__eyebrow {
  color: var(--lx-gold-lt) !important; font-family: var(--font-ui); font-weight: 600; font-size: 12px;
  letter-spacing: .32em; text-transform: uppercase; gap: 14px;
}
:lang(ar) .router-home-hero__eyebrow, :lang(ar) .semt-hero__eyebrow { letter-spacing: 0; font-size: 14px; text-transform: none; }
.router-home-hero__eyebrow::before, .semt-hero__eyebrow::before {
  content: ""; width: 44px; height: 1px; background: var(--lx-sheen); flex: none;
}
.router-home-hero__sub, .semt-hero__intro { color: rgba(244, 236, 214, .78) !important; font-size: 1.05rem; max-width: 56ch; }

.rh-country-bar { color: rgba(244, 236, 214, .8); font-size: 12.5px; letter-spacing: var(--lx-track); text-transform: uppercase; }
:lang(ar) .rh-country-bar { text-transform: none; font-size: 14px; }
.rh-country-bar a { color: var(--lx-gold-lt) !important; border-bottom: 1px solid rgba(230, 207, 148, .4); }
.rh-country-bar__name i { color: var(--lx-gold-lt); }

/* Search: a pearl plaque with a gilded inlay border */
.semt-hero .mekan-search-bar--inline {
  max-width: 720px; padding: 6px; background: var(--lx-card); border-radius: 18px;
  box-shadow: 0 0 0 1px rgba(230, 207, 148, .7), 0 0 0 5px rgba(7, 22, 26, .35), 0 0 0 6px rgba(230, 207, 148, .35), 0 24px 60px rgba(0, 0, 0, .4);
}
.semt-hero .mekan-search-bar--inline .mekan-search-bar__input {
  height: 52px; font-size: 16px; border: 0; background: transparent; box-shadow: none; padding-inline: 18px; color: var(--lx-text);
}
.semt-hero .mekan-search-bar--inline .mekan-search-bar__input:focus { outline: none; }
.semt-hero .mekan-search-bar--inline .mekan-search-bar__btn {
  width: 52px; height: 52px; border: 0; border-radius: 13px; background: var(--lx-sheen); color: var(--lx-ink); box-shadow: none; font-size: 16px;
}

.router-home-kategori-chip {
  background: rgba(251, 251, 248, .06); color: #f4ecd6; border: 1px solid rgba(230, 207, 148, .4);
  border-radius: 999px; box-shadow: none; font-weight: 500; letter-spacing: .02em; backdrop-filter: blur(6px);
}
@media (hover: hover) { .router-home-kategori-chip:hover { background: var(--lx-sheen); color: var(--lx-ink) !important; border-color: transparent; transform: translateY(-1px); } }

/* ---------- Sections ---------- */
.semt-main, .router-home-main { background: transparent; }
.mekan-discovery__block {
  background: transparent !important; border: 0; border-inline-start: 0; box-shadow: none; border-radius: 0; padding-inline: 0;
}
.mekan-discovery__block .mekan-section-title, .mekan-section-title {
  font-family: var(--font-display); font-weight: 400; color: var(--lx-ink); letter-spacing: .01em;
  font-size: clamp(1.5rem, 2.6vw, 2.15rem);
}
:lang(ar) .mekan-section-title, :lang(ar) .mekan-discovery__block .mekan-section-title { font-weight: 700; font-size: clamp(1.7rem, 2.9vw, 2.35rem); }
.mekan-discovery__subtitle { color: var(--lx-muted); font-size: 15px; }
.mekan-discovery__head { position: relative; padding-bottom: 18px; margin-bottom: 22px; }
.mekan-discovery__head::after {
  content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, var(--lx-gold) 0, rgba(184, 146, 74, .35) 18%, transparent 80%);
}
:lang(ar) .mekan-discovery__head::after { background: linear-gradient(270deg, var(--lx-gold) 0, rgba(184, 146, 74, .35) 18%, transparent 80%); }
.mekan-section-title__icon, .mekan-section-title--lead-icon i { color: var(--lx-gold) !important; background: none !important; }
.semt-grid-frame, .semt-grid-frame--inset { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; }

/* ---------- Venue cards ---------- */
.mekan-card-grid { gap: 26px 22px; }
.mekan-card-grid .mekan-card {
  background: var(--lx-card); border: 1px solid rgba(7, 22, 26, .09); border-radius: 18px; overflow: hidden;
  box-shadow: 0 1px 2px rgba(7, 22, 26, .05), 0 14px 34px -14px rgba(7, 22, 26, .22);
  transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease, border-color .35s ease;
}
@media (hover: hover) {
  .mekan-card-grid .mekan-card:hover { transform: translateY(-5px); border-color: rgba(184, 146, 74, .7); box-shadow: 0 2px 4px rgba(7, 22, 26, .06), 0 28px 50px -16px rgba(7, 22, 26, .34), 0 0 0 1px rgba(184, 146, 74, .35); }
}
.mekan-card-grid .mekan-card:active { transform: scale(.99); box-shadow: 0 6px 16px -8px rgba(7, 22, 26, .3); }
.mekan-card-grid .mekan-card__img { transition: transform .9s cubic-bezier(.2, .7, .2, 1); }
@media (hover: hover) { .mekan-card-grid .mekan-card:hover .mekan-card__img { transform: scale(1.05); } }
.mekan-card-grid .mekan-card { position: relative; }
.mekan-card-grid .mekan-card__top-meta {
  position: absolute; inset-inline: 0; top: 0; z-index: 4; padding: 12px 12px 0; pointer-events: none;
  display: flex; justify-content: space-between; align-items: flex-start; background: none;
}
.mekan-card-grid .mekan-card__status {
  font-size: 10.5px; font-weight: 700; letter-spacing: var(--lx-track); text-transform: uppercase; color: #f4ecd6;
  background: rgba(7, 22, 26, .58); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
  padding: 5px 10px; border-radius: 999px; border: 1px solid rgba(230, 207, 148, .25);
}
.mekan-card-grid .mekan-card__status--closed { color: #ffb4a3; }
.mekan-card-grid .mekan-card__status--open { color: #a9f0bb; }
:lang(ar) .mekan-card-grid .mekan-card__status { text-transform: none; font-size: 12px; }
.mekan-card-grid .mekan-card__badge {
  background: linear-gradient(135deg, #f0dfae, #b8924a); color: var(--lx-ink); border-radius: 999px; padding: 5px 11px;
  font-weight: 800; font-size: 12px; box-shadow: 0 6px 14px -4px rgba(0, 0, 0, .45);
}
.mekan-card-grid .mekan-card__badge i { color: var(--lx-ink); }
.mekan-card-grid .mekan-card__body { padding: 14px 16px 18px; }
.mekan-card-grid .mekan-card__cat {
  color: var(--lx-gold-dk) !important; background: none !important; padding: 0; font-weight: 700; font-size: 11px;
  letter-spacing: var(--lx-track); text-transform: uppercase;
}
:lang(ar) .mekan-card-grid .mekan-card__cat { text-transform: none; font-size: 13px; }
.mekan-card-grid .mekan-card__title { font-family: var(--font-display); font-weight: 400; font-size: 1.28rem; line-height: 1.25; color: var(--lx-ink); margin-top: 4px; }
:lang(ar) .mekan-card-grid .mekan-card__title { font-weight: 700; font-size: 1.4rem; }
.mekan-card-grid .mekan-card__distance-strip { background: linear-gradient(0deg, rgba(7, 22, 26, .78), transparent); color: #f4ecd6; }

.mekan-kart-daha {
  background: transparent; color: var(--lx-ink); border: 1px solid var(--lx-gold); border-radius: 999px; padding: 12px 28px;
  font-weight: 600; letter-spacing: var(--lx-track); text-transform: uppercase; font-size: 12.5px; box-shadow: none;
}
@media (hover: hover) { .mekan-kart-daha:hover { background: var(--lx-sheen); border-color: transparent; } }

/* ---------- City tiles ---------- */
a.router-home-semt-card:link, a.router-home-semt-card:visited, .router-home-semt-card {
  position: relative; overflow: hidden; isolation: isolate; color: #f4ecd6 !important; border: 1px solid rgba(230, 207, 148, .35);
  border-radius: 16px; box-shadow: 0 16px 34px -16px rgba(7, 22, 26, .5);
  background: linear-gradient(150deg, var(--lx-ink) 0%, var(--lx-teal) 60%, var(--lx-teal2) 100%);
  transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s ease, border-color .35s ease;
}
.router-home-semt-card::before {
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: .13; background: var(--lx-star) 0 0 / 56px 56px;
  -webkit-mask-image: linear-gradient(135deg, #000 0%, transparent 75%); mask-image: linear-gradient(135deg, #000 0%, transparent 75%);
}
@media (hover: hover) { .router-home-semt-card:hover { transform: translateY(-4px); border-color: var(--lx-gold-lt); box-shadow: 0 26px 44px -18px rgba(7, 22, 26, .6); } }
.router-home-semt-card__il { color: var(--lx-gold-lt); font-size: 11.5px; letter-spacing: var(--lx-track); text-transform: uppercase; font-weight: 600; }
:lang(ar) .router-home-semt-card__il { text-transform: none; font-size: 13px; }
.router-home-semt-card__ilce { font-family: var(--font-display); font-weight: 400; font-size: 1.45rem; color: #fbf4de; }
:lang(ar) .router-home-semt-card__ilce { font-weight: 700; font-size: 1.6rem; }

/* Light category chips below the hero */
.router-home-section .router-home-kategori-chip, .mekan-discovery .router-home-kategori-chip {
  background: var(--lx-card); color: var(--lx-ink); border: 1px solid rgba(122, 90, 33, .35); backdrop-filter: none;
}
@media (hover: hover) { .router-home-section .router-home-kategori-chip:hover, .mekan-discovery .router-home-kategori-chip:hover { background: var(--lx-sheen); color: var(--lx-ink); } }

/* ---------- Footer ---------- */
.mekan-footer {
  position: relative; background: linear-gradient(180deg, var(--lx-ink2), var(--lx-ink)); color: rgba(244, 236, 214, .72);
  border-top: 0; margin-top: 56px; isolation: isolate;
}
.mekan-footer::before { content: ""; position: absolute; inset-inline: 0; top: 0; height: 1px; background: var(--lx-sheen); }
.mekan-footer::after { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .06; background: var(--lx-star) 0 0 / 72px 72px; pointer-events: none; }
.mekan-footer a { color: rgba(244, 236, 214, .78) !important; }
@media (hover: hover) { .mekan-footer a:hover { color: var(--lx-gold-lt) !important; } }
.mekan-footer__isbirligi strong { font-family: var(--font-display); font-weight: 400; color: var(--lx-gold-lt); font-size: 1.2rem; }
.mekan-footer__copy { color: rgba(244, 236, 214, .5); border-top: 1px solid rgba(230, 207, 148, .18); }

@media (prefers-reduced-motion: reduce) {
  .mekan-card-grid .mekan-card, .mekan-card-grid .mekan-card__img, .router-home-semt-card { transition: none; }
}

/* Neutral frames: the old tan and grey panels go away */
.router-home-kategori-grid, .mekan-card-grid, .router-home-semt-grid { background: transparent; }
.semt-hero .router-home-kategori-grid { padding: 22px 0 0; border: 0; box-shadow: none; gap: 10px; }

.semt-grid-frame .mekan-card-grid, .semt-grid-frame--inset .mekan-card-grid { background: transparent; padding: 0; border: 0; box-shadow: none; }
.mekan-discovery__block::before, .mekan-discovery__block::after { display: none; }

/* Signature: gilded pointed arch with a star lattice, home hero only */
@media (min-width: 1000px) {
  .router-home-hero .semt-hero__inner { position: relative; }
  .router-home-hero .semt-hero__inner::after {
    content: ""; position: absolute; inset-inline-end: 1%; bottom: -64px; width: 340px; height: 480px; pointer-events: none;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 480'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23f0dfae'/%3E%3Cstop offset='.5' stop-color='%23b8924a'/%3E%3Cstop offset='1' stop-color='%237a5a21'/%3E%3C/linearGradient%3E%3Cpattern id='p' width='48' height='48' patternUnits='userSpaceOnUse' x='-4' y='6'%3E%3Cg fill='none' stroke='%23e6cf94' stroke-opacity='.5' stroke-width='1'%3E%3Crect x='13' y='13' width='22' height='22'/%3E%3Crect x='13' y='13' width='22' height='22' transform='rotate(45 24 24)'/%3E%3C/g%3E%3C/pattern%3E%3ClinearGradient id='f' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23e6cf94' stop-opacity='.16'/%3E%3Cstop offset='1' stop-color='%2317454c' stop-opacity='.05'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M40 480V208C40 134 112 86 170 60C228 86 300 134 300 208V480Z' fill='url(%23f)'/%3E%3Cpath d='M40 480V208C40 134 112 86 170 60C228 86 300 134 300 208V480Z' fill='url(%23p)' opacity='.55'/%3E%3Cg fill='none' stroke='url(%23g)'%3E%3Cpath d='M8 480V200C8 110 96 50 170 8C244 50 332 110 332 200V480' stroke-width='2'/%3E%3Cpath d='M24 480V204C24 122 104 68 170 34C236 68 316 122 316 204V480' stroke-width='1' stroke-opacity='.7'/%3E%3Cpath d='M40 480V208C40 134 112 86 170 60C228 86 300 134 300 208V480' stroke-width='1.5'/%3E%3C/g%3E%3Ccircle cx='170' cy='8' r='4' fill='url(%23g)'/%3E%3C/svg%3E") no-repeat bottom center / contain;
  }
}
.mekan-discovery__block .mekan-discovery__head, .mekan-discovery__head { background: transparent !important; border: 0 !important; box-shadow: none !important; padding-inline: 0 !important; }
.mekan-card-grid .mekan-card__img-wrap { position: relative; }
.mekan-card-grid .mekan-card__distance-strip {
  position: absolute; inset-inline: 0; bottom: 0; z-index: 3; padding: 30px 14px 10px; border: 0; min-height: 0;
  background: linear-gradient(0deg, rgba(7, 22, 26, .82), rgba(7, 22, 26, 0)); color: #f4ecd6; font-size: 12px; font-weight: 500; letter-spacing: .02em;
}
.mekan-card-grid .mekan-card__distance-loc { color: #f4ecd6; }

/* Section marks: the brand's ringed S in place of the old bar */
body .mekan-section-title:not(.mekan-section-title--lead-icon)::before,
body .mekan-discovery__block .mekan-section-title:not(.mekan-section-title--lead-icon)::before {
  content: "" !important; display: block !important; width: 28px !important; height: 28px !important; flex: none; border-radius: 0 !important;
  background: var(--lx-sheen) !important;
  -webkit-mask: url("/mainpic/brand/logo-mark.svg") center / contain no-repeat;
          mask: url("/mainpic/brand/logo-mark.svg") center / contain no-repeat;
}
.mekan-section-title { gap: 14px; }

.router-home-section { margin-bottom: 0; padding-block: 36px 8px; }
.mekan-discovery__head { margin-bottom: 26px; }
.mekan-discovery__head .mekan-discovery__loc-btn, .mekan-discovery__loc-btn {
  background: transparent; color: var(--lx-gold-dk); border: 1px solid var(--lx-gold); border-radius: 999px; box-shadow: none; font-weight: 600;
  height: auto; min-height: 0; padding: 9px 18px; margin: 0; letter-spacing: .02em;
}
@media (hover: hover) { .mekan-discovery__loc-btn:hover { background: var(--lx-sheen); color: var(--lx-ink); border-color: transparent; } }

.router-home-semt-grid { gap: 18px; padding-inline: 0; }
a.router-home-semt-card:link, a.router-home-semt-card:visited, .router-home-semt-card { padding: 22px 22px 20px; min-height: 118px; justify-content: flex-end; gap: 6px; }
.router-home-semt-card::after {
  content: ""; position: absolute; inset-inline-end: 20px; top: 20px; width: 22px; height: 1px; background: var(--lx-sheen); transition: width .35s ease;
}
@media (hover: hover) { .router-home-semt-card:hover::after { width: 44px; } }

.router-home-kategori-grid { gap: 12px; padding: 0; }
.router-home-section .router-home-kategori-chip, .mekan-discovery .router-home-kategori-chip { padding: 12px 22px; font-weight: 600; }
main .router-home-section, main .mekan-discovery__block.router-home-section { padding-block: 46px 6px; margin-block: 0; }
main .mekan-discovery__head { margin-bottom: 28px !important; }
.mekan-section-title, .mekan-section-title * { text-shadow: none !important; }
body .mekan-discovery__head .mekan-discovery__loc-btn { color: var(--lx-gold-dk) !important; background: transparent !important; }
@media (hover: hover) { body .mekan-discovery__head .mekan-discovery__loc-btn:hover { color: var(--lx-ink) !important; background: var(--lx-sheen) !important; } }

/* ---------- Header nav fit ---------- */
.mekan-site-header__nav { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; min-width: 0; flex: 1 1 auto; justify-content: center; }
.mekan-site-header__nav::-webkit-scrollbar { display: none; }
.mekan-site-header__nav a { letter-spacing: .1em; font-size: 11px; padding: 8px 11px; }
:lang(ar) .mekan-site-header__nav a { letter-spacing: 0; }

/* ---------- Venue page ---------- */
.mekan-hero { border-radius: 0 0 26px 26px; }
.mekan-hero::before {
  content: ""; position: absolute; inset: 14px; z-index: 3; pointer-events: none; border-radius: 16px;
  border: 1px solid rgba(230, 207, 148, .55); box-shadow: inset 0 0 0 4px rgba(7, 22, 26, .12);
}
.mekan-breadcrumb { font-size: 12.5px; letter-spacing: .04em; color: var(--lx-muted); }
.mekan-breadcrumb a { color: var(--lx-gold-dk) !important; }
.mekan-breadcrumb__current { color: var(--lx-ink); }

body .mekan-titlebar .mekan-titlebar__card {
  background:
    radial-gradient(520px 260px at 100% 0%, rgba(230, 207, 148, .16), transparent 65%),
    linear-gradient(150deg, var(--lx-ink) 0%, var(--lx-teal) 58%, var(--lx-teal2) 100%) !important;
  border: 1px solid rgba(230, 207, 148, .38); border-radius: 22px; color: #f4ecd6;
  box-shadow: 0 30px 60px -24px rgba(7, 22, 26, .6), inset 0 1px 0 rgba(255, 255, 255, .06); isolation: isolate;
}
body .mekan-titlebar .mekan-titlebar__card::before {
  height: 2px; background: var(--lx-sheen); opacity: .9;
}
body .mekan-titlebar .mekan-titlebar__card::after {
  inset: 0; top: 0; width: auto; height: auto; z-index: 0; opacity: .1; background: var(--lx-star) 0 0 / 64px 64px;
  -webkit-mask-image: linear-gradient(270deg, #000 0%, transparent 62%); mask-image: linear-gradient(270deg, #000 0%, transparent 62%);
}
:lang(ar) body .mekan-titlebar .mekan-titlebar__card::after { -webkit-mask-image: linear-gradient(90deg, #000 0%, transparent 62%); mask-image: linear-gradient(90deg, #000 0%, transparent 62%); }
.mekan-hero__category {
  background: transparent; border: 1px solid rgba(230, 207, 148, .6); color: var(--lx-gold-lt); border-radius: 999px;
  letter-spacing: .22em; font-size: 11px; font-weight: 600; text-transform: uppercase;
}
:lang(ar) .mekan-hero__category { letter-spacing: 0; text-transform: none; font-size: 13px; }
body .mekan-hero__title, html body .mekan-titlebar .mekan-hero__title {
  font-family: var(--font-display); font-weight: 400; letter-spacing: .005em; color: #fbf4de !important; font-size: clamp(2.1rem, 4.6vw, 3.4rem); line-height: 1.1; text-wrap: balance;
}
:lang(ar) .mekan-hero__title { font-weight: 700; line-height: 1.3; }
body .mekan-titlebar .mekan-hero__star-icons, body .mekan-titlebar .mekan-hero__rating-num { color: var(--lx-gold-lt) !important; }
body .mekan-titlebar .mekan-hero__address, body .mekan-titlebar .mekan-hero__review-count, body .mekan-titlebar .mekan-hero__price { color: rgba(244, 236, 214, .78) !important; }
body .mekan-titlebar .mekan-hero__address-icon { color: var(--lx-gold-lt); }
.mekan-hero__sep { background: rgba(230, 207, 148, .3); }

body .mekan-titlebar .mekan-titlebar__actions { background: transparent !important; border: 0; box-shadow: none; padding: 0; gap: 10px; }
body .mekan-titlebar .mekan-action-btn,
body .mekan-titlebar .mekan-whatsapp-btn,
body .mekan-titlebar .mekan-action-btn:not(.mekan-action-btn--primary):not(.mekan-action-btn--qr) {
  background: rgba(251, 251, 248, .05) !important; color: #f4ecd6 !important; border: 1px solid rgba(230, 207, 148, .5) !important;
  border-radius: 12px; box-shadow: none; font-weight: 600; letter-spacing: .02em; padding: 13px 20px; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
@media (hover: hover) {
  body .mekan-titlebar .mekan-action-btn:hover, body .mekan-titlebar .mekan-whatsapp-btn:hover {
    background: rgba(230, 207, 148, .14) !important; border-color: var(--lx-gold-lt) !important; transform: translateY(-2px); box-shadow: 0 12px 26px -12px rgba(0, 0, 0, .6);
  }
}
body .mekan-titlebar .mekan-action-btn--qr {
  background: var(--lx-sheen) !important; color: var(--lx-ink) !important; border-color: transparent !important; box-shadow: 0 10px 26px -10px rgba(184, 146, 74, .7);
}
body .mekan-titlebar .mekan-action-btn--qr .mekan-action-btn__icon--qr, body .mekan-titlebar .mekan-action-btn--qr i { color: var(--lx-ink) !important; }
body .mekan-share-btn.mekan-action-btn {
  background: var(--lx-sheen) !important; color: var(--lx-ink) !important; border: 0 !important; animation: none; box-shadow: 0 10px 24px -8px rgba(0, 0, 0, .55);
}
body .mekan-titlebar .mekan-action-btn__icon--phone, body .mekan-titlebar .mekan-action-btn__icon--direction, body .mekan-titlebar .mekan-whatsapp-btn i { color: var(--lx-gold-lt); }

/* Content cards */
body .mekan-about, body .mekan-reviews, body .mekan-info-card, body .mekan-facilities, body .mekan-ozellikler, body .mekan-map-card {
  background: var(--lx-card) !important; border: 1px solid rgba(7, 22, 26, .09); border-radius: 20px;
  box-shadow: 0 1px 2px rgba(7, 22, 26, .04), 0 22px 44px -24px rgba(7, 22, 26, .25);
}
.mekan-about:before, .mekan-reviews:before, .mekan-info-card:before, .mekan-facilities:before, .mekan-ozellikler:before {
  height: 2px; background: var(--lx-sheen); opacity: .85;
}
.mekan-about__text { color: #2c3a38; }
body .mekan-info-card__header { background: transparent !important; color: var(--lx-ink); font-family: var(--font-display); font-weight: 400; font-size: 1.3rem; border-bottom: 1px solid var(--lx-line); }
:lang(ar) .mekan-info-card__header { font-weight: 700; }
body .mekan-review-item, body .facility-item, body .hours-list li, body .mekan-about__note, body .mekan-yorum-form-wrap { background: #f1f2ec !important; border-radius: 14px; }
.mekan-review-item__author { color: var(--lx-gold-dk); }
.mekan-yorum-ekle-btn { color: var(--lx-gold-dk); border-color: var(--lx-gold); background: transparent; border-radius: 999px; }

/* ---------- Modern skin overrides (router.css html.mtr-modern block) ---------- */
html.mtr-modern, html.mtr-modern body {
  --mm-krem: #eff1ec; --mm-krem-rgb: 239, 241, 236; --mm-krem-acik: #fbfbf8;
  --mm-lacivert: #0f2e33; --mm-lacivert-acik: #17454c;
  --mm-cizgi: rgba(122, 90, 33, .22); --mm-yazi: #13201f; --mm-yazi-ikincil: #46544f;
  --bg-varsayilan: #eff1ec !important;
  --card-varsayilan: #fbfbf8; --card2-varsayilan: #fbfbf8;
}
html.mtr-modern body.tema-genel { --border: rgba(122, 90, 33, .22); }
html.mtr-modern body.tema-genel .mekan-site-header { border-bottom: 0 !important; }
html.mtr-modern body.tema-genel .mekan-breadcrumb a { color: var(--lx-gold-dk) !important; }

html.mtr-modern body.tema-genel .mekan-titlebar__card {
  background:
    radial-gradient(520px 260px at 100% 0%, rgba(230, 207, 148, .16), transparent 65%),
    linear-gradient(150deg, var(--lx-ink) 0%, var(--lx-teal) 58%, var(--lx-teal2) 100%) !important;
  border: 1px solid rgba(230, 207, 148, .38) !important;
}
html.mtr-modern body.tema-genel .mekan-titlebar__card:before,
html.mtr-modern body.tema-genel .mekan-titlebar__card:after { display: block !important; }
html.mtr-modern body.tema-genel .mekan-hero__title { color: #fbf4de !important; }
html.mtr-modern body.tema-genel .mekan-hero__price, html.mtr-modern body.tema-genel .mekan-hero__rating-num { color: var(--lx-gold-lt) !important; }
html.mtr-modern body.tema-genel .mekan-hero__review-count, html.mtr-modern body.tema-genel .mekan-hero__address { color: rgba(244, 236, 214, .78) !important; }
html.mtr-modern body.tema-genel .mekan-hero__address-icon, html.mtr-modern body.tema-genel .mekan-hero__star-icons { color: var(--lx-gold-lt) !important; }
html.mtr-modern body.tema-genel .mekan-hero__sep { background: rgba(230, 207, 148, .3) !important; }
html.mtr-modern body.tema-genel .mekan-hero__category { background: transparent !important; border-color: rgba(230, 207, 148, .6) !important; color: var(--lx-gold-lt) !important; }
html.mtr-modern body.tema-genel .mekan-acik-badge--open { background: rgba(169, 240, 187, .14) !important; border-color: rgba(169, 240, 187, .45) !important; color: #a9f0bb !important; }
html.mtr-modern body.tema-genel .mekan-acik-badge--closed { background: rgba(255, 180, 163, .12) !important; border-color: rgba(255, 180, 163, .4) !important; color: #ffb4a3 !important; }

html.mtr-modern body.tema-genel .mekan-titlebar__actions .mekan-action-btn:not(.mekan-action-btn--qr) {
  background: rgba(251, 251, 248, .05) !important; color: #f4ecd6 !important; border: 1px solid rgba(230, 207, 148, .5) !important; box-shadow: none !important;
}
html.mtr-modern body.tema-genel .mekan-titlebar__actions .mekan-action-btn--qr {
  background: var(--lx-sheen) !important; color: var(--lx-ink) !important; border: 0 !important;
}
html.mtr-modern body.tema-genel .mekan-titlebar__actions .mekan-action-btn--qr i { color: var(--lx-ink) !important; }
html.mtr-modern body.tema-genel .mekan-titlebar__actions .mekan-action-btn:not(.mekan-action-btn--qr) i { color: var(--lx-gold-lt) !important; }

html.mtr-modern body.tema-genel .mekan-about:before, html.mtr-modern body.tema-genel .mekan-reviews:before,
html.mtr-modern body.tema-genel .mekan-info-card:before, html.mtr-modern body.tema-genel .mekan-facilities:before,
html.mtr-modern body.tema-genel .mekan-ozellikler:before { background: var(--lx-sheen) !important; height: 2px !important; }
@media (min-width: 901px) {
  html.mtr-modern body.tema-genel .mekan-about, html.mtr-modern body.tema-genel .mekan-reviews, html.mtr-modern body.tema-genel .mekan-info-card,
  html.mtr-modern body.tema-genel .mekan-facilities, html.mtr-modern body.tema-genel .mekan-ozellikler {
    border: 1px solid rgba(7, 22, 26, .08) !important; border-radius: 20px !important; box-shadow: 0 1px 2px rgba(7, 22, 26, .04), 0 22px 44px -24px rgba(7, 22, 26, .25) !important;
  }
  html.mtr-modern body.tema-genel .mekan-titlebar__card { box-shadow: 0 30px 60px -24px rgba(7, 22, 26, .6) !important; }
  html.mtr-modern body.tema-genel .mekan-info-card__header { border-bottom: 1px solid var(--lx-line) !important; }
}
html.mtr-modern body.tema-genel .mekan-map-card { border: 1px solid rgba(7, 22, 26, .08) !important; border-radius: 20px !important; box-shadow: 0 22px 44px -24px rgba(7, 22, 26, .25) !important; }

html.mtr-modern body.tema-genel .mekan-section-title { color: var(--lx-ink) !important; font-family: var(--font-display) !important; letter-spacing: .005em !important; font-weight: 400; }
html[lang="ar"] body.tema-genel .mekan-section-title { font-weight: 700; }
html.mtr-modern body.tema-genel .mekan-section-title:not(.mekan-section-title--lead-icon):before {
  width: 22px !important; height: 22px !important; border-radius: 0 !important; background: var(--lx-sheen) !important;
}
html.mtr-modern body.tema-genel .mekan-info-card__header { color: var(--lx-ink) !important; font-family: var(--font-display) !important; font-weight: 400; }
html[lang="ar"] body.tema-genel .mekan-info-card__header { font-weight: 700; }
html.mtr-modern body.tema-genel .mekan-about__note { background: rgba(184, 146, 74, .08) !important; border-inline-start: 2px solid var(--lx-gold) !important; border-radius: 0 12px 12px 0 !important; }
html.mtr-modern body.tema-genel .mekan-about__note i, html.mtr-modern body.tema-genel .mekan-info-table .js-mesafe-etiket,
html.mtr-modern body.tema-genel .mekan-info-table .js-mesafe-etiket i { color: var(--lx-gold-dk) !important; }
html.mtr-modern body.tema-genel .mekan-ozellikler__tab { border-color: var(--lx-line) !important; }
html.mtr-modern body.tema-genel .mekan-ozellikler__tab.is-active { background: var(--lx-ink) !important; border-color: var(--lx-ink) !important; color: var(--lx-gold-lt) !important; }
html.mtr-modern body.tema-genel .mekan-review-item__author { color: var(--lx-gold-dk) !important; }
html.mtr-modern body.tema-genel .mekan-review-item__author:before { background: var(--lx-gold); }
html.mtr-modern body.tema-genel .mekan-review-item__badge { background: rgba(184, 146, 74, .14) !important; color: var(--lx-gold-dk) !important; }
html.mtr-modern body.tema-genel .mekan-yorum-ekle-btn { background: transparent !important; border-color: var(--lx-gold) !important; color: var(--lx-gold-dk) !important; }
html.mtr-modern body.tema-genel .mekan-yorum-form__submit { background: var(--lx-ink) !important; color: var(--lx-gold-lt) !important; }
html.mtr-modern body.tema-genel .mekan-yorum-form__user, html.mtr-modern body.tema-genel .mekan-saat__haftalik-toggle { color: var(--lx-gold-dk) !important; }
html.mtr-modern body.tema-genel .mekan-cta { background: linear-gradient(135deg, var(--lx-teal2), var(--lx-ink)) !important; color: var(--lx-gold-lt) !important; }

/* Cards inside the modern skin (similar places, nearby) */
html.mtr-modern .mekan-card-grid .mekan-card:not(.mekan-card--one-cikan) {
  background: #fbfbf8 !important; background-color: #fbfbf8 !important; border: 1px solid rgba(7, 22, 26, .09) !important; border-radius: 18px !important;
  box-shadow: 0 1px 2px rgba(7, 22, 26, .05), 0 14px 34px -14px rgba(7, 22, 26, .22) !important;
}
html.mtr-modern .mekan-card-grid .mekan-card:not(.mekan-card--one-cikan) .mekan-card__top-meta { background: transparent !important; background-color: transparent !important; }
html.mtr-modern .mekan-card-grid .mekan-card:not(.mekan-card--one-cikan) .mekan-card__body { background: #fbfbf8 !important; background-color: #fbfbf8 !important; }
@media (hover: hover) { html.mtr-modern .mekan-card-grid .mekan-card:not(.mekan-card--one-cikan):hover { background: #fbfbf8 !important; background-color: #fbfbf8 !important; } }
html.mtr-modern .mekan-card-grid .mekan-card__distance-line, html.mtr-modern .mekan-card-grid .mekan-card__distance-line i { color: var(--lx-gold-lt) !important; }

/* Discovery panels with a dark head */
html.mtr-modern #benzer-mekanlar, html.mtr-modern #yakinimda {
  --semt-accent-top: var(--lx-gold) !important; --semt-accent-solid: var(--lx-gold) !important; border-inline-start-color: transparent !important;
}
html.mtr-modern #benzer-mekanlar > .mekan-discovery__head, html.mtr-modern #yakinimda > .mekan-discovery__head {
  background: linear-gradient(150deg, var(--lx-ink) 0%, var(--lx-teal) 70%, var(--lx-teal2) 100%) !important; border-radius: 18px !important; padding: 22px 24px !important;
}
html.mtr-modern #benzer-mekanlar .mekan-section-title, html.mtr-modern #yakinimda .mekan-section-title { color: #fbf4de !important; }
html.mtr-modern #benzer-mekanlar .mekan-discovery__head::after, html.mtr-modern #yakinimda .mekan-discovery__head::after { display: none; }
html.mtr-modern #benzer-mekanlar .mekan-section-title:before { background: var(--lx-sheen) !important; }
html.mtr-modern #benzer-mekanlar .mekan-discovery__loc-btn, html.mtr-modern #yakinimda .mekan-discovery__loc-btn:not(.is-active):not(.is-guncel) {
  background: var(--lx-sheen) !important; color: var(--lx-ink) !important; box-shadow: none !important;
}
html.mtr-modern #yakinimda .mekan-discovery__loc-btn:not(.is-active):not(.is-guncel) i, html.mtr-modern #benzer-mekanlar .mekan-discovery__loc-btn i { color: var(--lx-ink) !important; }
html.mtr-modern #benzer-mekanlar .mekan-discovery__pill, html.mtr-modern #yakinimda .mekan-discovery__pill { color: var(--lx-gold-lt) !important; background: rgba(230, 207, 148, .1) !important; border-color: rgba(230, 207, 148, .35) !important; }
html.mtr-modern .router-home-kategori-ara__field { background: #fbfbf8 !important; border-color: var(--lx-line) !important; }

/* Card strip and the discovery intro panel */
html .mekan-card-grid .mekan-card .mekan-card__distance-strip {
  background: linear-gradient(0deg, rgba(7, 22, 26, .82), rgba(7, 22, 26, 0)) !important; border: 0 !important;
}
.mekan-discovery__intro {
  position: relative; isolation: isolate; border-radius: 22px; color: #f4ecd6;
  background: radial-gradient(520px 260px at 100% 0%, rgba(230, 207, 148, .14), transparent 65%), linear-gradient(150deg, var(--lx-ink) 0%, var(--lx-teal) 60%, var(--lx-teal2) 100%) !important;
  border: 1px solid rgba(230, 207, 148, .3); box-shadow: 0 30px 60px -28px rgba(7, 22, 26, .55);
}
.mekan-discovery__intro::before {
  content: ""; position: absolute; inset: 0; z-index: -1; opacity: .08; background: var(--lx-star) 0 0 / 64px 64px; pointer-events: none; border-radius: inherit;
  -webkit-mask-image: linear-gradient(270deg, #000, transparent 65%); mask-image: linear-gradient(270deg, #000, transparent 65%);
}
.mekan-discovery__eyebrow { color: var(--lx-gold-lt) !important; letter-spacing: .28em; text-transform: uppercase; font-weight: 600; }
:lang(ar) .mekan-discovery__eyebrow { letter-spacing: 0; text-transform: none; }
.mekan-discovery__title { color: #fbf4de !important; font-family: var(--font-display); font-weight: 400; }
:lang(ar) .mekan-discovery__title { font-weight: 700; }
.mekan-discovery__desc, .mekan-discovery__nav-lead { color: rgba(244, 236, 214, .78) !important; }
.mekan-discovery__desc-links a { color: var(--lx-gold-lt) !important; border-bottom: 1px solid rgba(230, 207, 148, .35); }
.mekan-discovery__intro .semt-filter-panel { background: rgba(251, 251, 248, .06); border: 1px solid rgba(230, 207, 148, .3); border-top-color: var(--lx-gold); border-radius: 14px; }
html.mtr-modern #benzer-mekanlar, html.mtr-modern #yakinimda { background: transparent !important; }

/* Hero details: breadcrumb, filter panel, active chip */
.semt-hero .mekan-breadcrumb, .semt-hero .mekan-breadcrumb__sep { color: rgba(244, 236, 214, .55); }
.semt-hero .mekan-breadcrumb a { color: var(--lx-gold-lt) !important; }
.semt-hero .mekan-breadcrumb__current { color: #fbf4de; }
.semt-hero .semt-filter-panel { background: transparent; border: 0; border-top: 1px solid rgba(230, 207, 148, .4); border-radius: 0; box-shadow: none; padding: 20px 0 0; margin-top: 18px; }
.semt-hero .semt-filter-bar__label { color: rgba(230, 207, 148, .85); letter-spacing: var(--lx-track); text-transform: uppercase; font-size: 11px; font-weight: 600; }
.semt-hero .semt-filter-bar__select { background-color: var(--lx-card); border: 1px solid rgba(230, 207, 148, .55); border-radius: 12px; color: var(--lx-ink); box-shadow: none; }
.semt-hero .router-home-kategori-chip.is-active, .router-home-kategori-chip.is-active { background: var(--lx-sheen); color: var(--lx-ink) !important; border-color: transparent; font-weight: 700; }
.mekan-footer__inner { align-items: start; gap: 40px; }
.mekan-footer__links { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px 28px; }
.mekan-footer__links a { font-size: 13.5px; letter-spacing: .02em; padding: 0; }
.mekan-footer__isbirligi { border: 1px solid rgba(230, 207, 148, .35) !important; border-radius: 16px; background: rgba(251, 251, 248, .04) !important; }

/* ---------- Mobile dock and header ---------- */
html .router-dock {
  background: linear-gradient(180deg, #0b2227, #07161a) !important; border-top: 1px solid rgba(230, 207, 148, .5) !important;
  box-shadow: 0 -14px 30px -12px rgba(7, 22, 26, .5) !important;
}
html .router-dock::after { background: #07161a; }
html .router-dock .router-dock__link, html .router-dock .router-dock__link[class*="--"] { color: #cdbf9c !important; font-weight: 600; letter-spacing: .02em; }
html .router-dock .router-dock__link-icon, html .router-dock .router-dock__link-icon i, html .router-dock .router-dock__link-icon .pusula-icon { color: var(--lx-gold-lt) !important; }
html .router-dock .router-dock__link-icon .pusula-icon { stroke: currentColor; }
html .router-dock .router-dock__link--heart .router-dock__link-icon i { color: var(--lx-gold-lt) !important; }
@media (max-width: 600px) {
  .mekan-site-header__inner { flex-wrap: wrap; justify-content: space-between; row-gap: 10px; padding: 12px 16px; }
  .mekan-site-header__logo { font-size: 1.1rem; letter-spacing: .24em; }
  .mekan-header-actions { width: 100%; justify-content: space-between; margin: 0; }
  .mekan-header-actions__team { display: block; }
  .mekan-header-actions__pill { padding: 8px 14px; font-size: 10.5px; }
  .router-home-hero__eyebrow, .semt-hero__eyebrow { letter-spacing: .2em; font-size: 11px; }
  .semt-hero { padding-block: 36px 40px; }
  .semt-hero__title { font-size: clamp(2rem, 9vw, 2.6rem); }
}

/* ======================================================================
   Small fixes
   ====================================================================== */
html .mekan-card-grid, html .semt-grid-frame .mekan-card-grid { box-shadow: none !important; border: 0 !important; background: transparent !important; }
:root { --map-blue: #b8924a; --map-blue-dark: #7a5a21; }
@media (max-width: 600px) {
  .router-home-hero__eyebrow::before, .semt-hero__eyebrow::before { display: none; }
  html .router-dock .router-dock__link-text { font-size: 10px; letter-spacing: 0; }
}

/* ======================================================================
   App layer: transitions, press feedback, floating dock, progress line
   ====================================================================== */
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-old(root) { animation: lx-vt-out .16s ease both; }
  ::view-transition-new(root) { animation: lx-vt-in .34s cubic-bezier(.2, .7, .2, 1) both; }
  ::view-transition-group(lx-header), ::view-transition-group(lx-dock) { animation-duration: 0s; }
}
@keyframes lx-vt-out { to { opacity: 0; transform: translateY(-6px); } }
@keyframes lx-vt-in { from { opacity: 0; transform: translateY(14px); } }
.mekan-site-header { view-transition-name: lx-header; }
.router-dock { view-transition-name: lx-dock; }

a, button, [role="button"], summary, label { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
@media (pointer: coarse) {
  .mekan-site-header, .router-dock, .mekan-card__top-meta, .mekan-card__body, .router-home-semt-card { -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
  .mekan-card-grid .mekan-card:active { transform: scale(.975); transition-duration: .12s; }
  .router-home-semt-card:active, .router-home-kategori-chip:active { transform: scale(.96); }
  .mekan-action-btn:active { transform: scale(.96); }
}

/* Scroll progress doubles as the header's bottom line */
.mekan-site-header::after {
  height: 2px; opacity: 1;
  background:
    linear-gradient(90deg, #8a6a2c, #e6cf94 55%, #f0dfae) left / calc(var(--lx-p, 0) * 100%) 100% no-repeat,
    rgba(230, 207, 148, .22);
}
html[dir="rtl"] .mekan-site-header::after {
  background:
    linear-gradient(270deg, #8a6a2c, #e6cf94 55%, #f0dfae) right / calc(var(--lx-p, 0) * 100%) 100% no-repeat,
    rgba(230, 207, 148, .22);
}
.mekan-site-header { transition: transform .38s cubic-bezier(.2, .7, .2, 1); }
.mekan-site-header.lx-hide { transform: translateY(-101%); }

/* Skeleton and broken-image states */
.lx-js .mekan-card-grid .mekan-card__img-wrap:not(.is-ready):not(.is-broken) {
  background: linear-gradient(100deg, #e1e6dd 30%, #f4f6f0 50%, #e1e6dd 70%) 0 0 / 220% 100%; animation: lx-shimmer 1.5s linear infinite;
}
.lx-js .mekan-card-grid .mekan-card__img-wrap.is-broken { background: #0f2e33 var(--lx-star) 0 0 / 56px 56px; }
.lx-js .mekan-card-grid .mekan-card__img-wrap.is-broken img { opacity: 0; }
@keyframes lx-shimmer { to { background-position: -220% 0; } }

/* Reveal on scroll */
@media (prefers-reduced-motion: no-preference) {
  .lx-js .lx-reveal { opacity: 0; transform: translateY(18px) scale(.985); transition: opacity .6s ease var(--lx-d, 0ms), transform .7s cubic-bezier(.2, .7, .2, 1) var(--lx-d, 0ms); }
  .lx-js .lx-reveal.is-in { opacity: 1; transform: none; }
  .router-home-hero .semt-hero__inner > * { animation: lx-rise .85s cubic-bezier(.2, .7, .2, 1) both; }
  .router-home-hero .semt-hero__inner > :nth-child(2) { animation-delay: .06s; }
  .router-home-hero .semt-hero__inner > :nth-child(3) { animation-delay: .12s; }
  .router-home-hero .semt-hero__inner > :nth-child(4) { animation-delay: .18s; }
  .router-home-hero .semt-hero__inner > :nth-child(5) { animation-delay: .24s; }
  .router-home-hero .semt-hero__inner > :nth-child(6) { animation-delay: .3s; }
}
@keyframes lx-rise { from { opacity: 0; transform: translateY(16px); } }

/* Zellige band closes the hero */
.semt-hero::after {
  height: 14px; opacity: .85;
  background:
    linear-gradient(90deg, rgba(230, 207, 148, .5), rgba(230, 207, 148, .5)) left top / 100% 1px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M0 7L7 0L14 7L21 0L28 7M0 7L7 14L14 7L21 14L28 7' fill='none' stroke='%23e6cf94' stroke-opacity='.55' stroke-width='1'/%3E%3C/svg%3E") 0 0 / 28px 14px repeat-x;
}

/* Floating glass dock */
@media (max-width: 900px) {
  html .router-dock {
    inset-inline: 12px; bottom: calc(10px + env(safe-area-inset-bottom)); border-radius: 26px;
    border: 1px solid rgba(230, 207, 148, .45) !important; background: rgba(7, 22, 26, .84) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4);
    padding: 6px 8px !important; box-shadow: 0 18px 40px -10px rgba(0, 0, 0, .65), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  }
  html .router-dock::after { display: none; }
  body.has-router-dock { padding-bottom: calc(92px + env(safe-area-inset-bottom)); }
  .router-dock__link { position: relative; border-radius: 18px; min-height: 48px; }
  .router-dock__link-icon { transition: transform .3s cubic-bezier(.3, 1.6, .5, 1); }
  html .router-dock .router-dock__link.is-on { color: #f3e3b0 !important; }
  .router-dock__link.is-on::before { content: ""; position: absolute; top: 0; width: 24px; height: 2px; border-radius: 2px; background: var(--lx-sheen); }
  .router-dock__link.is-on .router-dock__link-icon { transform: translateY(-1px) scale(1.14); }
  .router-dock__link:active .router-dock__link-icon { transform: scale(.86); }
}

/* Compact app bar on phones */
@media (max-width: 600px) {
  .mekan-site-header__inner { flex-wrap: nowrap; row-gap: 0; padding: 10px 16px; }
  .mekan-header-actions { width: auto; margin-inline-start: auto; }
  .mekan-header-actions__team { display: none; }
  .mekan-site-header__logo { font-size: 1rem; letter-spacing: .22em; }
  :lang(ar) .mekan-site-header__logo { font-size: 1.45rem; letter-spacing: 0; }
}
/* Country home: compact free QR menu band at the top of the hero */
.rh-qr-bant { display: flex; align-items: center; gap: 12px; width: fit-content; max-width: 100%; margin: 0 auto 18px; padding-block: 6px; padding-inline: 16px 6px; border-radius: 999px; background: rgba(7, 22, 26, .55); border: 1px solid rgba(230, 207, 148, .38); color: #f4ecd6 !important; font-size: 14px; line-height: 1.35; text-decoration: none !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: border-color .25s, background .25s; }
.rh-qr-bant > i { color: var(--lx-gold-lt); font-size: 18px; flex: none; }
.rh-qr-bant__metin b { color: #fbf4de; font-weight: 700; }
.rh-qr-bant__metin span { color: rgba(244, 236, 214, .78); }
.rh-qr-bant__btn { flex: none; padding: 7px 14px; border-radius: 999px; background: var(--lx-sheen); color: var(--lx-ink); font-weight: 700; font-size: 13px; white-space: nowrap; }
@media (hover: hover) { .rh-qr-bant:hover { border-color: var(--lx-gold-lt); background: rgba(7, 22, 26, .7); } }
@media (max-width: 640px) {
  .rh-qr-bant { gap: 10px; font-size: 12.5px; border-radius: 16px; padding-block: 8px; text-align: start; }
  .rh-qr-bant__metin span { display: block; }
  .rh-qr-bant__btn { padding: 7px 12px; font-size: 12px; }
}

/* Add to Home Screen chip: fixed, slides in, takes no space in the page */
.lx-install { position: fixed; z-index: 70; inset-inline: 0; margin-inline: auto; width: max-content; max-width: calc(100% - 32px); bottom: var(--lx-a2hs-b, calc(20px + env(safe-area-inset-bottom, 0px))); display: flex; align-items: center; gap: 2px; padding: 4px; border-radius: 999px; background: #07161a; border: 1px solid rgba(217, 189, 125, .35); box-shadow: 0 12px 32px rgba(7, 22, 26, .35); opacity: 0; transform: translateY(16px); transition: opacity .3s ease, transform .3s ease; }
.lx-install.is-in { opacity: 1; transform: none; }
.lx-install__add { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 0; border-radius: 999px; background: var(--lx-sheen); color: var(--lx-ink); font: 700 12px var(--font-ui); letter-spacing: .04em; cursor: pointer; white-space: nowrap; }
.lx-install__x { display: inline-grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: 50%; background: transparent; color: #cdbf9c; cursor: pointer; }
.lx-install__add:focus-visible, .lx-install__x:focus-visible { outline: 2px solid var(--lx-gold-lt); outline-offset: 2px; }
:lang(ar) .lx-install__add { letter-spacing: 0; font-size: 13px; }
@media (prefers-reduced-motion: reduce) { .lx-install { transition: none; } }
.lx-back { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-inline-end: 6px; border: 1px solid rgba(230, 207, 148, .45); border-radius: 50%; background: transparent; color: var(--lx-gold-lt); cursor: pointer; }
html[dir="rtl"] .lx-back i { transform: scaleX(-1); }

/* Installed app */
.lx-app body { overscroll-behavior-y: none; -webkit-touch-callout: none; }
.lx-app .mekan-site-header { padding-top: env(safe-area-inset-top); }
.lx-app input, .lx-app textarea, .lx-app select { -webkit-user-select: text; user-select: text; }
.lx-app .mekan-footer { padding-bottom: calc(96px + env(safe-area-inset-bottom)); }

/* Splash, once per app session */
.lx-splash::after {
  content: ""; position: fixed; inset: 0; z-index: 100000; pointer-events: none;
  background: radial-gradient(500px 380px at 50% 40%, rgba(230, 207, 148, .18), transparent 60%), linear-gradient(170deg, #07161a, #0f2e33);
  animation: lx-splash-out .55s ease .95s forwards;
}
.lx-splash::before {
  content: ""; position: fixed; z-index: 100001; left: 50%; top: 50%; width: 112px; height: 112px; margin: -56px 0 0 -56px; border-radius: 26px; pointer-events: none;
  background: url("/mainpic/brand/icon-192.png") center / cover; box-shadow: 0 0 0 1px rgba(230, 207, 148, .5), 0 24px 60px rgba(0, 0, 0, .6);
  animation: lx-splash-icon 1.5s cubic-bezier(.2, .7, .2, 1) forwards;
}
@keyframes lx-splash-out { to { opacity: 0; visibility: hidden; } }
@keyframes lx-splash-icon { 0% { opacity: 0; transform: scale(.82); } 25% { opacity: 1; transform: scale(1); } 70% { opacity: 1; } 100% { opacity: 0; transform: scale(1.06); } }
@media (prefers-reduced-motion: reduce) { .lx-splash::after, .lx-splash::before { animation-duration: .01s; animation-delay: 0s; } }

/* Sticky header needs body not to be a scroll container */
html, body { overflow-x: clip; }
html { overflow-y: auto; }

@media (max-width: 600px) {
  .mekan-titlebar { padding-inline: 12px; }
  html.mtr-modern body.tema-genel .mekan-titlebar__card { border-radius: 22px !important; }
}

/* ======================================================================
   App layer 2: app bar title, up button, rails, segments, sheets
   ====================================================================== */

/* Header action box no longer stretches past the screen on phones */
@media (max-width: 600px) {
  .mekan-header-actions { flex: 0 0 auto; width: auto; max-width: none; }
}

/* Up button and app bar title (phones and tablets) */
.lx-back { display: none; }
.lx-bar-title { display: none; }
@media (max-width: 900px) {
  .mekan-site-header__inner { position: relative; }
  .lx-back {
    display: inline-flex; flex: none; align-items: center; justify-content: center; width: 38px; height: 38px; margin-inline-end: 4px;
    border: 1px solid rgba(230, 207, 148, .4); border-radius: 50%; background: rgba(251, 251, 248, .04); color: var(--lx-gold-lt) !important; font-size: 14px;
    transition: transform .2s, background .2s;
  }
  .lx-back:active { transform: scale(.88); background: rgba(230, 207, 148, .16); }
  html[dir="rtl"] .lx-back i { transform: scaleX(-1); }
  a.lx-back:link, a.lx-back:visited { color: var(--lx-gold-lt) !important; }
  /* Inner pages: the wordmark folds into its mark so the bar stays on one line */
  .lx-inner .mekan-site-header__logo, :lang(ar) .lx-inner .mekan-site-header__logo { font-size: 0 !important; letter-spacing: 0; gap: 0; }
  .lx-bar-title {
    display: block; position: absolute; top: 50%; inset-inline: 66px 16px; transform: translateY(-30%); opacity: 0; pointer-events: none;
    font-family: var(--font-display); font-size: 1.12rem; line-height: 1.2; color: #fbf4de; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    transition: opacity .25s ease, transform .3s cubic-bezier(.2, .7, .2, 1);
  }
  :lang(ar) .lx-bar-title { font-weight: 700; font-size: 1.3rem; }
  html:not(.lx-inner) .lx-bar-title { inset-inline-start: 16px; }
  .mekan-site-header__logo, .mekan-header-actions { transition: opacity .2s ease; }
  .lx-titled .lx-bar-title { opacity: 1; transform: translateY(-50%); }
  .lx-titled .mekan-site-header__logo, .lx-titled .mekan-header-actions { opacity: 0; pointer-events: none; }
}

/* Brand logo image (rh_logo_html): wordmark, ringed S when the bar folds */
.rh-logo__full { display: block; height: 34px; width: auto; max-width: 100%; }
.rh-logo__mark { display: none; width: 30px; height: 30px; }
.mekan-site-header__logo, :lang(ar) .mekan-site-header__logo, .rh-brand, :lang(ar) .rh-brand, .join-brand { font-size: 0 !important; letter-spacing: 0 !important; line-height: 0; gap: 0 !important; }
.mekan-site-header__logo::before { content: none !important; display: none !important; }
@media (max-width: 600px) { .rh-logo__full { height: 26px; } }
@media (max-width: 600px) {
  .lx-inner .mekan-site-header__logo .rh-logo__full { display: none; }
  .lx-inner .mekan-site-header__logo .rh-logo__mark { display: block; }
}

/* Navigation feedback bar */
.lx-nav .mekan-site-header::before {
  content: ""; position: absolute; inset-inline: 0; bottom: -1px; height: 2px; z-index: 2;
  background: linear-gradient(90deg, transparent, #f0dfae 45%, #b8924a 55%, transparent) 0 0 / 40% 100% no-repeat;
  animation: lx-nav-run 1.1s cubic-bezier(.4, 0, .2, 1) infinite;
}
@keyframes lx-nav-run { from { background-position: -40% 0; } to { background-position: 140% 0; } }

/* Greeting on the home hero */
.lx-greet {
  display: inline-flex; align-items: center; gap: 10px; margin: 18px 0 4px; padding: 7px 14px 7px 12px; border-radius: 999px;
  background: rgba(251, 251, 248, .06); border: 1px solid rgba(230, 207, 148, .3); color: #f4ecd6; font-size: 13px; font-weight: 600;
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.lx-greet i { color: var(--lx-gold-lt); font-size: 13px; }
.lx-greet__time { color: rgba(244, 236, 214, .62); font-weight: 500; font-variant-numeric: tabular-nums; padding-inline-start: 10px; border-inline-start: 1px solid rgba(230, 207, 148, .3); }

/* Rails: related places, cities and areas swipe sideways on phones */
@media (max-width: 700px) {
  body.tema-genel .mekan-discovery .mekan-card-grid,
  body.tema-genel .mekan-discovery--gomulu .mekan-card-grid,
  .router-home-semt-grid,
  .router-home-section .router-home-kategori-grid,
  .mekan-discovery .router-home-kategori-grid {
    display: grid !important; grid-auto-flow: column; grid-template-columns: none !important; grid-template-rows: none;
    overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-x: contain;
    scroll-padding-inline: 16px; padding: 4px 16px 18px !important; margin-inline: -16px; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  body.tema-genel .mekan-discovery .mekan-card-grid::-webkit-scrollbar,
  .router-home-semt-grid::-webkit-scrollbar,
  .router-home-section .router-home-kategori-grid::-webkit-scrollbar,
  .mekan-discovery .router-home-kategori-grid::-webkit-scrollbar { display: none; }
  body.tema-genel .mekan-discovery .mekan-card-grid { grid-auto-columns: 70%; gap: 14px; }
  body.tema-genel .mekan-discovery .mekan-card-grid > * { scroll-snap-align: start; }
  .router-home-semt-grid { grid-auto-columns: 46%; gap: 12px; }
  .router-home-semt-grid > * { scroll-snap-align: start; }
  .router-home-section .router-home-kategori-grid, .mekan-discovery .router-home-kategori-grid { grid-auto-columns: max-content; gap: 10px; }
  .router-home-section .router-home-kategori-chip, .mekan-discovery .router-home-kategori-chip { scroll-snap-align: start; white-space: nowrap; }
  body.tema-genel .mekan-discovery .mekan-kart-daha { display: none; }
}

/* Segmented controls: list or map, open or closed */
.semt-view-toggle {
  display: inline-flex; gap: 4px; padding: 4px; border-radius: 999px; background: #e4e8e0; border: 1px solid rgba(122, 90, 33, .2); box-shadow: inset 0 1px 2px rgba(7, 22, 26, .08);
}
.semt-view-toggle__btn {
  border: 0 !important; border-radius: 999px !important; background: transparent !important; box-shadow: none !important; color: var(--lx-muted) !important;
  padding: 8px 16px !important; font-weight: 600; transition: background .25s, color .25s;
}
.semt-view-toggle__btn.is-active { background: var(--lx-ink) !important; color: var(--lx-gold-lt) !important; box-shadow: 0 4px 12px -4px rgba(7, 22, 26, .5) !important; }
.semt-toolbar { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.semt-hero .router-home-kategori-grid:has(.is-active) {
  display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; padding: 4px !important; border-radius: 999px;
  background: rgba(251, 251, 248, .06); border: 1px solid rgba(230, 207, 148, .3);
}
.semt-hero .router-home-kategori-grid:has(.is-active) .router-home-kategori-chip { border-color: transparent; background: transparent; }
.semt-hero .router-home-kategori-grid:has(.is-active) .router-home-kategori-chip.is-active { background: var(--lx-sheen); }

/* Bottom sheets */
@keyframes lx-sheet-up { from { transform: translateY(100%); } to { transform: none; } }
@media (max-width: 900px) {
  .mekan-share-sheet__bar {
    border-radius: 26px 26px 0 0 !important; background: linear-gradient(180deg, #0f2e33, #07161a) !important;
    border-top: 1px solid rgba(230, 207, 148, .45) !important; padding: 26px 10px calc(16px + env(safe-area-inset-bottom)) !important;
    box-shadow: 0 -24px 60px rgba(0, 0, 0, .55) !important;
  }
  .mekan-share-sheet__bar::before { content: ""; position: absolute; top: 9px; left: 50%; width: 42px; height: 4px; margin-left: -21px; border-radius: 4px; background: rgba(230, 207, 148, .5); }
  .mekan-share-sheet-open .mekan-share-sheet__bar { animation: lx-sheet-up .38s cubic-bezier(.2, .8, .2, 1); }
  .mekan-share-sheet__item { color: #e9dcb8 !important; }
  .mekan-share-sheet__backdrop { background: rgba(3, 10, 12, .55) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
}
.mekan-fav-modal__box {
  background: linear-gradient(170deg, #0f2e33, #07161a) !important; color: #f4ecd6; border: 1px solid rgba(230, 207, 148, .45); border-radius: 24px;
  box-shadow: 0 30px 70px rgba(0, 0, 0, .6);
}
.mekan-fav-modal__title { font-family: var(--font-display); font-weight: 400; color: #fbf4de !important; }
:lang(ar) .mekan-fav-modal__title { font-weight: 700; }
.mekan-fav-modal__desc { color: rgba(244, 236, 214, .75) !important; }
.mekan-fav-modal__x { color: var(--lx-gold-lt) !important; }
@media (max-width: 600px) {
  .mekan-fav-modal__box { position: fixed !important; inset: auto 0 0 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; transform: none !important;
    border-radius: 26px 26px 0 0; padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important; animation: lx-sheet-up .38s cubic-bezier(.2, .8, .2, 1); }
  .router-claim-modal { align-items: flex-end !important; padding: 0 !important; }
  .router-claim-modal__box { width: 100% !important; max-width: none !important; max-height: 90vh; overflow: auto; border-radius: 26px 26px 0 0 !important;
    border-top: 2px solid var(--lx-gold) !important; animation: lx-sheet-up .38s cubic-bezier(.2, .8, .2, 1); }
}

/* Quiet scrollbars and a gold one on desktop */
@media (min-width: 901px) {
  html { scrollbar-color: #b8924a #e4e8e0; scrollbar-width: thin; }
}
@media (max-width: 900px) {
  html { scrollbar-width: none; }
  html::-webkit-scrollbar { display: none; }
}
:focus-visible { outline: 2px solid var(--lx-gold); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) {
  .lx-nav .mekan-site-header::before { animation: none; }
  .mekan-share-sheet__bar, .mekan-fav-modal__box, .router-claim-modal__box { animation: none !important; }
}

/* Venue page discovery area gets side padding on phones; quick nav in gold */
@media (max-width: 700px) {
  html body.tema-genel .mekan-discovery__inner { padding-inline: 16px !important; }
}
@media (max-width: 900px) {
  html.mtr-modern .mtr-hizli-nav a { background: #0b2227; color: #f1e1b4 !important; font-weight: 600; letter-spacing: .02em; }
  html.mtr-modern .mtr-hizli-nav a + a { border-top-color: rgba(230, 207, 148, .22); }
  html.mtr-modern .mtr-hizli-nav a.is-aktif { background: var(--lx-sheen); color: var(--lx-ink) !important; }
  html.mtr-modern .mtr-hizli-nav { box-shadow: -10px 14px 30px -12px rgba(0, 0, 0, .55); border: 1px solid rgba(230, 207, 148, .35); border-inline-end: 0; overflow: hidden; }
}
.mekan-section-title__icon--gmaps, .mekan-section-title__icon--gmaps i, #yakinimda .mekan-section-title__icon, #home-yakin .mekan-section-title__icon { color: var(--lx-gold) !important; fill: var(--lx-gold); }

/* Phones: home and area sections run edge to edge, so their heads and grids carry the gutter */
@media (max-width: 900px) {
  .semt-main .mekan-discovery__block > .mekan-discovery__head { padding-inline: 16px !important; }
  .semt-main .mekan-discovery__block .mekan-card-grid { padding-inline: 12px !important; }
  .semt-main .mekan-discovery__head::after { inset-inline: 16px; }
  .semt-main .router-home-kategori-grid:not(.semt-hero .router-home-kategori-grid) { padding-inline: 16px; }
  .semt-main .mekan-kart-daha { margin-inline: 16px; width: calc(100% - 32px); }
}
@media (max-width: 700px) {
  .semt-main .router-home-semt-grid, .semt-main .router-home-section .router-home-kategori-grid { margin-inline: 0 !important; }
}
.semt-hero .router-home-kategori-grid:has(.is-active) { margin-top: 14px; }
html .mekan-site-header__nav a.is-active { background: var(--lx-sheen) !important; color: var(--lx-ink) !important; }
.lx-greet { display: flex; width: fit-content; }

/* Venue links: website, social, reservation and delivery chips */
.rh-link-chips { display: flex; flex-wrap: wrap; gap: 6px; }
a.rh-link-chip:link, a.rh-link-chip:visited, .rh-link-chip {
  display: inline-flex; align-items: center; gap: 7px; max-width: 100%; padding: 6px 12px; border-radius: 999px;
  border: 1px solid rgba(122, 90, 33, .3); background: rgba(184, 146, 74, .06); color: var(--lx-ink) !important;
  font-size: 13px; font-weight: 600; line-height: 1.2; text-decoration: none; transition: background .2s, border-color .2s, transform .15s;
}
.rh-link-chip span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rh-link-chip i { color: var(--lx-gold-dk); font-size: 14px; flex: none; }
@media (hover: hover) { .rh-link-chip:hover { background: var(--lx-sheen); border-color: transparent; } .rh-link-chip:hover i { color: var(--lx-ink); } }
.rh-link-chip:active { transform: scale(.95); }
.rh-link-chip--order i, .rh-link-chip--booking i { color: var(--lx-gold); }
.mekan-info-table__links td:last-child { padding-block: 10px; }
/* Guest actions lead: order and book are gold and come first, owner actions (QR menu, claim) step back */
html.mtr-modern body.tema-genel .mekan-titlebar__actions .mekan-action-btn--order:not(.mekan-action-btn--qr),
html.mtr-modern body.tema-genel .mekan-titlebar__actions .mekan-action-btn--reserve:not(.mekan-action-btn--qr) {
  background: var(--lx-sheen) !important; color: var(--lx-ink) !important; border: 0 !important; order: -1;
}
html.mtr-modern body.tema-genel .mekan-titlebar__actions .mekan-action-btn--order:not(.mekan-action-btn--qr) i,
html.mtr-modern body.tema-genel .mekan-titlebar__actions .mekan-action-btn--reserve:not(.mekan-action-btn--qr) i { color: var(--lx-ink) !important; }
html.mtr-modern body.tema-genel .mekan-titlebar__actions:has(.mekan-action-btn--order, .mekan-action-btn--reserve) .mekan-action-btn--qr {
  background: rgba(230, 207, 148, .08) !important; color: var(--lx-gold-lt) !important; border: 1px solid rgba(230, 207, 148, .6) !important; box-shadow: none !important;
}
html.mtr-modern body.tema-genel .mekan-titlebar__actions:has(.mekan-action-btn--order, .mekan-action-btn--reserve) .mekan-action-btn--qr i { color: var(--lx-gold-lt) !important; }