/* =========================================================
   Dealership Cards (3 columns)
   File: /assets/css/about-us/about_dealership.css
   NOTE: No font-size rules (inherits from global)
   ========================================================= */

.gc-dealer{
  position: relative;
  background: #ffffff;
}

/* soft top glow like your sample image */
.gc-dealer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(closest-side at 50% 0%, rgba(0,145,235,.10), transparent 55%);
}

.gc-dealer .container{
  position: relative;
  z-index: 1;
}

/* 3 columns */
.gc-dealer__grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(16px, 2.2vw, 26px);
  align-items: stretch;
}

/* Card shell */
.gc-dealer__card{
  position: relative;
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  padding: clamp(18px, 2.4vw, 28px);
  overflow: hidden;
}

/* top soft blue wash (matches screenshot vibe) */
.gc-dealer__card::before{
  content:"";
  position:absolute;
  left:-20%;
  right:-20%;
  top:-35%;
  height: 220px;
  background:
    radial-gradient(closest-side at 50% 50%, rgba(0,145,235,.18), rgba(0,145,235,.00) 70%);
  pointer-events:none;
}

/* icon box */
.gc-dealer__icon{
  position: relative;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;

  background: rgba(0,145,235,.12);
  border: 1px solid rgba(0,145,235,.22);
  color: var(--gc-dark-blue);

  margin-bottom: var(--space-sm);
}

/* spacing only (no font sizes) */
.gc-dealer__title{
  margin: 0 0 var(--space-xs);
  color: var(--gc-dark-blue);
}

.gc-dealer__text{
  margin: 0 0 var(--space-xs);
}

/* last paragraph no extra space */
.gc-dealer__text:last-child{
  margin-bottom: 0;
}

/* Responsive */
@media (max-width: 1024px){
  .gc-dealer__grid{
    grid-template-columns: 1fr;
  }
}