/* Carline CCGP Design Addon - Desktop layout + centered text */
@media (min-width: 900px){
  /* Card centered text */
  .ccgp, .ccgp * { box-sizing: border-box; }
  .ccgp__card { text-align: center; }
  .ccgp__title, .ccgp__subtitle { text-align: center; }

  /* Two-column layout for main fields */
  .ccgp__grid{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px 22px !important;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    justify-items: center;
    align-items: start;
  }

  /* Make each field box centered and consistent width */
  .ccgp__field{
    width: 100%;
    max-width: 360px;
    text-align: center;
  }
  .ccgp__field label{
    display: block;
    width: 100%;
    text-align: center;
  }
  .ccgp__field input,
  .ccgp__field select{
    width: 100%;
    text-align: center;
  }

  /* Buttons row: centered, big primary */
  .ccgp__actions{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin-top: 14px !important;
  }
  .ccgp__actions button,
  .ccgp__actions .ccgp__btn{
    min-height: 46px;
  }
  /* Primary (calculate) button – typically first button */
  .ccgp__actions button[type="submit"]:first-child,
  .ccgp__actions button[data-action="calc"],
  .ccgp__actions .ccgp__btn[data-action="calc"]{
    font-size: 16px !important;
    padding: 12px 22px !important;
    border-radius: 14px !important;
    font-weight: 700 !important;
    transform: translateZ(0);
  }
}

/* Keep mobile unchanged; only mild centering inside fields */
@media (max-width: 899px){
  .ccgp__title, .ccgp__subtitle { text-align: center; }
}