/* =========================================================================
   nex3.click tasarım klonu - ana stil dosyasi
   Orijinal AMP sayfasinin (bursanex.com / nex3.click) stil katmani.
   Renk, tipografi, bosluk ve bilesen kurallari oldugu gibi korunmustur.
   Dosyanin sonunda "Non-AMP uyum katmani" bolumu vardir.
   ========================================================================= */

/* --- Yerel DM Sans (offline calisir, Google Fonts bagimliligi yok) --- */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/dmsans-latin.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: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('../fonts/dmsans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/**
 * bursanex.com — AMP CSS
 */
:root {
  --color-bg-primary:#0A0A0A;
  --color-bg-secondary:#121212;
  --color-bg-elevated:#1A1A1A;
  --color-accent-primary:#C9A66B;
  --color-accent-primary-rgb:201, 166, 107;
  --color-accent-primary-hover:#D4AF37;
  --color-accent-secondary:#E63939;
  --color-text-primary:#F5F5F5;
  --color-text-secondary:#A0A0A0;
  --color-text-muted:#6B6B6B;
  --color-text-on-accent:#0A0A0A;
  --color-border:#2A2A2A;
  --color-border-accent:rgba(201, 166, 107, 0.2);
  --color-overlay:rgba(10, 10, 10, 0.8);
  --color-success:#2ECC71;
  --color-success-dark:#1CB558;
  --color-flag-bg:rgba(10, 10, 10, 0.78);
  --color-flag-border:rgba(245, 245, 245, 0.14);
  --color-flag-featured-bg:rgba(201, 166, 107, 0.92);
  --color-flag-new-bg:rgba(230, 57, 57, 0.92);
  --color-flag-video-bg:rgba(26, 26, 26, 0.92);
  --color-online-ring:rgba(46, 204, 113, 0.4);
  --font-body:'DM Sans', system-ui, -apple-system, sans-serif;
  --space-xs:0.25rem;
  --space-sm:0.5rem;
  --space-md:1rem;
  --space-lg:1.5rem;
  --space-xl:2rem;
  --amp-topbar-h:48px;
  --amp-grid-gap:2px;
  --amp-sticky-h:56px;
  --radius-sm:4px;
  --radius-md:8px;
  --safe-bottom:env(safe-area-inset-bottom, 0px);
  --safe-top:env(safe-area-inset-top, 0px);
}
*, *::before, *::after {
  box-sizing:border-box;
}
html {
  font-family:var(--font-body);
  background:var(--color-bg-primary);
  color:var(--color-text-primary);
  -webkit-text-size-adjust:100%;
}
body {
  margin:0;
  min-height:100vh;
  background:var(--color-bg-primary);
  font-size:14px;
  line-height:1.45;
}
a {
  color:var(--color-accent-primary);
  text-decoration:none;
}
a:hover {
  color:var(--color-accent-primary-hover);
}
img, img {
  display:block;
  max-width:100%;
}
.amp-topbar {
  position:sticky;
  top:0;
  z-index:100;
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:calc(var(--amp-topbar-h) + var(--safe-top));
  padding:var(--safe-top) 10px 0;
  background:rgba(10, 10, 10, 0.96);
  border-bottom:1px solid var(--color-border);
}
.amp-logo {
  font-size:0.9375rem;
  font-weight:700;
  letter-spacing:-0.02em;
  color:var(--color-text-primary);
  white-space:nowrap;
}
.amp-logo span {
  color:var(--color-accent-primary);
}
.amp-menu-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--color-text-primary);
  cursor:pointer;
}
.amp-menu-btn svg {
  width:22px;
  height:22px;
}
.amp-back {
  padding:10px 10px 8px;
}
.amp-back .amp-btn {
  background:var(--color-bg-elevated);
  border-color:color-mix(in srgb, var(--color-accent-primary) 28%, var(--color-border));
  color:var(--color-text-primary);
  font-weight:600;
  letter-spacing:0.01em;
  box-shadow:0 1px 0 color-mix(in srgb, var(--color-accent-primary) 12%, transparent);
}
.amp-back .amp-btn:hover, .amp-back .amp-btn:focus {
  border-color:var(--color-accent-primary);
  color:var(--color-accent-primary);
  background:color-mix(in srgb, var(--color-accent-primary) 10%, var(--color-bg-elevated));
}
.amp-sidebar {
  width:min(280px, 86vw);
  background:var(--color-bg-secondary);
  padding:var(--space-md);
}
.amp-side-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:var(--space-md);
  padding-bottom:var(--space-sm);
  border-bottom:1px solid var(--color-border);
}
.amp-side-close {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  border:0;
  background:transparent;
  color:var(--color-text-secondary);
  cursor:pointer;
}
.amp-side-nav {
  display:flex;
  flex-direction:column;
  gap:2px;
  list-style:none;
  margin:0;
  padding:0;
}
.amp-side-nav a {
  display:block;
  padding:0.75rem 0.5rem;
  color:var(--color-text-primary);
  font-weight:500;
  border-radius:var(--radius-sm);
}
.amp-side-nav a:hover {
  background:var(--color-bg-elevated);
  color:var(--color-accent-primary);
}
.amp-side-note {
  margin-top:var(--space-lg);
  padding-top:var(--space-md);
  border-top:1px solid var(--color-border);
  font-size:0.75rem;
  color:var(--color-text-muted);
  line-height:1.4;
}
.amp-loc-bar {
  padding:8px 8px 6px;
  background:var(--color-bg-secondary);
  border-bottom:1px solid var(--color-border);
}
.amp-loc-bar h1 {
  margin:0;
  font-size:1rem;
  font-weight:650;
  letter-spacing:-0.02em;
  line-height:1.25;
}
.amp-loc-bar p {
  margin:2px 0 0;
  font-size:0.75rem;
  color:var(--color-text-muted);
}
.amp-profile-grid {
  display:grid;
  gap:var(--amp-grid-gap);
  width:100%;
  margin:0;
  padding:0;
  grid-template-columns:repeat(6, minmax(0, 1fr));
}
.amp-profile-grid.amp-grid--4 {
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.amp-profile-grid.amp-grid--5 {
  grid-template-columns:repeat(5, minmax(0, 1fr));
}
.amp-profile-grid.amp-grid--6 {
  grid-template-columns:repeat(6, minmax(0, 1fr));
}
.amp-profile-grid.amp-grid--4 .amp-card-meta {
  padding:4px 3px 5px;
}
.amp-profile-grid.amp-grid--4 .amp-card-name {
  font-size:clamp(0.625rem, 2.6vw, 0.8125rem);
}
.amp-profile-grid.amp-grid--4 .amp-card-place {
  font-size:clamp(0.5625rem, 2.4vw, 0.6875rem);
}
.amp-profile-grid.amp-grid--5 .amp-card-meta {
  padding:3px 2px 4px;
}
.amp-profile-grid.amp-grid--5 .amp-card-name {
  font-size:clamp(0.5625rem, 2.3vw, 0.75rem);
}
.amp-profile-grid.amp-grid--5 .amp-card-place {
  font-size:clamp(0.5rem, 2.2vw, 0.625rem);
}
.amp-profile-grid.amp-grid--6 .amp-card-meta {
  padding:3px 2px 4px;
}
.amp-profile-grid.amp-grid--6 .amp-card-name {
  font-size:clamp(0.475rem, 2vw, 0.625rem);
}
.amp-profile-grid.amp-grid--6 .amp-card-place {
  font-size:clamp(0.475rem, 2vw, 0.5625rem);
}
.amp-profile-grid.amp-grid--6 .amp-flag {
  width:11px;
  height:11px;
}
.amp-profile-grid.amp-grid--6 .amp-flag svg {
  width:6px;
  height:6px;
}
.amp-profile-grid.amp-grid--6 .amp-card-online {
  width:5px;
  height:5px;
  top:2px;
  right:2px;
}
.amp-grid-label {
  margin:0;
  padding:8px 8px 5px;
  font-size:0.6875rem;
  font-weight:650;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--color-text-muted);
  background:var(--color-bg-secondary);
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}
.amp-grid-label:first-of-type {
  border-top:0;
}
.amp-ad {
  position:relative;
  display:block;
  text-decoration:none;
  color:inherit;
  background:var(--color-bg-elevated);
  border:1px solid var(--color-border-accent);
  overflow:hidden;
}
.amp-ad:hover {
  color:inherit;
}
.amp-ad-label {
  position:absolute;
  top:4px;
  left:4px;
  z-index:3;
  padding:1px 5px;
  font-size:0.5625rem;
  font-weight:700;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--color-text-on-accent);
  background:var(--color-flag-featured-bg);
  border-radius:2px;
  line-height:1.35;
}
.amp-ad-title {
  margin:0;
  font-size:0.8125rem;
  font-weight:650;
  letter-spacing:-0.01em;
  color:var(--color-accent-primary);
  line-height:1.25;
}
.amp-ad-text {
  margin:3px 0 0;
  font-size:0.6875rem;
  color:var(--color-text-secondary);
  line-height:1.35;
}
.amp-ad-cta {
  display:inline-block;
  margin-top:6px;
  font-size:0.6875rem;
  font-weight:650;
  color:var(--color-accent-primary);
}
.amp-ad--banner {
  margin:0;
  padding:0;
}
.amp-ad--banner .amp-ad-banner-inner {
  display:flex;
  align-items:stretch;
  min-height:72px;
}
.amp-ad--banner .amp-ad-media {
  position:relative;
  flex:0 0 38%;
  max-width:160px;
  min-height:72px;
  background:var(--color-bg-primary);
}
.amp-ad--banner .amp-ad-media img {
  position:absolute;
  inset:0;
}
.amp-ad--banner .amp-ad-body {
  flex:1 1 auto;
  padding:10px 12px 10px 10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.amp-ad--banner .amp-ad-title {
  font-size:0.875rem;
}
.amp-ad--banner .amp-ad-text {
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.amp-profile-grid > .amp-ad--row {
  grid-column:1 / -1;
}
.amp-ad--row {
  margin:0;
}
.amp-ad--row .amp-ad-banner-inner {
  display:flex;
  align-items:stretch;
  min-height:64px;
}
.amp-ad--row .amp-ad-media {
  position:relative;
  flex:0 0 30%;
  max-width:120px;
  min-height:64px;
  background:var(--color-bg-primary);
}
.amp-ad--row .amp-ad-media img {
  position:absolute;
  inset:0;
}
.amp-ad--row .amp-ad-body {
  flex:1;
  padding:8px 10px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.amp-ad--row .amp-ad-title {
  font-size:0.75rem;
}
.amp-ad--row .amp-ad-text {
  font-size:0.625rem;
  margin-top:2px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.amp-ad--row .amp-ad-cta {
  margin-top:4px;
  font-size:0.625rem;
}
.amp-ad--square {
  display:flex;
  flex-direction:column;
  height:100%;
  min-width:0;
}
.amp-ad--square .amp-ad-media {
  position:relative;
  width:100%;
  padding-top:100%;
  background:var(--color-bg-primary);
}
.amp-ad--square .amp-ad-media img {
  position:absolute;
  inset:0;
}
.amp-ad--square .amp-ad-body {
  padding:3px 3px 5px;
  text-align:center;
  flex:1;
  background:var(--color-bg-elevated);
}
.amp-ad--square .amp-ad-title {
  font-size:clamp(0.45rem, 1.9vw, 0.625rem);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.amp-ad--square .amp-ad-text {
  margin-top:1px;
  font-size:clamp(0.375rem, 1.6vw, 0.5rem);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.amp-ad--square .amp-ad-cta {
  display:none;
}
.amp-ad--square .amp-ad-label {
  top:2px;
  left:2px;
  padding:0 3px;
  font-size:0.5rem;
}
.amp-profile-grid.amp-grid--6 .amp-ad--square .amp-ad-body {
  padding:2px 1px 3px;
}
.amp-ad--text .amp-ad-banner-inner {
  min-height:56px;
}
.amp-ad--text .amp-ad-body {
  padding:12px 14px;
}
.amp-ad--text .amp-ad-title {
  font-size:0.9375rem;
}
.amp-card {
  display:block;
  position:relative;
  background:var(--color-bg-secondary);
  color:inherit;
  overflow:hidden;
}
.amp-card:hover {
  color:inherit;
}
.amp-card-media {
  position:relative;
  width:100%;
  padding-top:150%;
  background:var(--color-bg-primary);
  overflow:hidden;
}
.amp-card-media img {
  position:absolute;
  inset:0;
}
.amp-card-flags {
  position:absolute;
  top:3px;
  left:3px;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.amp-flag {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--color-flag-bg);
  border:1px solid var(--color-flag-border);
  color:var(--color-text-primary);
}
.amp-flag svg {
  width:8px;
  height:8px;
  fill:currentColor;
}
.amp-flag--featured {
  background:var(--color-flag-featured-bg);
  border-color:transparent;
  color:var(--color-text-on-accent);
}
.amp-flag--new {
  background:var(--color-flag-new-bg);
  border-color:transparent;
}
.amp-flag--video {
  background:var(--color-flag-video-bg);
}
.amp-card-online {
  position:absolute;
  top:4px;
  right:4px;
  z-index:2;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--color-success);
  box-shadow:0 0 0 2px var(--color-online-ring);
}
.amp-card-meta {
  padding:3px 3px 4px;
  text-align:center;
  background:var(--color-bg-secondary);
  line-height:1.15;
}
.amp-card-name {
  display:block;
  margin:0;
  font-size:0.625rem;
  font-weight:600;
  line-height:1.15;
  letter-spacing:-0.01em;
  color:var(--color-accent-primary);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.amp-card-place {
  display:block;
  margin:2px 0 0;
  font-size:0.5625rem;
  font-weight:500;
  line-height:1.2;
  letter-spacing:0.01em;
  color:var(--color-text-secondary);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.amp-footer {
  padding:16px 10px calc(16px + var(--safe-bottom));
  border-top:1px solid var(--color-border);
  background:var(--color-bg-secondary);
  font-size:0.75rem;
  color:var(--color-text-muted);
  text-align:center;
}
.amp-footer nav {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 12px;
  margin-bottom:8px;
}
.amp-footer a {
  color:var(--color-text-secondary);
}
.amp-footer p {
  margin:0;
}
.amp-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:0.4rem;
  min-height:40px;
  padding:0.55rem 1rem;
  border-radius:var(--radius-sm);
  border:1px solid transparent;
  font-family:inherit;
  font-size:0.875rem;
  font-weight:600;
  line-height:1.2;
  text-align:center;
  cursor:pointer;
  background:var(--color-bg-elevated);
  color:var(--color-text-primary);
}
.amp-btn svg {
  width:18px;
  height:18px;
  flex-shrink:0;
}
.amp-btn--primary {
  background:var(--color-accent-primary);
  color:var(--color-text-on-accent);
  border-color:var(--color-accent-primary);
}
.amp-btn--primary:hover {
  background:var(--color-accent-primary-hover);
  color:var(--color-text-on-accent);
}
.amp-btn--secondary {
  background:transparent;
  border-color:var(--color-border);
  color:var(--color-text-primary);
}
.amp-btn--secondary:hover {
  border-color:var(--color-accent-primary);
  color:var(--color-accent-primary);
}
.amp-btn--ghost {
  background:transparent;
  border-color:transparent;
  color:var(--color-accent-primary);
}
.amp-btn--block {
  width:100%;
}
.amp-btn--sm {
  min-height:32px;
  padding:0.35rem 0.7rem;
  font-size:0.75rem;
}
.amp-btn--lg {
  min-height:48px;
  padding:0.7rem 1.25rem;
  font-size:1rem;
}
.amp-btn--icon {
  padding-left:0.85rem;
  padding-right:0.85rem;
}
.amp-btn--wa {
  background:#25D366;
  border-color:#25D366;
  color:#fff;
}
.amp-btn--wa:hover {
  color:#fff;
  opacity:0.92;
}
.amp-btn--tel {
  background:var(--color-bg-elevated);
  border-color:var(--color-border);
  color:var(--color-text-primary);
}
.amp-gallery {
  width:min(100%, calc(75vh * 3 / 4));
  max-width:28rem;
  margin-inline:auto;
  background:#000;
}
.amp-gallery amp-carousel {
  width:100%;
}
.amp-gallery-slide {
  position:relative;
  width:100%;
  padding-top:133.333%;
  background:#000;
}
.amp-gallery-slide img {
  position:absolute;
  inset:0;
}
.amp-gallery-thumbs {
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  padding:6px 6px 8px;
  min-width:0;
  max-width:100%;
  overflow:visible;
  background:var(--color-bg-primary);
  border-bottom:1px solid var(--color-border);
}
.amp-gallery-thumb {
  flex:0 0 auto;
  width:56px;
  margin:0;
  padding:0;
  border:2px solid transparent;
  border-radius:var(--radius-sm);
  overflow:hidden;
  background:var(--color-bg-secondary);
  cursor:pointer;
  opacity:0.72;
}
.amp-gallery-thumb[selected], .amp-gallery-thumb[option][selected] {
  border-color:var(--color-accent-primary);
  opacity:1;
}
.amp-gallery-thumb img {
  display:block;
}
.amp-profile-head {
  padding:12px 12px 10px;
  border-bottom:1px solid var(--color-border);
}
.amp-profile-head h1 {
  margin:0;
  font-size:1.375rem;
  font-weight:700;
  letter-spacing:-0.03em;
  line-height:1.2;
}
.amp-profile-sub {
  margin:4px 0 0;
  color:var(--color-text-secondary);
  font-size:0.875rem;
}
.amp-badge {
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-top:8px;
  padding:3px 8px;
  border-radius:999px;
  font-size:0.6875rem;
  font-weight:600;
  background:rgba(46, 204, 113, 0.12);
  color:var(--color-success);
  border:1px solid rgba(46, 204, 113, 0.35);
}
.amp-badge--offline {
  background:var(--color-bg-elevated);
  color:var(--color-text-muted);
  border-color:var(--color-border);
}
.amp-cta-row {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:10px 12px;
}
.amp-section {
  padding:14px 12px;
  border-top:1px solid var(--color-border);
}
.amp-section h2 {
  margin:0 0 8px;
  font-size:0.8125rem;
  font-weight:650;
  letter-spacing:0.04em;
  text-transform:uppercase;
  color:var(--color-text-muted);
}
.amp-facts {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px 10px;
  margin:0;
  padding:0;
  list-style:none;
}
.amp-facts li {
  display:flex;
  flex-direction:column;
  gap:1px;
  padding:8px;
  background:var(--color-bg-secondary);
  border-radius:var(--radius-sm);
  border:1px solid var(--color-border);
}
.amp-facts dt, .amp-facts .k {
  font-size:0.625rem;
  text-transform:uppercase;
  letter-spacing:0.04em;
  color:var(--color-text-muted);
}
.amp-facts dd, .amp-facts .v {
  margin:0;
  font-size:0.8125rem;
  font-weight:600;
  color:var(--color-text-primary);
}
.amp-chips {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
}
.amp-chips li {
  padding:4px 8px;
  border-radius:999px;
  font-size:0.75rem;
  background:var(--color-bg-elevated);
  border:1px solid var(--color-border);
  color:var(--color-text-secondary);
}
.amp-chips__mark {
  display:inline-block;
  margin-inline-end:4px;
  font-weight:700;
}
.amp-chips li.amp-chips__item--included {
  border-color:color-mix(in srgb, var(--color-success) 40%, var(--color-border));
}
.amp-chips li.amp-chips__item--included .amp-chips__mark {
  color:var(--color-success);
}
.amp-chips li.amp-chips__item--extra .amp-chips__mark {
  color:var(--color-text-muted);
  font-weight:600;
}
.amp-prices {
  width:100%;
  border-collapse:collapse;
  font-size:0.8125rem;
}
.amp-prices th, .amp-prices td {
  padding:8px 6px;
  border-bottom:1px solid var(--color-border);
  text-align:left;
}
.amp-prices th {
  font-weight:500;
  color:var(--color-text-secondary);
}
.amp-prices td:last-child {
  text-align:right;
  font-weight:650;
  color:var(--color-accent-primary);
}
.amp-prose {
  margin:0;
  color:var(--color-text-secondary);
  font-size:0.875rem;
  line-height:1.55;
}
.amp-related-title {
  padding:12px 8px 6px;
  margin:0;
  font-size:0.8125rem;
  font-weight:650;
  text-transform:uppercase;
  letter-spacing:0.04em;
  color:var(--color-text-muted);
  border-top:1px solid var(--color-border);
}
body.has-sticky-cta {
  padding-bottom:calc(var(--amp-sticky-h) + var(--safe-bottom) + 8px);
}
.amp-sticky-cta {
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  z-index:90;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  padding:8px 10px calc(8px + var(--safe-bottom));
  background:rgba(10, 10, 10, 0.96);
  border-top:1px solid var(--color-border);
}
.amp-sticky-cta .amp-btn {
  min-height:44px;
}
.amp-sticky-cta--one {
  grid-template-columns:1fr;
}
.amp-sg {
  padding:12px;
  max-width:720px;
  margin:0 auto;
}
.amp-sg h1 {
  margin:0 0 8px;
  font-size:1.25rem;
}
.amp-sg h2 {
  margin:20px 0 8px;
  font-size:0.875rem;
  text-transform:uppercase;
  letter-spacing:0.05em;
  color:var(--color-text-muted);
  border-top:1px solid var(--color-border);
  padding-top:16px;
}
.amp-sg p.lead {
  margin:0 0 16px;
  color:var(--color-text-secondary);
  font-size:0.875rem;
}
.amp-sg-row {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:12px;
}
.amp-sg-frame {
  margin:0 -12px 16px;
  border:1px solid var(--color-border);
  background:var(--color-bg-primary);
}
.amp-sg-caption {
  padding:6px 10px;
  font-size:0.75rem;
  color:var(--color-text-muted);
  background:var(--color-bg-secondary);
  border-bottom:1px solid var(--color-border);
}
.amp-sg-frame--spaced {
  margin-top:12px;
}
.amp-sg-spacer {
  height:12px;
}
.amp-sg-card-demo {
  max-width:120px;
  margin:0 0 16px;
  border:1px solid var(--color-border);
  background:var(--color-bg-primary);
}
.sr-only {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}
.amp-card--vacant .amp-card-media--vacant {
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--color-bg-elevated);
  border:1px dashed var(--color-border-accent);
  overflow:hidden;
}
.amp-card--vacant .amp-card-media--vacant img {
  width:100%;
  height:100%;
}
.amp-vacant-plus {
  font-size:1.75rem;
  font-weight:600;
  color:var(--color-accent-primary);
  line-height:1;
}
.amp-home-hero h1 {
  margin:0 0 8px;
  font-size:1.35rem;
  font-weight:700;
  color:var(--color-text-primary);
}
.amp-home-badge {
  margin:0 0 6px;
  font-size:0.7rem;
  font-weight:650;
  letter-spacing:0.06em;
  text-transform:uppercase;
  color:var(--color-accent-primary);
}
.amp-home-subtitle {
  margin:0 0 10px;
  font-size:0.875rem;
  color:var(--color-text-muted);
  line-height:1.45;
}
.amp-home-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  margin:10px 0 0;
  font-size:0.8125rem;
}
.amp-home-actions a {
  color:var(--color-accent-primary);
  text-decoration:none;
  font-weight:550;
}
.amp-section-header {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin-bottom:4px;
}
.amp-section-header h2 {
  margin:0;
}
.amp-section-more {
  flex-shrink:0;
  font-size:0.75rem;
  color:var(--color-accent-primary);
  text-decoration:none;
}
.amp-district-list {
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:6px;
}
.amp-district-list a {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  background:var(--color-bg-secondary);
  border-radius:var(--radius-sm);
  color:var(--color-text-primary);
  text-decoration:none;
  font-size:0.875rem;
}
.amp-district-count {
  color:var(--color-text-muted);
  font-size:0.75rem;
}
.amp-blog-list {
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
}
.amp-blog-item {
  display:grid;
  gap:8px;
  color:inherit;
  text-decoration:none;
}
.amp-blog-body {
  display:grid;
  gap:4px;
}
.amp-blog-body time {
  font-size:0.7rem;
  color:var(--color-text-muted);
}
.amp-blog-body strong {
  font-size:0.9375rem;
  color:var(--color-text-primary);
}
.amp-blog-excerpt {
  font-size:0.8125rem;
  color:var(--color-text-muted);
  line-height:1.4;
}
.amp-home-seo img {
  margin:12px 0;
}
.amp-neighbors-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0.5rem;
}
.amp-neighbors-grid .amp-btn {
  display:flex;
  width:100%;
  justify-content:center;
  text-decoration:none;
}
.amp-location-seo img {
  margin:12px 0;
}
:root {
  --color-accent-primary:#1B8A5E;
  --color-accent-primary-rgb:27, 138, 94;
  --color-accent-primary-hover:#369871;
  --color-accent-secondary:#D64545;
  --color-accent-secondary-hover:#DB5B5B;
  --color-text-on-accent:#F5F5F5;
  --color-border-accent:rgba(27, 138, 94, 0.2);
  --color-flag-featured-bg:rgba(27, 138, 94, 0.92);
  --color-flag-new-bg:rgba(214, 69, 69, 0.92);
  --color-flag-new-border:rgba(214, 69, 69, 0.45);
  --color-error:#D64545;
  --color-error-soft:rgba(214, 69, 69, 0.08);
  --color-error-border:rgba(214, 69, 69, 0.35);
  --shadow-gold:0 1px 0 var(--color-border-accent);
}
.site-vitrin {
  background-color:#fff;
  padding:5px;
  transition:.3s all
}
.item-container {
  width:100%
}
.item {
  display:block;
  width:100%;
  height:0;
  overflow:hidden;
  padding-bottom:32.13%;
  position:relative;
  margin:1% 0 1% 0
}
.item img {
  width:100%;
  height:100%;
  z-index:2;
  position:absolute
}
.item.premium .images {
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  z-index:1;
  background-position:center center;
  background-size:auto 100%;
  -webkit-animation:70s scroll infinite linear;
  animation:70s scroll infinite linear
}
@-webkit-keyframes scroll {
  from {
    background-position:0
  }
  to {
    background-position:-2988px
  }
}
@keyframes scroll {
  from {
    background-position:0
  }
  to {
    background-position:-2988px
  }
}
@-webkit-keyframes change {
  0% {
    background-position-y:top
  }
  50% {
    background-position-y:bottom
  }
}
@keyframes change {
  0% {
    background-position-y:top
  }
  50% {
    background-position-y:bottom
  }
}
.reklam-ver {
  text-align:center;
  display:block;
  font-size:larger;
  font-weight:700;
  margin:1px;
  color:#20161a;
  border:2px #708090;
  border-style:dashed
}
.ilan-imgs.ilan-imgs-L {
  height: 140px;
  width: 100%;
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.ilan-imgs.ilan-imgs-M {
  height: 280px;
  width: 100%;
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
a.b_escort {
  padding-bottom: 5px;
  display: block;
}
.reklamDikey {
  float:left;
  width:43%;
  height:295px;
  border:#CCC solid 1px;
  background-color: #F00;
}
.hidden {
  overflow: hidden;
}
.dvitrin {
  width: 100%;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 10px;
}
.kutum {
  border-style: solid;
  clear:both;
}

/* =========================================================================
   NON-AMP UYUM KATMANI
   Orijinal sayfa AMP idi (amp-img, amp-sidebar, amp-carousel, amp-selector).
   Bu katman ayni tasarimi duz HTML ile calistirir; yukaridaki tasarim
   kurallarini degistirmez, yalnizca AMP bilesenlerinin karsiligini verir.
   ========================================================================= */

/* --- Gorseller ---------------------------------------------------------- */
.amp-card-media > img,
.amp-ad-media > img,
.amp-gallery-slide > img,
.item > img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}

.amp-card-media > img {
  background:var(--color-bg-elevated);
}

/* --- Yan menu (amp-sidebar karsiligi) ----------------------------------- */
.amp-sidebar {
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  z-index:200;
  width:min(280px, 86vw);
  padding:var(--space-md);
  background:var(--color-bg-secondary);
  border-left:1px solid var(--color-border);
  overflow-y:auto;
  overscroll-behavior:contain;
  transform:translateX(102%);
  visibility:hidden;
  transition:transform .28s cubic-bezier(.4, 0, .2, 1), visibility .28s;
  box-shadow:-16px 0 48px rgba(0, 0, 0, .55);
}

body.nav-open .amp-sidebar {
  transform:none;
  visibility:visible;
}

.amp-sidebar-backdrop {
  position:fixed;
  inset:0;
  z-index:190;
  background:rgba(0, 0, 0, .62);
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}

body.nav-open .amp-sidebar-backdrop {
  opacity:1;
  pointer-events:auto;
}

body.nav-open {
  overflow:hidden;
}

.amp-side-close {
  border-radius:var(--radius-sm);
}

.amp-side-close:hover {
  background:var(--color-bg-elevated);
  color:var(--color-accent-primary);
}

/* --- Galeri (amp-carousel / amp-selector karsiligi) --------------------- */
.amp-gallery-slides {
  position:relative;
  width:100%;
  overflow:hidden;
}

.amp-gallery-slides > .amp-gallery-slide {
  display:none;
}

.amp-gallery-slides > .amp-gallery-slide.is-active {
  display:block;
}

.amp-gallery-thumb {
  padding:0;
  font:inherit;
  color:inherit;
  line-height:0;
  -webkit-appearance:none;
  appearance:none;
}

.amp-gallery-thumb img {
  width:100%;
  height:auto;
  aspect-ratio:3 / 4;
  object-fit:cover;
}

/* --- Erisilebilirlik / odak --------------------------------------------- */
.amp-menu-btn,
.amp-side-close,
.amp-card,
.amp-section-more,
.amp-district-list a,
.amp-logo,
.amp-gallery-thumb {
  -webkit-tap-highlight-color:transparent;
}

.amp-menu-btn:focus-visible,
.amp-side-close:focus-visible,
.amp-card:focus-visible,
.amp-section-more:focus-visible,
.amp-district-list a:focus-visible,
.amp-logo:focus-visible,
.amp-gallery-thumb:focus-visible,
.amp-back .amp-btn:focus-visible,
.amp-sticky-cta .amp-btn:focus-visible {
  outline:2px solid var(--color-accent-primary);
  outline-offset:2px;
}

/* =========================================================================
   KAYIT FORMU BILESENLERI
   Orijinal CSS'te form kontrolu yok (kayit sayfasi ayri bir uygulamada).
   Bu katman ayni tasarim token'lariyla (zemin, kenarlik, vurgu, hata rengi,
   4 px kose) form ogelerini ekler.
   ========================================================================= */
.amp-form {
  display:grid;
  gap:14px;
  color-scheme:dark;
}

.amp-field {
  display:grid;
  gap:6px;
}

.amp-label {
  font-size:0.6875rem;
  font-weight:650;
  letter-spacing:0.05em;
  text-transform:uppercase;
  color:var(--color-text-muted);
}

.amp-label .amp-optional {
  font-weight:500;
  letter-spacing:0;
  text-transform:none;
  color:var(--color-text-muted);
  opacity:.75;
}

.amp-input,
.amp-select {
  width:100%;
  min-height:44px;
  padding:10px 12px;
  font-family:inherit;
  font-size:0.875rem;
  line-height:1.3;
  color:var(--color-text-primary);
  background:var(--color-bg-elevated);
  border:1px solid var(--color-border);
  border-radius:var(--radius-sm);
  transition:border-color .15s ease, box-shadow .15s ease;
}

.amp-input::placeholder {
  color:var(--color-text-muted);
}

.amp-input:hover,
.amp-select:hover {
  border-color:color-mix(in srgb, var(--color-text-muted) 60%, var(--color-border));
}

.amp-input:focus,
.amp-select:focus {
  outline:none;
  border-color:var(--color-accent-primary);
  box-shadow:0 0 0 3px rgba(var(--color-accent-primary-rgb), .18);
}

.amp-select {
  -webkit-appearance:none;
  appearance:none;
  padding-right:36px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23A0A0A0' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:12px 8px;
}

.amp-input[aria-invalid="true"],
.amp-select[aria-invalid="true"] {
  border-color:var(--color-error);
  box-shadow:0 0 0 3px rgba(214, 69, 69, .14);
}

.amp-help {
  margin:0;
  font-size:0.6875rem;
  line-height:1.4;
  color:var(--color-text-muted);
}

.amp-error {
  margin:0;
  font-size:0.6875rem;
  font-weight:600;
  line-height:1.4;
  color:var(--color-error);
}

.amp-error[hidden] {
  display:none;
}

/* sifre alani + goster/gizle */
.amp-input-wrap {
  position:relative;
  display:block;
}

.amp-input-wrap .amp-input {
  padding-right:64px;
}

.amp-eye {
  position:absolute;
  right:6px;
  top:50%;
  transform:translateY(-50%);
  min-height:32px;
  padding:0 10px;
  font-family:inherit;
  font-size:0.6875rem;
  font-weight:650;
  letter-spacing:0.03em;
  color:var(--color-text-secondary);
  background:var(--color-bg-secondary);
  border:1px solid var(--color-border);
  border-radius:var(--radius-sm);
  cursor:pointer;
}

.amp-eye:hover {
  color:var(--color-accent-primary);
  border-color:var(--color-accent-primary);
}

/* onay kutusu */
.amp-check {
  display:flex;
  gap:10px;
  align-items:flex-start;
  font-size:0.8125rem;
  line-height:1.45;
  color:var(--color-text-secondary);
}

.amp-check input {
  width:18px;
  height:18px;
  margin:2px 0 0;
  flex:0 0 auto;
  accent-color:var(--color-accent-primary);
}

.amp-check a {
  color:var(--color-accent-primary);
}

.amp-check[data-invalid="true"] {
  color:var(--color-error);
}

/* form alt notu ve basari paneli */
.amp-form-note {
  margin:0;
  padding-top:2px;
  font-size:0.6875rem;
  line-height:1.45;
  color:var(--color-text-muted);
}

.amp-form-success {
  display:grid;
  gap:12px;
}

.amp-form-success[hidden] {
  display:none;
}
/* [hidden] niteligi display kuralini ezmesin */
.amp-form[hidden] {
  display:none;
}