/**
 * XAN Office v1.4.61.322
 * Kaynak mantık: MenkulEX Hybrid v1.5.22 içindeki çalışan şehir rehberi responsive katmanı.
 * Kapsam: yalnızca 81 il şehir rehberinin ilk hero görünümü.
 */

body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional {
  --xan322-petrol-900:#123d45;
  --xan322-petrol-700:#205058;
  --xan322-petrol-600:#2a6570;
  --xan322-card-shadow:0 22px 52px rgba(15,43,54,.14);
}

/* Eski v313/v320/v321 iç-kabuk grid müdahalelerini nötrleştir. */
body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg__hero > :where(.xan-cg__hero-inner,.xan-cg__hero-grid,.xan-cg__hero-layout) {
  display:contents !important;
}

/* -------------------------------------------------------------------------
   Masaüstü: MenkulEX referansındaki görsel üstte, iki kompakt panel altta.
   ------------------------------------------------------------------------- */
@media (min-width:1025px) {
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero {
    position:relative !important;
    isolation:isolate !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(280px,.42fr) !important;
    align-items:end !important;
    gap:clamp(58px,8vw,132px) !important;
    min-height:clamp(600px,42vw,680px) !important;
    padding:clamp(180px,14vw,230px) clamp(30px,3.4vw,52px) clamp(28px,3vw,44px) !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.44) !important;
    border-radius:28px !important;
    background:#153f47 !important;
    box-shadow:var(--xan322-card-shadow) !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero::before {
    display:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero::after,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero.has-media::after {
    z-index:1 !important;
    background:linear-gradient(180deg,rgba(7,29,36,0) 0%,rgba(7,29,36,.03) 42%,rgba(7,29,36,.22) 100%) !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :where(.xan-cg__hero-picture,.xan-cg__hero picture,.xan-cg__hero-img) {
    display:block !important;
    opacity:1 !important;
    filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-img {
    object-position:center center !important;
    filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-copy {
    position:relative !important;
    z-index:3 !important;
    align-self:end !important;
    inline-size:100% !important;
    max-inline-size:690px !important;
    min-block-size:0 !important;
    margin:0 !important;
    padding:clamp(22px,2vw,30px) !important;
    border:1px solid rgba(232,246,247,.30) !important;
    border-radius:22px !important;
    color:#fff !important;
    background:linear-gradient(112deg,rgba(7,39,47,.66) 0%,rgba(13,55,65,.42) 72%,rgba(13,55,65,.16) 100%) !important;
    box-shadow:0 12px 30px rgba(6,28,34,.10) !important;
    contain:paint !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero h1 {
    max-inline-size:690px !important;
    margin:0 0 13px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:clamp(38px,3.25vw,52px) !important;
    font-weight:600 !important;
    line-height:1.06 !important;
    letter-spacing:0 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-copy > p {
    max-inline-size:650px !important;
    margin:0 0 18px !important;
    color:rgba(255,255,255,.94) !important;
    -webkit-text-fill-color:rgba(255,255,255,.94) !important;
    font-size:clamp(14px,1vw,16px) !important;
    font-weight:400 !important;
    line-height:1.58 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-kickers span,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-badges > * {
    min-block-size:28px !important;
    padding:5px 10px !important;
    border-color:rgba(255,255,255,.26) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:rgba(15,63,74,.46) !important;
    font-size:9.5px !important;
    font-weight:600 !important;
    letter-spacing:.045em !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan-cg__actions,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-actions {
    display:flex !important;
    flex-wrap:wrap !important;
    gap:9px !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan-cg__btn,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan316-cta {
    min-block-size:48px !important;
    padding:11px 16px !important;
    border-radius:12px !important;
    font-size:12.5px !important;
    font-weight:600 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-note {
    margin-top:13px !important;
    color:rgba(239,248,248,.90) !important;
    -webkit-text-fill-color:rgba(239,248,248,.90) !important;
    font-size:10.5px !important;
    font-weight:400 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail {
    position:relative !important;
    z-index:3 !important;
    justify-self:end !important;
    align-self:center !important;
    inline-size:min(100%,390px) !important;
    min-block-size:0 !important;
    margin:0 !important;
    padding:clamp(21px,2vw,28px) !important;
    border:1px solid rgba(230,244,246,.28) !important;
    border-radius:21px !important;
    color:#fff !important;
    background:rgba(10,47,56,.48) !important;
    box-shadow:0 12px 30px rgba(6,28,34,.10) !important;
    contain:paint !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail-label {
    color:#dceeed !important;
    -webkit-text-fill-color:#dceeed !important;
    font-size:9px !important;
    font-weight:500 !important;
    letter-spacing:.045em !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail h2 {
    margin:8px 0 7px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:clamp(22px,1.75vw,27px) !important;
    font-weight:500 !important;
    line-height:1.2 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail > p {
    color:rgba(238,247,247,.92) !important;
    -webkit-text-fill-color:rgba(238,247,247,.92) !important;
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.55 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-facts > div {
    min-block-size:70px !important;
    padding:11px 9px !important;
    border-color:rgba(255,255,255,.20) !important;
    border-radius:13px !important;
    background:rgba(255,255,255,.09) !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-facts strong {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:20px !important;
    font-weight:600 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-facts span,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-topics span {
    color:#dcebea !important;
    -webkit-text-fill-color:#dcebea !important;
    font-weight:400 !important;
  }
}

@media (min-width:1025px) and (max-width:1439px) {
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero {
    grid-template-columns:minmax(0,1fr) minmax(275px,.40fr) !important;
    gap:clamp(44px,5vw,84px) !important;
    min-height:600px !important;
    padding-top:clamp(160px,13vw,205px) !important;
  }
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero h1 {
    font-size:clamp(38px,3.7vw,50px) !important;
  }
}

/* -------------------------------------------------------------------------
   Tablet: MenkulEX referansındaki image-first tek kolon + kompakt rail.
   ------------------------------------------------------------------------- */
@media (min-width:768px) and (max-width:1024px) {
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg {
    padding:12px 12px 34px !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero {
    position:relative !important;
    isolation:isolate !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:end !important;
    gap:12px !important;
    min-height:0 !important;
    padding:clamp(240px,34vw,310px) 16px 16px !important;
    overflow:hidden !important;
    border-radius:24px !important;
    background:#174a54 !important;
    box-shadow:var(--xan322-card-shadow) !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero::before {
    display:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero::after,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero.has-media::after {
    background:linear-gradient(180deg,rgba(8,31,37,.02) 0%,rgba(8,31,37,.06) 42%,rgba(8,31,37,.28) 100%) !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :where(.xan-cg__hero-picture,.xan-cg__hero picture,.xan-cg__hero-img) {
    display:block !important;
    opacity:1 !important;
    filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-img {
    object-position:center 34% !important;
    filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-copy {
    position:relative !important;
    z-index:3 !important;
    max-inline-size:none !important;
    min-block-size:0 !important;
    margin:0 !important;
    padding:22px !important;
    border:1px solid rgba(255,255,255,.46) !important;
    border-radius:20px !important;
    color:#fff !important;
    background:rgba(10,50,59,.66) !important;
    box-shadow:0 10px 26px rgba(7,31,37,.12) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero h1,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-copy > p {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero h1 {
    margin:0 0 11px !important;
    font-size:clamp(34px,5.4vw,46px) !important;
    font-weight:600 !important;
    line-height:1.08 !important;
    letter-spacing:0 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail {
    position:relative !important;
    z-index:3 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:8px 18px !important;
    inline-size:100% !important;
    min-block-size:0 !important;
    margin:0 !important;
    padding:18px 20px !important;
    border-radius:18px !important;
    color:#fff !important;
    background:rgba(10,50,59,.72) !important;
    box-shadow:0 8px 20px rgba(7,31,37,.10) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail > p,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-topics {
    display:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-facts {
    grid-column:2 !important;
    grid-row:1 / span 2 !important;
    align-self:center !important;
  }
}

@media (min-width:600px) and (max-width:767px) {
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero {
    padding-top:clamp(210px,40vw,270px) !important;
  }
}

/* -------------------------------------------------------------------------
   Mobil: MenkulEX paketindeki çalışan açık copy kart + koyu karar rail mantığı.
   ------------------------------------------------------------------------- */
@media (max-width:599px) {
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg {
    padding:10px 9px 28px !important;
    background:#eef5f4 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero {
    position:relative !important;
    isolation:isolate !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:end !important;
    gap:9px !important;
    min-height:0 !important;
    padding:clamp(178px,52vw,220px) 10px 11px !important;
    overflow:hidden !important;
    border-radius:20px !important;
    background:#174a54 !important;
    box-shadow:0 10px 24px rgba(13,47,53,.12) !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero::before {
    display:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero::after,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero.has-media::after {
    z-index:1 !important;
    background:linear-gradient(180deg,rgba(9,34,39,.01) 0%,rgba(9,34,39,.04) 44%,rgba(9,34,39,.22) 100%) !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :where(.xan-cg__hero-picture,.xan-cg__hero picture,.xan-cg__hero-img) {
    display:block !important;
    opacity:1 !important;
    filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-img {
    object-position:center 35% !important;
    filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-copy {
    position:relative !important;
    z-index:3 !important;
    max-inline-size:none !important;
    min-block-size:0 !important;
    margin:0 !important;
    padding:15px !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.72) !important;
    border-radius:17px !important;
    color:#153f47 !important;
    background:rgba(249,252,251,.92) !important;
    box-shadow:0 7px 18px rgba(9,38,43,.10) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero h1 {
    margin:0 0 8px !important;
    color:#153f47 !important;
    -webkit-text-fill-color:#153f47 !important;
    font-size:clamp(27px,8.5vw,34px) !important;
    font-weight:500 !important;
    line-height:1.14 !important;
    letter-spacing:0 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-copy > p {
    display:-webkit-box !important;
    margin:0 0 11px !important;
    overflow:hidden !important;
    color:#315c63 !important;
    -webkit-text-fill-color:#315c63 !important;
    font-size:12.5px !important;
    font-weight:400 !important;
    line-height:1.52 !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:4 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-kickers,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-badges {
    gap:5px !important;
    margin-bottom:8px !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-kickers span,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-badges > * {
    min-block-size:24px !important;
    padding:4px 7px !important;
    border-color:rgba(32,80,88,.20) !important;
    color:#205058 !important;
    -webkit-text-fill-color:#205058 !important;
    background:rgba(255,255,255,.72) !important;
    font-size:8.5px !important;
    font-weight:500 !important;
    letter-spacing:.025em !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan-cg__actions,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-actions {
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan-cg__btn,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan316-cta {
    inline-size:100% !important;
    min-block-size:48px !important;
    padding:8px 7px !important;
    border-radius:11px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:#205058 !important;
    font-size:11px !important;
    font-weight:500 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan-cg__btn--glass,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan316-cta--glass {
    grid-column:1 / -1 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:#205058 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-note {
    display:-webkit-box !important;
    margin-top:9px !important;
    overflow:hidden !important;
    color:#466a70 !important;
    -webkit-text-fill-color:#466a70 !important;
    font-size:10px !important;
    line-height:1.4 !important;
    -webkit-box-orient:vertical !important;
    -webkit-line-clamp:2 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail {
    position:relative !important;
    z-index:3 !important;
    display:grid !important;
    gap:6px !important;
    inline-size:100% !important;
    min-block-size:0 !important;
    margin:0 !important;
    padding:13px 14px !important;
    border-radius:16px !important;
    color:#fff !important;
    background:rgba(18,66,75,.86) !important;
    box-shadow:0 7px 18px rgba(9,38,43,.09) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail-label {
    color:#dceeed !important;
    -webkit-text-fill-color:#dceeed !important;
    font-size:8.5px !important;
    font-weight:500 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail h2 {
    margin:0 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:20px !important;
    font-weight:500 !important;
    line-height:1.2 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-rail > p,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-topics {
    display:none !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-facts {
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:5px !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-facts > div {
    min-block-size:0 !important;
    padding:8px 5px !important;
    border-radius:10px !important;
    background:rgba(255,255,255,.10) !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-facts strong {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-size:16px !important;
    font-weight:500 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-facts span {
    color:#d8e9e8 !important;
    -webkit-text-fill-color:#d8e9e8 !important;
    font-size:8px !important;
    font-weight:400 !important;
  }

  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg *,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg *::before,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg *::after {
    animation:none !important;
    transition-duration:0s !important;
  }
}

@media (max-width:420px) {
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan-cg__actions,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero-actions {
    grid-template-columns:1fr !important;
  }
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan-cg__btn--glass,
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan316-cta--glass {
    grid-column:auto !important;
  }
}

@media (max-width:359px) {
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero {
    padding-top:165px !important;
  }
  body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero h1 {
    font-size:25px !important;
  }
}

/* -------------------------------------------------------------------------
   MenkulEX v1.5.22'de çalışan görünür CTA davranışı.
   ------------------------------------------------------------------------- */
html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan-cg__hero .xan-cg__btn,
html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg .xan316-cta,
html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg a.xan316-cta,
html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg button.xan316-cta {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.62) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  background:rgba(12,54,63,.52) !important;
  box-shadow:0 10px 24px rgba(4,28,34,.18),inset 0 1px 0 rgba(255,255,255,.18) !important;
  text-indent:0 !important;
  visibility:visible !important;
  text-decoration:none !important;
  text-shadow:0 1px 2px rgba(3,24,29,.35) !important;
  opacity:1 !important;
  isolation:isolate !important;
  overflow:hidden !important;
}

html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :where(.xan-cg__hero .xan-cg__btn,.xan316-cta)::before {
  display:none !important;
}

html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :where(.xan-cg__hero .xan-cg__btn,.xan316-cta) :where(span,strong,b,small) {
  position:relative !important;
  z-index:2 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

@media (hover:hover) and (pointer:fine) {
  html body.xanoffice-city-guide-glass-v313.xanoffice-v316-professional .xan-cg :where(.xan-cg__hero .xan-cg__btn,.xan316-cta):hover {
    border-color:rgba(255,255,255,.88) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:linear-gradient(135deg,var(--xan322-petrol-900),var(--xan322-petrol-600)) !important;
    box-shadow:0 16px 32px rgba(6,35,42,.30),0 0 0 3px rgba(255,255,255,.10) !important;
    transform:translateY(-2px) scale(1.025) !important;
    filter:brightness(1.08) !important;
  }
}