/**
 * Directory page only: course cards + results grid.
 * Load LAST so it overrides style.css and gp-site-shared tree rules.
 */

/* Tree expand/collapse chevrons — bright yellow on dark green rows */
html body.gp-static-page .directory-marketplace .tree-toggle > i,
html body.gp-static-page .directory-marketplace .country-node .tree-toggle > i,
html body.gp-static-page .directory-marketplace .region-node .tree-toggle > i,
html body.gp-static-page .directory-marketplace .city-node .tree-toggle > i {
  color: #ffeb3b !important;
  opacity: 1 !important;
}

/* Panel + cascade: country (narrowest) → state → city (widest) — desktop only */
html body.gp-static-page .directory-marketplace .directory-marketplace-layout {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

@media (min-width: 769px) {
  html body.gp-static-page .directory-marketplace .course-tree {
    /* Desktop: make directory ~40% wider */
    --dir-country-width: 20rem;
    --dir-state-width: 25rem;
    --dir-city-width: 31rem;
    --dir-panel-width: calc(var(--dir-city-width) + 3.75rem);
    box-sizing: border-box !important;
  }

  html body.gp-static-page .directory-marketplace .directory-marketplace-main,
  html body.gp-static-page .directory-marketplace .course-tree {
    width: var(--dir-panel-width) !important;
    min-width: var(--dir-panel-width) !important;
    max-width: var(--dir-panel-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Ensure main container doesn't cap width (gp-site-shared set 1080px) */
  html body.gp-static-page .directory-marketplace .directory-marketplace-main {
    max-width: var(--dir-panel-width) !important;
  }

  html body.gp-static-page .directory-marketplace .country-node > .tree-toggle {
    width: var(--dir-country-width) !important;
    min-width: var(--dir-country-width) !important;
    max-width: var(--dir-country-width) !important;
  }

  html body.gp-static-page .directory-marketplace .region-node > .tree-toggle {
    width: var(--dir-state-width) !important;
    min-width: var(--dir-state-width) !important;
    max-width: var(--dir-state-width) !important;
  }

  html body.gp-static-page .directory-marketplace .city-node > .tree-toggle {
    width: var(--dir-city-width) !important;
    min-width: var(--dir-city-width) !important;
    max-width: var(--dir-city-width) !important;
  }

  /* Bigger dropdown row text (desktop only) */
  html body.gp-static-page .directory-marketplace .country-node > .tree-toggle {
    font-size: 1.05rem !important;
    padding: 0.36rem 0.65rem !important;
  }

  html body.gp-static-page .directory-marketplace .region-node > .tree-toggle {
    font-size: 0.98rem !important;
    padding: 0.34rem 0.62rem !important;
  }

  html body.gp-static-page .directory-marketplace .city-node > .tree-toggle {
    font-size: 0.92rem !important;
    padding: 0.32rem 0.58rem !important;
  }
}

/* ──────────────────────────────────────────────────────────────────────────
   Cinematic photo header on directory cards — same structure and styling as
   index/search result cards (.cin-card-photo + .cin-view3d-badge).
   ────────────────────────────────────────────────────────────────────────── */
html body .directory-marketplace .golf-course-card .cin-card-photo {
  position: relative !important;
  width: 100% !important;
  height: 148px !important;
  max-height: 148px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

html body .directory-marketplace .golf-course-card .cin-card-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

html body .directory-marketplace .golf-course-card:hover .cin-card-photo img {
  transform: scale(1.05) !important;
}

html body .directory-marketplace .golf-course-card .cin-card-photo.cin-card-photo--noimg {
  min-height: 148px !important;
  background: linear-gradient(135deg, #14402c 0%, #1b4332 100%) !important;
}

html body .directory-marketplace .golf-course-card .cin-view3d-badge {
  position: absolute !important;
  top: 5px !important;
  right: 8px !important;
  bottom: auto !important;
  z-index: 12 !important;
  background: linear-gradient(180deg, var(--gp-cin-accent-hi), var(--gp-cin-accent)) !important;
  color: var(--gp-cin-accent-text) !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  pointer-events: none !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.45) !important;
  white-space: nowrap !important;
}

/* No mapped fairways: no 3D tour available yet — red badge, white text. */
html body .directory-marketplace .golf-course-card .cin-view3d-badge.cin-view3d-badge--unavailable {
  background: linear-gradient(180deg, #c97b7b, #b56565) !important;
  color: #ffffff !important;
}

/* Text overlay on photo — matches search/home result cards */
html body .directory-marketplace .golf-course-card .cin-card-photo .cin-card-info,
html body .directory-marketplace .course-tree .golf-course-card .cin-card-photo .cin-card-info {
  position: absolute !important;
  left: 50% !important;
  top: 58% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  z-index: 5 !important;
  width: calc(100% - 0.85rem) !important;
  max-width: 100% !important;
  padding: 0.5rem 0.65rem 0.55rem !important;
  background: rgba(0, 0, 0, 0.26) !important;
  backdrop-filter: blur(2px) !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.12rem !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  overflow: visible !important;
}

html body .directory-marketplace .golf-course-card .cin-card-info .course-name,
html body .directory-marketplace .course-tree .golf-course-card .cin-card-info .course-name {
  color: #fff !important;
  font-size: 1rem !important;
  font-weight: 800 !important;
  margin: 0 !important;
  line-height: 1.3 !important;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.85) !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body .directory-marketplace .golf-course-card .cin-card-info .course-location,
html body .directory-marketplace .course-tree .golf-course-card .cin-card-info .course-location {
  color: #f0f0f0 !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  margin: 0 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}

html body .directory-marketplace .golf-course-card .cin-card-info .course-location:not(:last-child)::after,
html body .directory-marketplace .course-tree .golf-course-card .cin-card-info .course-location:not(:last-child)::after {
  content: "" !important;
  display: block !important;
  width: 82% !important;
  max-width: none !important;
  height: 0 !important;
  margin: 0.22rem auto 0.14rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 4px solid #fff9c4 !important;
  box-shadow: 0 0 14px rgba(255, 248, 180, 0.95), 0 0 5px rgba(255, 255, 255, 0.75) !important;
  box-sizing: border-box !important;
}

html body .directory-marketplace .golf-course-card .cin-card-info .course-card-meta-row,
html body .directory-marketplace .course-tree .golf-course-card .cin-card-info .course-card-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 0.02rem 0 0.06rem !important;
  line-height: 1.35 !important;
}

html body .directory-marketplace .golf-course-card .cin-card-info .course-meta-sep,
html body .directory-marketplace .course-tree .golf-course-card .cin-card-info .course-meta-sep {
  margin: 0 0.35rem !important;
  padding: 0 !important;
  font-size: 0.67rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: none !important;
  color: rgba(187, 247, 208, 0.9) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.65) !important;
  line-height: 1.35 !important;
  opacity: 0.95 !important;
}

html body .directory-marketplace .golf-course-card .cin-card-info .course-club-type,
html body .directory-marketplace .golf-course-card .cin-card-info .course-hole-count,
html body .directory-marketplace .course-tree .golf-course-card .cin-card-info .course-club-type,
html body .directory-marketplace .course-tree .golf-course-card .cin-card-info .course-hole-count {
  margin: 0 !important;
  font-size: 0.67rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: rgba(187, 247, 208, 0.9) !important;
  line-height: 1.35 !important;
}

/* Directory cards: hide the numeric index badge (top-left) */
html body.gp-static-page .directory-marketplace .golf-course-card .cin-result-index,
html body .directory-marketplace .golf-course-card .cin-result-index {
  display: none !important;
}

/* City result grids */
html body.gp-static-page .directory-marketplace .course-tree .directory-city-results,
html body.gp-static-page .directory-marketplace .city-node > .tree-content > .results-grid,
html body.gp-static-page .directory-marketplace .course-tree .city-node > .tree-content > .results-grid,
html body .directory-marketplace .course-tree .directory-city-results,
html body .directory-marketplace .city-node > .tree-content > .results-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0.45rem !important;
  align-items: stretch !important;
  justify-items: stretch !important;
  margin: 0.25rem 0 0.25rem 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 0 !important;
}

@media (min-width: 769px) {
  html body.gp-static-page .directory-marketplace .course-tree .directory-city-results,
  html body.gp-static-page .directory-marketplace .city-node > .tree-content > .results-grid,
  html body.gp-static-page .directory-marketplace .course-tree .city-node > .tree-content > .results-grid,
  html body .directory-marketplace .course-tree .directory-city-results,
  html body .directory-marketplace .city-node > .tree-content > .results-grid {
    width: var(--dir-city-width) !important;
    max-width: var(--dir-city-width) !important;
    /* Desktop only: slight right gutter inside the city column */
    padding: 0 0.6rem 0 0 !important;
  }
}

html body.gp-static-page .directory-marketplace .course-tree .directory-city-results .golf-course-card,
html body.gp-static-page .directory-marketplace .city-node > .tree-content > .results-grid .golf-course-card,
html body .directory-marketplace .course-tree .directory-city-results .golf-course-card,
html body .directory-marketplace .city-node > .tree-content > .results-grid .golf-course-card {
  /* Slightly narrower so the right gutter shows consistently */
  width: calc(100% - 0.1rem) !important;
  max-width: calc(100% - 0.1rem) !important;
  min-width: 0 !important;
  margin: 0 0 0.35rem 0 !important;
}

/* Override style.css 100vw + site.css auto-fit multi-column */
html body.gp-static-page .directory-marketplace .course-tree .results-grid,
html body.gp-static-page .directory-marketplace .course-tree .golf-course-card {
  max-width: 100% !important;
}

/* Card container (inside city grid only — not full viewport) */
html body.gp-static-page .directory-marketplace .course-tree .directory-city-results .golf-course-card,
html body.gp-static-page .directory-marketplace .city-node > .tree-content > .results-grid .golf-course-card,
html body .directory-marketplace .course-tree .directory-city-results .golf-course-card,
html body .directory-marketplace .city-node > .tree-content > .results-grid .golf-course-card,
html body .directory-marketplace-main .golf-course-card,
html body .directory-marketplace-shell .golf-course-card {
  position: relative !important;
  background: #ffffff !important;
  border: 1px solid #d5e1d9 !important;
  border-radius: 12px !important;
  padding: 0 !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important;
  box-shadow: 0 4px 12px rgba(11, 35, 24, 0.07) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

html body .directory-marketplace .golf-course-card:hover,
html body .directory-marketplace .course-tree .golf-course-card:hover {
  transform: translateY(-2px) !important;
  border-color: #2c7a56 !important;
  box-shadow: 0 10px 20px rgba(11, 35, 24, 0.12) !important;
}

html body .directory-marketplace .golf-course-card::after,
html body .directory-marketplace .course-tree .golf-course-card::after {
  content: none !important;
  display: none !important;
}

/* Legacy content block below photo — no longer used on directory cards */
html body .directory-marketplace .golf-course-card .course-card-content,
html body .directory-marketplace .course-tree .golf-course-card .course-card-content {
  display: none !important;
}

html body .directory-marketplace .golf-course-card .course-details-row,
html body .directory-marketplace .course-tree .golf-course-card .course-details-row {
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.4rem !important;
}

html body .directory-marketplace .golf-course-card .course-details-info,
html body .directory-marketplace .course-tree .golf-course-card .course-details-info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* View 3D */
html body .directory-marketplace .golf-course-card .course-icon,
html body .directory-marketplace .course-tree .golf-course-card .course-icon {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-shrink: 0 !important;
}

html body .directory-marketplace .golf-course-card .course-icon .btn-view3d,
html body .directory-marketplace .course-tree .golf-course-card .course-icon .btn-view3d {
  min-width: 0 !important;
  width: auto !important;
  min-height: 30px !important;
  padding: 0.28rem 0.5rem !important;
  border-radius: 8px !important;
  background: #1f6b48 !important;
  border: 1px solid #1b5f41 !important;
  color: #fff !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  box-shadow: 0 4px 10px rgba(31, 107, 72, 0.18) !important;
  white-space: nowrap !important;
}

html body .directory-marketplace .golf-course-card .course-icon .btn-view3d .btn-view3d-label {
  font-size: 0.72rem !important;
}

/* Action buttons row */
html body.gp-static-page .directory-marketplace .golf-course-card .course-card-buttons,
html body .directory-marketplace .golf-course-card .course-card-buttons,
html body .directory-marketplace .course-tree .golf-course-card .course-card-buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  gap: 0.35rem !important;
  align-items: stretch !important;
  margin-top: 0.5rem !important;
  padding: 0 0.7rem 0.65rem !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html body .directory-marketplace .golf-course-card .card-action-btn,
html body .directory-marketplace .golf-course-card .btn-ai,
html body .directory-marketplace .course-tree .golf-course-card .card-action-btn,
html body .directory-marketplace .course-tree .golf-course-card .btn-ai {
  background: #1f6b48 !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #1b5f41 !important;
  border-radius: 8px !important;
  font-size: 0.76rem !important;
  font-weight: 700 !important;
  min-height: 34px !important;
  padding: 0.35rem 0.5rem !important;
  box-shadow: 0 4px 12px rgba(24, 86, 58, 0.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.28rem !important;
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-sizing: border-box !important;
}

html body .directory-marketplace .golf-course-card .btn-maps,
html body .directory-marketplace .course-tree .golf-course-card .btn-maps {
  background: #1f6b48 !important;
  background-image: none !important;
  color: #fff !important;
  border: 1px solid #1b5f41 !important;
  border-radius: 8px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  min-height: 34px !important;
  height: auto !important;
  padding: 0.32rem 0.42rem !important;
  box-shadow: 0 4px 12px rgba(24, 86, 58, 0.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.22rem !important;
  flex: 1.45 1 0 !important;
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.08 !important;
  letter-spacing: -0.015em !important;
  box-sizing: border-box !important;
}

html body .directory-marketplace .golf-course-card .btn-ai,
html body .directory-marketplace .course-tree .golf-course-card .btn-ai {
  flex: 1 1 0 !important;
}

html body .directory-marketplace .golf-course-card .btn-maps .btn-maps-label,
html body .directory-marketplace .course-tree .golf-course-card .btn-maps .btn-maps-label {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  white-space: normal !important;
  font-size: inherit !important;
  text-align: center !important;
  line-height: 1.08 !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

html body .directory-marketplace .golf-course-card .btn-action-line,
html body .directory-marketplace .course-tree .golf-course-card .btn-action-line {
  display: block !important;
  white-space: nowrap !important;
}

html body .directory-marketplace .golf-course-card .btn-maps i,
html body .directory-marketplace .course-tree .golf-course-card .btn-maps i {
  flex: 0 0 auto !important;
  font-size: 0.78em !important;
}

/* AI label: full on desktop, short on narrow screens */
html body .directory-marketplace .golf-course-card .btn-ai .btn-ai-label-short,
html body .directory-marketplace .course-tree .golf-course-card .btn-ai .btn-ai-label-short {
  display: none !important;
}

html body .directory-marketplace .golf-course-card .btn-ai .btn-ai-label-full,
html body .directory-marketplace .course-tree .golf-course-card .btn-ai .btn-ai-label-full {
  display: block !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.08 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

/* Desktop: fixed narrow panel; cascade widths from base vars */
@media (min-width: 769px) {
  html body.gp-static-page .directory-marketplace .directory-marketplace-main,
  html body.gp-static-page .directory-marketplace .course-tree {
    max-width: min(var(--dir-panel-width), calc(100vw - 2.5rem)) !important;
  }
}

/* Mobile: fluid 100% widths — never 100vw (causes right-edge cutoff with section padding) */
@media (max-width: 768px) {
  html body.gp-static-page .directory-marketplace .directory-marketplace-layout {
    display: block !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body.gp-static-page .directory-marketplace.ds-section,
  html body.gp-static-page .directory-marketplace .content-container,
  html body.gp-static-page .directory-marketplace .directory-marketplace-shell,
  html body.gp-static-page .directory-marketplace .list-courses-content,
  html body.gp-static-page .directory-marketplace .directory-marketplace-main {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body.gp-static-page .directory-marketplace .directory-marketplace-main .course-tree,
  html body.gp-static-page .directory-marketplace .course-tree {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0.65rem 0.75rem !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  html body.gp-static-page .directory-marketplace .tree-node {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body.gp-static-page .directory-marketplace .country-node > .tree-content,
  html body.gp-static-page .directory-marketplace .region-node > .tree-content,
  html body.gp-static-page .directory-marketplace .city-node > .tree-content,
  html body.gp-static-page .directory-marketplace .directory-marketplace-main .tree-content,
  html body.gp-static-page .directory-marketplace .tree-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    padding-right: 0 !important;
  }

  html body.gp-static-page .directory-marketplace .country-node > .tree-toggle,
  html body.gp-static-page .directory-marketplace .region-node > .tree-toggle,
  html body.gp-static-page .directory-marketplace .city-node > .tree-toggle,
  html body.gp-static-page .directory-marketplace .country-node .tree-toggle,
  html body.gp-static-page .directory-marketplace .region-node .tree-toggle,
  html body.gp-static-page .directory-marketplace .city-node .tree-toggle {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body.gp-static-page .directory-marketplace .course-tree .directory-city-results,
  html body.gp-static-page .directory-marketplace .city-node > .tree-content > .results-grid,
  html body .directory-marketplace .course-tree .directory-city-results,
  html body .directory-marketplace .city-node > .tree-content > .results-grid {
    width: 100% !important;
    max-width: 100% !important;
    gap: 0.35rem !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    justify-items: stretch !important;
  }

  /* 100% of grid — not 94vw (vw ignores nested padding/indent and clips left) */
  html body.gp-static-page .directory-marketplace .course-tree .directory-city-results .golf-course-card,
  html body.gp-static-page .directory-marketplace .city-node > .tree-content > .results-grid .golf-course-card,
  html body .directory-marketplace .course-tree .directory-city-results .golf-course-card,
  html body .directory-marketplace .city-node > .tree-content > .results-grid .golf-course-card {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  html body .directory-marketplace .golf-course-card .cin-card-photo {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  html body .directory-marketplace .golf-course-card .cin-card-photo img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
  }

  html body .directory-marketplace .golf-course-card .cin-view3d-badge {
    right: 8px !important;
    left: auto !important;
    max-width: none !important;
  }

  html body .directory-marketplace .golf-course-card .course-card-buttons {
    padding: 0 0.6rem 0.55rem !important;
  }

  html body .directory-marketplace .golf-course-card .cin-card-info .course-name,
  html body .directory-marketplace .course-tree .golf-course-card .cin-card-info .course-name {
    font-size: 0.88rem !important;
  }

  html body .directory-marketplace .golf-course-card .cin-card-info .course-location,
  html body .directory-marketplace .course-tree .golf-course-card .cin-card-info .course-location {
    font-size: 0.72rem !important;
  }

  html body .directory-marketplace .golf-course-card .cin-card-photo .cin-card-info,
  html body .directory-marketplace .course-tree .golf-course-card .cin-card-photo .cin-card-info {
    width: calc(100% - 0.65rem) !important;
    padding: 0.42rem 0.5rem 0.48rem !important;
  }

  html body.gp-static-page .directory-marketplace .golf-course-card .course-card-buttons,
  html body .directory-marketplace .course-tree .golf-course-card .course-card-buttons {
    margin-top: 0.4rem !important;
    gap: 0.3rem !important;
  }

  html body.gp-static-page .directory-marketplace .golf-course-card .btn-ai,
  html body .directory-marketplace .course-tree .golf-course-card .btn-ai {
    flex: 1 1 0 !important;
    min-height: 32px !important;
    font-size: 0.7rem !important;
    padding: 0.3rem 0.38rem !important;
    letter-spacing: -0.01em !important;
  }

  html body.gp-static-page .directory-marketplace .golf-course-card .btn-maps,
  html body .directory-marketplace .course-tree .golf-course-card .btn-maps {
    flex: 1 1 0 !important;
    min-height: 32px !important;
    font-size: 0.66rem !important;
    padding: 0.28rem 0.34rem !important;
    letter-spacing: -0.02em !important;
    gap: 0.18rem !important;
  }

  html body .directory-marketplace .golf-course-card .btn-ai .btn-ai-label-full,
  html body .directory-marketplace .course-tree .golf-course-card .btn-ai .btn-ai-label-full {
    display: none !important;
  }

  html body .directory-marketplace .golf-course-card .btn-ai .btn-ai-label-short,
  html body .directory-marketplace .course-tree .golf-course-card .btn-ai .btn-ai-label-short {
    display: block !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.08 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

}

@media (max-width: 420px) {
  html body.gp-static-page .directory-marketplace .golf-course-card .btn-ai,
  html body .directory-marketplace .course-tree .golf-course-card .btn-ai {
    font-size: 0.64rem !important;
    padding: 0.28rem 0.32rem !important;
    gap: 0.2rem !important;
  }

  html body.gp-static-page .directory-marketplace .golf-course-card .btn-maps,
  html body .directory-marketplace .course-tree .golf-course-card .btn-maps {
    flex: 1 1 0 !important;
    font-size: 0.62rem !important;
    padding: 0.26rem 0.28rem !important;
    gap: 0.14rem !important;
  }

  html body .directory-marketplace .golf-course-card .btn-maps i,
  html body .directory-marketplace .course-tree .golf-course-card .btn-maps i {
    font-size: 0.68rem !important;
  }

  html body .directory-marketplace .golf-course-card .btn-ai i,
  html body .directory-marketplace .course-tree .golf-course-card .btn-ai i {
    font-size: 0.72rem !important;
  }
}