.explore-page {
  background: #fff;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  color: #475467;
  font-size: 11.5px;
  line-height: 1.4;
}

.breadcrumb a,
.breadcrumb span {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
}

.breadcrumb a {
  color: #344054;
  font-weight: 520;
}

.breadcrumb a:hover {
  color: #c1121f;
}

.breadcrumb a + a::before,
.breadcrumb a + span::before,
.breadcrumb span + span::before,
.breadcrumb span + a::before {
  content: ">";
  margin: 0 6px 0 0;
  color: #98a2b3;
  font-weight: 400;
}

.breadcrumb span:last-child {
  color: #c1121f;
  font-weight: 620;
}

.guide-page {
  display: grid;
  gap: 12px;
}

.guide-selection-bar,
.guide-hero,
.small-filter-panel,
.guide-tab-panel,
.featured-places,
.explore-card,
.guide-map-card,
.guide-info-card,
.places-filter,
.events-filter {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(16,24,40,.045);
}

.guide-selection-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(140px, 1fr)) auto;
  gap: 10px;
  align-items: end;
  padding: 12px;
}

.guide-selection-bar label,
.small-filter-panel label,
.places-filter label,
.events-filter label {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 600;
}

.guide-selection-bar select,
.small-filter-panel select,
.places-filter select,
.places-filter input,
.events-filter select,
.events-filter input {
  width: 100%;
  min-height: 35px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  padding: 0 10px;
  font-size: 12px;
}

.guide-selection-actions {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  white-space: nowrap;
}

.explore-layout {
  display: block;
}

.guide-picker {
  display: none;
}

.guide-main {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.guide-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items: start;
  padding: 18px;
  border-left: 3px solid var(--green);
}

.eyebrow {
  color: var(--green);
  font-size: 12px;
  font-weight: 620;
}

.guide-hero h1,
.guide-hero h2 {
  margin: 7px 0 6px;
  color: var(--ink);
  font-size: clamp(24px, 3vw, 34px);
  line-height: 1.12;
  font-weight: 680;
  letter-spacing: 0;
}

.guide-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--text);
  font-size: 13px;
  line-height: 1.55;
}

.guide-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.guide-meta span {
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(0,104,71,.16);
  color: var(--green);
  padding: 6px 9px;
  font-size: 11.5px;
  font-weight: 600;
}

.guide-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 430px;
}

.small-filter-panel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
}

.small-filter-panel[hidden] {
  display: none;
}

.small-filter-panel label:has(input) {
  display: flex;
  align-items: center;
  gap: 7px;
  min-height: 35px;
}

.guide-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.guide-tabs button,
.tracking-tabs button {
  min-height: 34px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
}

.guide-tabs button.active,
.tracking-tabs button.active {
  border-color: #c1121f;
  background: #c1121f;
  color: #fff;
}

.guide-tab-panel {
  padding: 16px;
  min-height: 140px;
}

.guide-tab-panel h3 {
  margin: 0 0 8px;
  color: var(--ink);
  font-size: 16px;
  font-weight: 660;
}

.guide-tab-panel p,
.guide-tab-panel li {
  color: var(--text);
  font-size: 13px;
  line-height: 1.55;
}

.guide-tab-panel ul {
  margin: 0;
  padding-left: 18px;
}

.weather-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
}

.weather-grid span {
  display: grid;
  gap: 4px;
  border-radius: 8px;
  background: #f8fafc;
  padding: 9px;
  color: var(--muted);
  font-size: 11px;
}

.weather-grid strong {
  color: var(--ink);
  font-size: 16px;
}

.featured-places {
  padding: 14px;
}

.city-practical-grid,
.guide-triple-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.city-practical-grid article,
.district-section {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(16,24,40,.045);
  padding: 14px;
}

.city-practical-grid article {
  border-left: 3px solid var(--green);
}

.city-practical-grid span {
  display: block;
  color: var(--muted);
  font-size: 11.5px;
  font-weight: 600;
}

.city-practical-grid strong {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: 15px;
  font-weight: 650;
}

.city-practical-grid small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
  font-size: 11.5px;
  line-height: 1.45;
}

.district-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.district-pills a {
  min-height: 31px;
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(193,18,31,.22);
  border-radius: 999px;
  background: #fff;
  color: #c1121f;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 650;
}

.district-pills a:hover {
  border-color: #c1121f;
}

.guide-triple-grid .featured-places {
  min-width: 0;
}

.compact-featured-grid {
  grid-template-columns: 1fr;
}

.compact-featured-grid .explore-card:nth-child(n+3) {
  display: none;
}

.simple-list {
  display: grid;
  gap: 8px;
}

.simple-list a {
  min-height: 36px;
  display: flex;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--text);
  padding: 0 10px;
  font-size: 12.5px;
  font-weight: 600;
}

.simple-list a:hover {
  border-color: rgba(193,18,31,.28);
  color: #c1121f;
}

.section-headline {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}

.section-headline h2 {
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  font-weight: 660;
}

.section-headline a {
  color: #c1121f;
  font-size: 12px;
  font-weight: 650;
}

.featured-grid,
.places-grid,
.events-grid,
.tracking-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.explore-card {
  display: grid;
  grid-template-rows: auto 1fr;
  overflow: hidden;
  min-height: 100%;
}

.explore-card img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.explore-card-body {
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 7px;
  padding: 11px;
}

.explore-card h3 {
  margin: 0;
  color: var(--ink);
  font-size: 14.5px;
  font-weight: 650;
}

.explore-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.42;
}

.card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  color: var(--muted);
  font-size: 11px;
}

.card-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  align-self: end;
}

.card-actions a,
.card-actions button {
  min-height: 29px;
  border-radius: 8px;
  border: 1px solid rgba(193,18,31,.22);
  background: #fff;
  color: #c1121f;
  padding: 0 9px;
  font-size: 11.5px;
  font-weight: 650;
}

.card-actions .primary-mini {
  background: #c1121f;
  color: #fff;
  border-color: #c1121f;
}

.places-filter,
.events-filter {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
  padding: 12px;
}

.filter-band {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  border: 1px solid rgba(0,104,71,.18);
  border-radius: 8px;
  background: #fff;
  border-left: 3px solid var(--green);
  padding: 10px 12px;
  color: var(--green);
  font-size: 12px;
  font-weight: 650;
}

.filter-clear {
  border: 1px solid rgba(193,18,31,.28);
  border-radius: 8px;
  background: #fff;
  color: #c1121f;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 650;
}

.map-shape {
  position: relative;
  min-height: 180px;
  border: 1px solid rgba(0,104,71,.18);
  border-radius: 8px;
  background: linear-gradient(135deg,#f8fafc,#fff);
  overflow: hidden;
}

.map-shape::before {
  content: "";
  position: absolute;
  left: 12%;
  right: 9%;
  top: 35%;
  height: 60px;
  border-radius: 48% 52% 44% 56%;
  background: rgba(0,104,71,.09);
  transform: rotate(-7deg);
}

.map-dot {
  position: absolute;
  width: 13px;
  height: 13px;
  border: 3px solid #fff;
  border-radius: 999px;
  background: #c1121f;
  box-shadow: 0 0 0 6px rgba(193,18,31,.14);
}

.map-dot.istanbul { left: 18%; top: 39%; }
.map-dot.ege { left: 25%; top: 57%; }
.map-dot.kapadokya { left: 55%; top: 49%; }

.tracking-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 12px;
}

@media (max-width: 1180px) {
  .guide-selection-bar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .guide-selection-actions {
    justify-content: flex-start;
  }

  .featured-grid,
  .places-grid,
  .events-grid,
  .tracking-grid,
  .city-practical-grid,
  .guide-triple-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .places-filter,
  .events-filter {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 860px) {
  .guide-hero,
  .small-filter-panel,
  .places-filter,
  .events-filter,
  .city-practical-grid,
  .guide-triple-grid {
    grid-template-columns: 1fr;
  }

  .guide-actions {
    justify-content: flex-start;
    max-width: none;
  }
}

@media (max-width: 560px) {
  .guide-selection-bar,
  .featured-grid,
  .places-grid,
  .events-grid,
  .tracking-grid,
  .weather-grid {
    grid-template-columns: 1fr;
  }

  .guide-selection-actions,
  .guide-selection-actions button,
  .guide-actions button {
    width: 100%;
  }
}

.form-message{min-height:18px;margin:8px 0 0;color:#b42318;font-size:12px;font-weight:600}
.quick-access-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.quick-access-heading h2{margin:0;font-size:18px}
.quick-access-card{position:relative;min-width:0;border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.quick-access-card>a{display:flex!important;height:100%;flex-direction:column;padding:16px 46px 16px 16px;border:0!important}.quick-card-controls{position:absolute;right:7px;top:7px;display:grid;gap:4px}.quick-card-controls button{width:26px;height:26px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;color:#475467;line-height:1}.quick-card-controls button:hover{color:#c1121f;border-color:#fecaca}
.quick-access-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.46)}.quick-access-modal.is-open{display:flex}.quick-access-modal>section{width:min(520px,100%);max-height:80vh;overflow:auto;background:#fff;border-radius:8px;padding:20px;box-shadow:0 24px 70px rgba(15,23,42,.24)}.quick-access-modal header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ebf1;padding-bottom:12px}.quick-access-modal h2{margin:0;font-size:18px}.quick-access-modal header button{width:34px;height:34px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:20px}.quick-access-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.quick-access-options button{border:1px solid #e2e8f0;background:#fff;border-radius:7px;padding:12px;text-align:left;font-weight:700}.quick-access-modal details{border-top:1px solid #e6ebf1;padding-top:14px}.quick-access-modal summary{cursor:pointer;font-weight:700}.quick-access-modal details label{display:grid;gap:5px;margin-top:12px;font-size:12px;font-weight:600}.quick-access-modal input{height:38px;border:1px solid #d0d5dd;border-radius:7px;padding:0 10px}.quick-access-modal details .primary-button{margin-top:12px}
@media(max-width:720px){.quick-access-options{grid-template-columns:1fr}.quick-access-card>a{padding-right:44px}}