:root {
  --cms-quick-title-font: Inter, "Segoe UI", Arial, sans-serif;
  --cms-quick-title-size: 28px;
  --cms-quick-body-size: 16px;
  --cms-quick-button-size: 14px;
  --cms-quick-card-radius: 8px;
  --cms-quick-columns: 4;
  --cms-branch-title-font: Inter, "Segoe UI", Arial, sans-serif;
  --cms-branch-title-size: 30px;
  --cms-branch-label-size: 12px;
  --cms-branch-value-size: 16px;
  --cms-branch-hours-size: 13px;
  --cms-branch-card-radius: 8px;
}

body.gulsoy-home .gx-quick-grid { grid-template-columns: repeat(var(--cms-quick-columns), minmax(0, 1fr)); }
body.gulsoy-home .gx-action-card { border-radius: var(--cms-quick-card-radius); }
body.gulsoy-home .gx-action-card strong { font-family: var(--cms-quick-title-font); font-size: var(--cms-quick-title-size); }
body.gulsoy-home .gx-action-card p { font-size: var(--cms-quick-body-size); }
body.gulsoy-home .gx-action-card b { font-size: var(--cms-quick-button-size); }
body.gulsoy-home .gx-location-card { border-radius: var(--cms-branch-card-radius); }
body.gulsoy-home .gx-location-card h3 { font-family: var(--cms-branch-title-font); font-size: var(--cms-branch-title-size); }
body.gulsoy-home .gx-location-info > div > span { font-size: var(--cms-branch-label-size); }
body.gulsoy-home .gx-location-info p,
body.gulsoy-home .gx-location-info a { font-size: var(--cms-branch-value-size); }
body.gulsoy-home #showroom-iletisim .branch-hours-row span { font-size: var(--cms-branch-hours-size); }

@media (max-width: 1100px) {
  body.gulsoy-home .gx-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 680px) {
  body.gulsoy-home .gx-quick-grid { grid-template-columns: 1fr; }
}