/** Shopify CDN: Minification failed

Line 13:18 Unexpected "{"
Line 13:27 Expected ":"
Line 97:9 Expected ":"
Line 98:0 Expected "}" to go with "{"

**/
/* ============================================================
   RouteScout – Scoped styles
   ============================================================ */

#shopify-section-{{ section.id }} .routescout-root {
  color: #111;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

#mapTrip {
  width: 100%;
  height: 320px;
  min-height: 320px;
  border-radius: 14px;
  overflow: hidden;
}


/* ------------------------------
   Tabs
   ------------------------------ */
.routescout-root .tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
}

.routescout-root .tab {
  flex: 1;
  padding: 10px 12px;
  border-radius: 12px;
  background: #111;
  color: #ddd;
  border: 1px solid #222;
  font-weight: 600;
}

.routescout-root .tab.active {
  background: #1b2f1f;
  border-color: #2f5a3a;
  color: #fff;
}

/* ------------------------------
   Panels
   ------------------------------ */
.routescout-root .panel {
  display: none;
}

.routescout-root .panel.active {
  display: block;
}

/* ------------------------------
   Cards
   ------------------------------ */
.routescout-root .card {
  background: #f6f2e8;
  border-radius: 18px;
  padding: 16px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.routescout-root .item {
  background: #ffffff;
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 18px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.06);
}

/* ------------------------------
   Segment header
   ------------------------------ */
.routescout-root .itemTop {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

.routescout-root .badge {
  display: inline-block;
  background: #2f5a3a;
  color: #fff;
  font-weight: 700;
  padding