:root{
  --bg: #ffffff;
  --text: #111827;
  --muted: #8a8a8a;
  --primary: #2469ff;
  --border: #e6e6e6;

  --container-max: 1060px;
  --wizard-max: 980px;
  --card-radius: 17px;

  --tile-height-desktop: 230px;
  --tile-height-mobile: 200px;
  --tile-image-size: 140px;

  --logo_removed-image: url('/ui-asset.phpfDCLOGO_20260126_000646_0808fd18.png');
  --bg-image: url('/ui-asset.phpf360_F_513924286_w1p09H5WONNcjxsXZ8sjwCEctq0jgWVU_20260123_174459_54c5f07b.jpg');
}

/* Global background override */
html,body{
  background: var(--bg);
  color: var(--text);
  background-image: var(--bg-image);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

/* Container width */
.container{max-width: var(--container-max);}

/* Wizard shell placement */
.wizard-shell{
  max-width: var(--wizard-max);
    margin-left: auto;
  margin-right: auto;
  }

/* Card radius harmonization */
.card, .card-radio, .input, .textarea, .select, .btn, .pill, .imgwrap, .logo_removed{
  border-radius: var(--card-radius);
}

/* Primary color sync for selected states */
.card-radio.selected{
  border-color: color-mix(in srgb, var(--primary) 35%, transparent);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 12%, transparent), var(--shadow-out);
}
.card-radio.selected .dot{
  border-color: color-mix(in srgb, var(--primary) 85%, transparent);
  background: color-mix(in srgb, var(--primary) 30%, transparent);
}

/* logo_removed image (admin + apply headers) */
.logo_removed{
  background-image: var(--logo_removed-image);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* Radio card grid columns on desktop */
.card-radio-grid{grid-template-columns: repeat(3, minmax(0,1fr));}

/* Remove dot on radio cards if disabled */
.card-radio{gap:0;}
.card-radio .dot{display:none;}

/* Step 1 image tiles options */
.image-radio:hover{transform:translateY(-2px);}

@keyframes tilePop{0%{transform:scale(.98);}60%{transform:scale(1.02);}100%{transform:scale(1);}}
.image-radio.selected{animation:tilePop .18s ease;}