.kga-cd-page{
  --kga-navy:#071F4B;
  --kga-navy-2:#123B86;
  --kga-orange:#FF8A1A;
  --kga-orange-dark:#E87500;
  --kga-ink:#172033;
  --kga-muted:#667085;
  --kga-line:#E4E9F1;
  --kga-soft:#F7F9FC;
  --kga-white:#fff;
  max-width:1240px;
  margin:0 auto;
  padding:20px 20px 70px;
  color:var(--kga-ink);
  font-family:Poppins,Arial,sans-serif;
}
.kga-cd-page *{box-sizing:border-box}
.kga-cd-page input,.kga-cd-page textarea,.kga-cd-page select,.kga-cd-page button{font:inherit}

.kga-cd-hero{
  position:relative;overflow:hidden;border-radius:22px;
  padding:42px 35px 38px;margin:0 0 20px;
  color:#fff;text-align:center;
  background:linear-gradient(125deg,#071F4B 0%,#123B86 55%,#FF8A1A 140%);
  box-shadow:0 16px 42px rgba(7,31,75,.12)
}
.kga-cd-hero:after{
  content:"";position:absolute;inset:auto -10% -120px;height:190px;border-radius:50%;
  background:rgba(255,255,255,.08)
}
.kga-cd-eyebrow{position:relative;z-index:1;font-size:10px;letter-spacing:1.8px;font-weight:800;opacity:.82}
.kga-cd-hero h1{position:relative;z-index:1;margin:8px 0 8px;font-size:clamp(31px,4.5vw,53px);line-height:1.04;color:#fff;font-weight:800}
.kga-cd-hero p{position:relative;z-index:1;max-width:690px;margin:0 auto;font-size:14px;line-height:1.6;color:rgba(255,255,255,.88)}
.kga-cd-trust{position:relative;z-index:1;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:17px;font-size:10px;font-weight:600}

.kga-cd-success,.kga-cd-error{display:flex;gap:14px;align-items:flex-start;border-radius:15px;padding:15px 17px;margin:0 0 18px}
.kga-cd-success{background:#eefaf4;border:1px solid #ccefe0;color:#145c42}
.kga-cd-success-icon{width:29px;height:29px;border-radius:50%;background:#20a76a;color:#fff;display:grid;place-items:center;font-weight:800}
.kga-cd-success p{margin:3px 0 0}
.kga-cd-error{background:#fff3f2;border:1px solid #ffd8d5;color:#9d3028}

.kga-cd-progress{
  position:relative;display:flex;align-items:flex-start;justify-content:space-between;
  margin:0 auto 18px;padding:0 8px;max-width:920px
}
.kga-cd-progress-line{
  position:absolute;left:11%;right:11%;top:16px;height:2px;background:#e7ebf1;z-index:0
}
.kga-cd-progress-line span{display:block;width:0;height:100%;background:var(--kga-orange);transition:.35s ease}
.kga-cd-progress-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:65px;color:#98A2B3;font-size:9px;font-weight:700}
.kga-cd-progress-step b{
  width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:1px solid #dfe4ec;color:#98A2B3;font-size:9px;transition:.25s
}
.kga-cd-progress-step.is-active b,.kga-cd-progress-step.is-done b{background:var(--kga-navy);border-color:var(--kga-navy);color:#fff}
.kga-cd-progress-step.is-done{color:var(--kga-navy)}
.kga-cd-progress-step.is-active{color:var(--kga-orange-dark)}

.kga-cd-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.kga-cd-step{display:none;animation:kgaStepIn .28s ease}
.kga-cd-step.is-active{display:block}
@keyframes kgaStepIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.kga-cd-card{
  background:#fff;border:1px solid var(--kga-line);border-radius:18px;
  padding:24px;box-shadow:0 10px 28px rgba(7,31,75,.045)
}
.kga-cd-section-head{display:flex;gap:13px;margin-bottom:21px}
.kga-cd-section-head>span{flex:0 0 auto;color:var(--kga-orange-dark);font-size:11px;font-weight:800;letter-spacing:1px;padding-top:4px}
.kga-cd-section-head h2{margin:0;font-size:21px;color:var(--kga-navy);line-height:1.2}
.kga-cd-section-head p{margin:5px 0 0;color:var(--kga-muted);font-size:12px;line-height:1.55}

.kga-cd-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kga-cd-choice{display:block}
.kga-cd-choice input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.kga-cd-choice-box{
  display:block;border:1px solid var(--kga-line);border-radius:12px;padding:13px 14px;cursor:pointer;
  transition:.18s ease;background:#fff
}
.kga-cd-choice-box b{display:block;color:var(--kga-navy);font-size:12px}
.kga-cd-choice-box small{display:block;color:var(--kga-muted);font-size:9px;margin-top:3px}
.kga-cd-choice input:checked+.kga-cd-choice-box{border-color:var(--kga-navy);background:#f2f6fc;box-shadow:inset 0 0 0 1px var(--kga-navy)}
.kga-cd-choice input:focus-visible+.kga-cd-choice-box{outline:2px solid rgba(246,137,90,.6);outline-offset:2px}

.kga-cd-field{margin-bottom:16px}
.kga-cd-field:last-child{margin-bottom:0}
.kga-cd-field label{display:block;font-size:11px;font-weight:700;color:var(--kga-navy);margin-bottom:6px}
.kga-cd-field em{color:#d94a3d;font-style:normal}
.kga-cd-field input,.kga-cd-field textarea,.kga-cd-field select{
  width:100%;border:1px solid #dfe4ec;border-radius:10px;background:#fff;padding:10px 12px;color:var(--kga-ink);outline:none;transition:.18s ease;font-size:12px
}
.kga-cd-field textarea{resize:vertical;min-height:85px}
.kga-cd-field input:focus,.kga-cd-field textarea:focus,.kga-cd-field select:focus{border-color:var(--kga-navy);box-shadow:0 0 0 3px rgba(7,31,75,.07)}

.kga-cd-radio-row{display:flex;flex-wrap:wrap;gap:8px}
.kga-cd-radio-row label{
  display:flex;align-items:center;gap:4px;border:1px solid var(--kga-line);border-radius:999px;
  padding:8px 11px;font-size:10px;font-weight:600;color:var(--kga-muted);cursor:pointer;background:#fff
}
.kga-cd-radio-row label:has(input:checked){border-color:var(--kga-navy);background:#f2f6fc;color:var(--kga-navy)}
.kga-cd-radio-row input{margin:0;accent-color:var(--kga-navy)}

.kga-cd-upload{
  border:1.5px dashed #cfd7e4;border-radius:15px;background:var(--kga-soft);padding:16px;
  display:flex;gap:12px;align-items:center;margin:7px 0 17px
}
.kga-cd-upload-icon{width:38px;height:38px;border-radius:11px;background:#e9eef7;color:var(--kga-navy);display:grid;place-items:center;font-size:18px;flex:0 0 auto}
.kga-cd-upload b{font-size:12px;color:var(--kga-navy)}
.kga-cd-upload p{margin:3px 0 0;font-size:9px;color:var(--kga-muted);line-height:1.5}
.kga-cd-upload-btn{margin-left:auto;flex:0 0 auto;background:var(--kga-navy);color:#fff;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:700;cursor:pointer}
.kga-cd-upload-btn input{display:none}

.kga-cd-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.kga-cd-span-2{grid-column:1/-1}
.kga-cd-visiting{display:none}
.kga-cd-visiting.is-visible{display:block}
.kga-cd-generic-details{display:none}

.kga-cd-qr{display:flex;gap:11px;align-items:center;padding-top:3px}
.kga-cd-qr label{font-size:10px;font-weight:600;color:var(--kga-navy)}
.kga-cd-qr select{margin-left:auto;border:1px solid var(--kga-line);border-radius:8px;padding:8px;background:#fff;color:var(--kga-muted);font-size:10px}

.kga-cd-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}
.kga-cd-back,.kga-cd-next,.kga-cd-submit{
  border:0;border-radius:10px;padding:11px 16px;font-size:11px;font-weight:800;cursor:pointer;transition:.18s ease
}
.kga-cd-back{background:#fff;border:1px solid var(--kga-line);color:var(--kga-navy)}
.kga-cd-back:hover{border-color:#bdc7d6;background:#f8fafc}
.kga-cd-next,.kga-cd-submit{background:var(--kga-orange);color:#fff;box-shadow:0 7px 17px rgba(255,138,26,.22)}
.kga-cd-next:hover,.kga-cd-submit:hover{background:#F57C00;transform:translateY(-1px)}
.kga-cd-next span,.kga-cd-submit span{margin-left:12px;font-size:15px}

.kga-cd-final-note{
  display:flex;gap:11px;align-items:flex-start;background:#f7f9fc;border:1px solid var(--kga-line);
  border-radius:13px;padding:13px;margin-top:13px
}
.kga-cd-final-note>span{color:var(--kga-orange-dark);font-size:14px}
.kga-cd-final-note b{font-size:11px;color:var(--kga-navy)}
.kga-cd-final-note p{margin:3px 0 0;font-size:9px;color:var(--kga-muted);line-height:1.5}

.kga-cd-summary{position:sticky;top:20px}
.kga-cd-summary-inner{
  background:var(--kga-navy);color:#fff;border-radius:19px;padding:21px;
  box-shadow:0 17px 38px rgba(7,31,75,.17);overflow:hidden;position:relative
}
.kga-cd-summary-inner:after{content:"";position:absolute;right:-50px;bottom:-70px;width:170px;height:170px;border-radius:50%;background:rgba(246,137,90,.11)}
.kga-cd-summary-top{display:flex;align-items:center;justify-content:space-between}
.kga-cd-summary-label{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#aebdd8}
.kga-cd-live-dot{font-size:7px;letter-spacing:1px;color:#b9f0d2;background:rgba(73,190,126,.13);border:1px solid rgba(73,190,126,.25);padding:4px 6px;border-radius:99px}
.kga-cd-summary-title{font-size:22px;line-height:1.2;margin:8px 0 8px;color:#fff}
.kga-cd-summary-copy{font-size:10px;line-height:1.55;color:#c8d2e5;margin:0}
.kga-cd-live-selection{margin:15px 0 13px;padding:11px;border-radius:11px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.kga-cd-live-selection small{display:block;font-size:7px;letter-spacing:1.1px;color:#94a8c8;margin-bottom:4px}
.kga-cd-selected-type{display:block;color:#fff;font-size:11px}
.kga-cd-summary-steps{position:relative}
.kga-cd-summary-steps:before{content:"";position:absolute;left:12px;top:15px;bottom:15px;width:1px;background:rgba(255,255,255,.12)}
.kga-cd-summary-steps>div{position:relative;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:7px 0;color:#7f93b4;transition:.2s}
.kga-cd-summary-steps i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#0d2d61;border:1px solid rgba(255,255,255,.1);font-style:normal;font-size:7px;z-index:1}
.kga-cd-summary-steps span{font-size:9px;font-weight:600}
.kga-cd-summary-steps b{font-size:7px;font-weight:600;color:#7287a8}
.kga-cd-summary-steps>div.is-current{color:#fff}
.kga-cd-summary-steps>div.is-current i{background:var(--kga-orange);border-color:var(--kga-orange);color:#fff;box-shadow:0 0 0 4px rgba(255,138,26,.14)}
.kga-cd-summary-steps>div.is-current b{color:#ffb59b}
.kga-cd-summary-steps>div.is-done{color:#e6edf8}
.kga-cd-summary-steps>div.is-done i{background:#fff;color:var(--kga-navy)}
.kga-cd-summary-steps>div.is-done b{color:#b9f0d2}
.kga-cd-summary-tip{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.1);font-size:8px;color:#94a8c8;line-height:1.5}

.kga-cd-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
@media(max-width:900px){
  .kga-cd-layout{grid-template-columns:1fr}
  .kga-cd-summary{position:static;grid-row:1}
  .kga-cd-summary-inner{border-radius:16px}
  .kga-cd-summary-title{font-size:19px}
  .kga-cd-summary-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
  .kga-cd-summary-steps:before{display:none}
  .kga-cd-summary-steps>div{display:flex;flex-direction:column;text-align:center;gap:4px;padding:0}
  .kga-cd-summary-steps span{font-size:7px}
  .kga-cd-summary-steps b{font-size:6px}
  .kga-cd-summary-tip{display:none}
}
@media(max-width:600px){
  .kga-cd-page{padding:12px 10px 45px}
  .kga-cd-hero{padding:32px 18px 29px;border-radius:17px;margin-bottom:13px}
  .kga-cd-hero h1{font-size:32px}
  .kga-cd-hero p{font-size:11px}
  .kga-cd-trust{gap:7px;flex-direction:column;font-size:8px}
  .kga-cd-progress{margin-bottom:12px}
  .kga-cd-progress-step{min-width:50px;font-size:7px}
  .kga-cd-progress-step b{width:27px;height:27px;font-size:7px}
  .kga-cd-progress-line{top:13px;left:9%;right:9%}
  .kga-cd-card{padding:17px;border-radius:15px}
  .kga-cd-section-head h2{font-size:18px}
  .kga-cd-section-head p{font-size:10px}
  .kga-cd-type-grid,.kga-cd-grid-2{grid-template-columns:1fr}
  .kga-cd-span-2{grid-column:auto}
  .kga-cd-upload{align-items:flex-start;flex-wrap:wrap}
  .kga-cd-upload-btn{margin-left:50px}
  .kga-cd-qr{display:block}
  .kga-cd-qr select{width:100%;margin-top:9px}
}


/* v1.1.1 polish: design-choice controls + theme/page spacing.
   Everything below is scoped to the custom-design page only. */
body.kga-custom-design-page .entry-header,
body.kga-custom-design-page .page-header,
body.kga-custom-design-page .page-title-wrap,
body.kga-custom-design-page .content-top .page-title,
body.kga-custom-design-page .content-top .page-header {
  display:none !important;
}
body.kga-custom-design-page .site-content,
body.kga-custom-design-page .content-area,
body.kga-custom-design-page main.site-main {
  padding-top:0 !important;
  margin-top:0 !important;
}
body.kga-custom-design-page .kga-cd-page {
  margin-top:0 !important;
}

/* Make the idea choices feel like premium selection cards rather than stretched pills. */
.kga-cd-page .kga-cd-radio-row {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.kga-cd-page .kga-cd-radio-row label {
  position:relative;
  min-height:76px;
  margin:0;
  padding:15px 12px 13px 40px;
  border:1px solid #DCE3EE;
  border-radius:14px;
  background:#fff;
  color:var(--kga-navy);
  display:flex;
  align-items:center;
  justify-content:flex-start;
  font-size:10px;
  line-height:1.35;
  font-weight:700;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease;
}
.kga-cd-page .kga-cd-radio-row label:hover {
  border-color:#AEBBD0;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(7,31,75,.06);
}
.kga-cd-page .kga-cd-radio-row label:has(input:checked) {
  border-color:var(--kga-navy);
  background:#F3F7FD;
  color:var(--kga-navy);
  box-shadow:0 7px 18px rgba(7,31,75,.08), inset 0 0 0 1px var(--kga-navy);
}
.kga-cd-page .kga-cd-radio-row input {
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  width:18px;
  height:18px;
  margin:0;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  border:1.5px solid #9AA7BA;
  border-radius:50%;
  background:#fff;
  box-shadow:none;
  outline:none;
  cursor:pointer;
}
.kga-cd-page .kga-cd-radio-row input:checked {
  border-color:var(--kga-navy);
  background:var(--kga-navy);
  box-shadow:inset 0 0 0 4px #fff;
}
.kga-cd-page .kga-cd-radio-row input:focus,
.kga-cd-page .kga-cd-radio-row input:focus-visible {
  outline:none !important;
  box-shadow:inset 0 0 0 4px #fff !important;
}

@media(max-width:900px){
  .kga-cd-page .kga-cd-radio-row{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px){
  .kga-cd-page .kga-cd-radio-row{grid-template-columns:1fr;}
  .kga-cd-page .kga-cd-radio-row label{min-height:60px;}
}

/* v1.1.2 — guided completion states + premium confirmation.
   Scoped entirely to the KGA Custom Design Request page. */
.kga-cd-page .kga-cd-next:disabled {
  background:#F8C3AF;
  color:rgba(255,255,255,.92);
  box-shadow:none;
  cursor:not-allowed;
  transform:none;
  opacity:1;
}
.kga-cd-page .kga-cd-next:disabled:hover {
  background:#F8C3AF;
  transform:none;
}
.kga-cd-page .kga-cd-next.is-ready {
  background:var(--kga-orange);
  box-shadow:0 7px 17px rgba(246,137,90,.22);
  animation:kgaReadyPulse .45s ease;
}
@keyframes kgaReadyPulse {
  0%{box-shadow:0 0 0 rgba(246,137,90,0)}
  55%{box-shadow:0 0 0 7px rgba(246,137,90,.13),0 7px 17px rgba(246,137,90,.22)}
  100%{box-shadow:0 7px 17px rgba(246,137,90,.22)}
}

.kga-cd-confirmation {
  position:relative;
  overflow:hidden;
  max-width:820px;
  margin:12px auto 40px;
  padding:58px 48px 52px;
  text-align:center;
  border:1px solid #E4E9F1;
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 55px rgba(7,31,75,.09);
}
.kga-cd-confirmation:before {
  content:"";
  position:absolute;
  width:280px;height:280px;
  right:-130px;top:-150px;
  border-radius:50%;
  background:rgba(246,137,90,.08);
}
.kga-cd-confirmation:after {
  content:"";
  position:absolute;
  width:220px;height:220px;
  left:-130px;bottom:-140px;
  border-radius:50%;
  background:rgba(7,31,75,.045);
}
.kga-cd-confirmation-icon,
.kga-cd-confirmation-kicker,
.kga-cd-confirmation h2,
.kga-cd-confirmation p,
.kga-cd-confirmation-id,
.kga-cd-confirmation-next,
.kga-cd-confirmation-home { position:relative;z-index:1; }
.kga-cd-confirmation-icon {
  width:64px;height:64px;margin:0 auto 18px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#fff;background:var(--kga-orange);
  font-size:28px;font-weight:800;
  box-shadow:0 0 0 9px rgba(246,137,90,.10),0 12px 28px rgba(246,137,90,.24);
}
.kga-cd-confirmation-kicker {
  color:var(--kga-orange-dark);
  font-size:10px;font-weight:800;letter-spacing:2px;
}
.kga-cd-confirmation h2 {
  margin:8px 0 10px;
  color:var(--kga-navy);
  font-size:clamp(28px,4vw,43px);
  line-height:1.08;
}
.kga-cd-confirmation > p {
  max-width:610px;
  margin:0 auto;
  color:var(--kga-muted);
  font-size:13px;line-height:1.75;
}
.kga-cd-confirmation-id {
  display:inline-flex;flex-direction:column;gap:5px;
  min-width:220px;margin:25px auto 16px;
  padding:14px 22px;
  border:1px solid #E4E9F1;border-radius:12px;
  background:#F7F9FC;
}
.kga-cd-confirmation-id span {
  color:#667085;font-size:8px;font-weight:800;letter-spacing:1.4px;
}
.kga-cd-confirmation-id strong { color:var(--kga-navy);font-size:18px;letter-spacing:.4px; }
.kga-cd-confirmation-next {
  max-width:560px;margin:0 auto 24px;
  padding:14px 17px;text-align:left;
  border-left:3px solid var(--kga-orange);
  border-radius:8px;
  background:#FFF6F1;
}
.kga-cd-confirmation-next b { display:block;color:var(--kga-navy);font-size:11px;margin-bottom:4px; }
.kga-cd-confirmation-next span { display:block;color:var(--kga-muted);font-size:10px;line-height:1.55; }
.kga-cd-confirmation-home {
  display:inline-flex;align-items:center;gap:12px;
  padding:12px 19px;border-radius:10px;
  background:var(--kga-orange);color:#fff!important;
  text-decoration:none!important;font-size:11px;font-weight:800;
  box-shadow:0 8px 20px rgba(246,137,90,.22);
  transition:.18s ease;
}
.kga-cd-confirmation-home:hover { transform:translateY(-1px);background:#F57C00;color:#fff!important; }
.kga-cd-confirmation-home span { font-size:15px; }

@media(max-width:600px){
  .kga-cd-confirmation{padding:42px 20px 38px;border-radius:18px;margin-top:8px;}
  .kga-cd-confirmation h2{font-size:30px;}
  .kga-cd-confirmation > p{font-size:11px;}
}

/* v1.1.4 — responsive polish
   Scoped to the KGA Custom Design Request page only. No store/product styling is touched. */
html:has(body.kga-custom-design-page),
body.kga-custom-design-page {
  overflow-x:hidden;
}
body.kga-custom-design-page .site-content,
body.kga-custom-design-page .content-area,
body.kga-custom-design-page main.site-main {
  width:100%;
  max-width:100%;
}

.kga-cd-page,
.kga-cd-page .kga-cd-form,
.kga-cd-page .kga-cd-layout,
.kga-cd-page .kga-cd-steps,
.kga-cd-page .kga-cd-summary {
  min-width:0;
  max-width:100%;
}
.kga-cd-page img,
.kga-cd-page svg,
.kga-cd-page iframe {
  max-width:100%;
}
.kga-cd-page button,
.kga-cd-page input,
.kga-cd-page textarea,
.kga-cd-page select {
  max-width:100%;
}

@media (max-width: 1024px) {
  .kga-cd-page { padding-left:16px; padding-right:16px; }
  .kga-cd-layout { grid-template-columns:minmax(0,1fr) 290px; gap:16px; }
  .kga-cd-card { padding:20px; }
  .kga-cd-summary-inner { padding:18px; }
  .kga-cd-summary-title { font-size:20px; }
}

@media (max-width: 820px) {
  .kga-cd-page { padding:12px 12px 45px; }
  .kga-cd-hero { padding:34px 24px 31px; border-radius:18px; }
  .kga-cd-hero h1 { font-size:clamp(28px,7vw,42px); }
  .kga-cd-hero p { max-width:600px; font-size:12px; }

  /* On tablets/phones the summary becomes a compact progress panel above the current step. */
  .kga-cd-layout { display:flex; flex-direction:column; gap:14px; }
  .kga-cd-summary { order:-1; width:100%; }
  .kga-cd-summary-inner { width:100%; padding:16px; border-radius:16px; }
  .kga-cd-summary-title { margin:7px 0 5px; font-size:18px; }
  .kga-cd-summary-copy { font-size:9px; }
  .kga-cd-live-selection { margin:11px 0; padding:9px; }
  .kga-cd-summary-steps {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
  }
  .kga-cd-summary-steps:before { display:none; }
  .kga-cd-summary-steps>div {
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    text-align:center;
    gap:4px;
    padding:0;
  }
  .kga-cd-summary-steps i { width:25px; height:25px; flex:0 0 25px; }
  .kga-cd-summary-steps span {
    display:block;
    width:100%;
    font-size:7px;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  .kga-cd-summary-steps b { font-size:6px; }
  .kga-cd-summary-tip { display:none; }

  .kga-cd-progress { max-width:700px; }
  .kga-cd-type-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kga-cd-radio-row { gap:8px; }
  .kga-cd-page .kga-cd-radio-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .kga-cd-page .kga-cd-radio-row label { min-width:0; }
}

@media (max-width: 600px) {
  .kga-cd-page { padding:8px 10px 35px; }
  .kga-cd-hero { padding:27px 15px 25px; border-radius:15px; }
  .kga-cd-eyebrow { font-size:8px; letter-spacing:1.35px; }
  .kga-cd-hero h1 { font-size:29px; line-height:1.08; margin-top:7px; }
  .kga-cd-hero p { font-size:10px; line-height:1.5; }
  .kga-cd-trust { margin-top:12px; gap:5px; flex-direction:row; justify-content:center; font-size:7px; }

  .kga-cd-progress { width:100%; padding:0 2px; margin-bottom:10px; }
  .kga-cd-progress-step { min-width:0; width:20%; font-size:6px; gap:3px; }
  .kga-cd-progress-step b { width:25px; height:25px; font-size:6px; }
  .kga-cd-progress-line { top:12px; left:10%; right:10%; }

  .kga-cd-card { padding:15px; border-radius:14px; }
  .kga-cd-section-head { gap:9px; margin-bottom:16px; }
  .kga-cd-section-head>span { font-size:9px; }
  .kga-cd-section-head h2 { font-size:17px; }
  .kga-cd-section-head p { font-size:9px; }

  .kga-cd-type-grid { grid-template-columns:1fr; gap:8px; }
  .kga-cd-choice-box { padding:11px 12px; }
  .kga-cd-choice-box b { font-size:11px; }
  .kga-cd-choice-box small { font-size:8px; }

  .kga-cd-page .kga-cd-radio-row { grid-template-columns:1fr 1fr; gap:7px; }
  .kga-cd-page .kga-cd-radio-row label {
    min-height:58px;
    padding:10px 8px 10px 31px;
    border-radius:12px;
    font-size:9px;
    line-height:1.25;
  }
  .kga-cd-page .kga-cd-radio-row input { left:10px; width:15px; height:15px; }

  .kga-cd-field { margin-bottom:13px; }
  .kga-cd-field label { font-size:10px; }
  .kga-cd-field input,
  .kga-cd-field textarea,
  .kga-cd-field select { padding:10px; font-size:11px; }
  .kga-cd-field textarea { min-height:90px; }
  .kga-cd-grid-2 { grid-template-columns:1fr; gap:0; }
  .kga-cd-span-2 { grid-column:auto; }

  .kga-cd-upload { padding:12px; gap:9px; align-items:flex-start; }
  .kga-cd-upload-icon { width:34px; height:34px; font-size:16px; }
  .kga-cd-upload>div:nth-child(2) { flex:1 1 calc(100% - 45px); min-width:0; }
  .kga-cd-upload b { font-size:11px; }
  .kga-cd-upload p { font-size:8px; }
  .kga-cd-upload-btn { width:100%; margin:0; text-align:center; padding:10px; }

  .kga-cd-qr { display:block; }
  .kga-cd-qr label { display:block; font-size:9px; line-height:1.35; }
  .kga-cd-qr select { width:100%; margin:8px 0 0; }

  .kga-cd-nav { gap:8px; margin-top:10px; }
  .kga-cd-back,
  .kga-cd-next,
  .kga-cd-submit { min-height:42px; padding:10px 13px; font-size:10px; }
  .kga-cd-next span,
  .kga-cd-submit span { margin-left:7px; }
  .kga-cd-final-note { padding:11px; }

  .kga-cd-summary-inner { padding:13px; }
  .kga-cd-summary-top { gap:7px; }
  .kga-cd-summary-label { font-size:7px; letter-spacing:1.2px; }
  .kga-cd-live-dot { font-size:6px; padding:3px 5px; }
  .kga-cd-summary-title { font-size:16px; }
  .kga-cd-summary-copy { font-size:8px; }
  .kga-cd-live-selection { padding:8px; }
  .kga-cd-live-selection small { font-size:6px; }
  .kga-cd-selected-type { font-size:9px; }
  .kga-cd-summary-steps { gap:3px; }
  .kga-cd-summary-steps i { width:23px; height:23px; flex-basis:23px; font-size:6px; }
  .kga-cd-summary-steps span { font-size:6px; }
  .kga-cd-summary-steps b { font-size:5px; }

  .kga-cd-confirmation { padding:35px 15px 30px; margin:6px auto 25px; border-radius:16px; }
  .kga-cd-confirmation-icon { width:56px; height:56px; font-size:24px; margin-bottom:14px; }
  .kga-cd-confirmation-kicker { font-size:8px; letter-spacing:1.5px; }
  .kga-cd-confirmation h2 { font-size:28px; }
  .kga-cd-confirmation > p { font-size:10px; line-height:1.65; }
  .kga-cd-confirmation-id { min-width:0; width:100%; max-width:230px; margin:19px auto 13px; }
  .kga-cd-confirmation-next { padding:12px; }
  .kga-cd-confirmation-home { max-width:100%; justify-content:center; padding:11px 15px; font-size:10px; }
}

@media (max-width: 380px) {
  .kga-cd-page { padding-left:7px; padding-right:7px; }
  .kga-cd-hero h1 { font-size:25px; }
  .kga-cd-card { padding:13px; }
  .kga-cd-page .kga-cd-radio-row { grid-template-columns:1fr; }
  .kga-cd-page .kga-cd-radio-row label { min-height:52px; }
  .kga-cd-nav { flex-wrap:wrap; }
  .kga-cd-back { flex:0 0 auto; }
  .kga-cd-next,.kga-cd-submit { flex:1 1 auto; }
  .kga-cd-summary-steps span { font-size:5.5px; }
}


/* v1.1.5 — full responsive pass + softer placeholder text.
   Strictly scoped to the Custom Design Request page. */
.kga-cd-page,
.kga-cd-page .kga-cd-form,
.kga-cd-page .kga-cd-layout,
.kga-cd-page .kga-cd-steps,
.kga-cd-page .kga-cd-step,
.kga-cd-page .kga-cd-card,
.kga-cd-page .kga-cd-grid-2,
.kga-cd-page .kga-cd-type-grid,
.kga-cd-page .kga-cd-summary,
.kga-cd-page .kga-cd-summary-inner {
  width:100%;
  min-width:0;
}

.kga-cd-page input::placeholder,
.kga-cd-page textarea::placeholder {
  color:#AEB8C8 !important;
  opacity:1 !important;
}
.kga-cd-page input::-webkit-input-placeholder,
.kga-cd-page textarea::-webkit-input-placeholder { color:#AEB8C8 !important; opacity:1 !important; }
.kga-cd-page input::-moz-placeholder,
.kga-cd-page textarea::-moz-placeholder { color:#AEB8C8 !important; opacity:1 !important; }
.kga-cd-page input:-ms-input-placeholder,
.kga-cd-page textarea:-ms-input-placeholder { color:#AEB8C8 !important; opacity:1 !important; }

@media (max-width: 820px) {
  .kga-cd-page {
    width:100% !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:hidden;
  }
  .kga-cd-layout {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .kga-cd-steps,
  .kga-cd-summary { width:100% !important; max-width:none !important; }
  .kga-cd-step { width:100% !important; max-width:none !important; }
  .kga-cd-card { width:100% !important; max-width:none !important; }
  .kga-cd-section-head,
  .kga-cd-field,
  .kga-cd-nav,
  .kga-cd-final-note { min-width:0; max-width:100%; }

  .kga-cd-summary { position:static !important; }
  .kga-cd-summary-inner { overflow:hidden; }

  .kga-cd-grid-2 { width:100%; }
  .kga-cd-grid-2 > * { min-width:0; }
  .kga-cd-field input,
  .kga-cd-field textarea,
  .kga-cd-field select { min-width:0; max-width:100%; }

  .kga-cd-upload { width:100%; max-width:100%; min-width:0; }
  .kga-cd-upload > * { min-width:0; }
  .kga-cd-upload-btn { max-width:100%; }
}

@media (max-width: 600px) {
  .kga-cd-page { padding-left:10px !important; padding-right:10px !important; }
  .kga-cd-hero { width:100%; max-width:100%; }

  .kga-cd-progress { overflow:visible; }
  .kga-cd-progress-step { flex:1 1 0; width:auto; }
  .kga-cd-progress-step span { max-width:100%; overflow-wrap:anywhere; text-align:center; }

  .kga-cd-section-head { align-items:flex-start; }
  .kga-cd-section-head h2 { overflow-wrap:anywhere; }

  .kga-cd-type-grid,
  .kga-cd-grid-2 { grid-template-columns:1fr !important; }
  .kga-cd-span-2 { grid-column:auto !important; }

  .kga-cd-page .kga-cd-radio-row { grid-template-columns:1fr !important; }
  .kga-cd-page .kga-cd-radio-row label { width:100%; min-width:0; }

  .kga-cd-upload {
    display:grid !important;
    grid-template-columns:34px minmax(0,1fr) !important;
    align-items:start !important;
  }
  .kga-cd-upload > div:nth-child(2) { min-width:0; width:100%; }
  .kga-cd-upload-btn {
    grid-column:1 / -1;
    width:100% !important;
    margin:4px 0 0 !important;
    display:block;
  }

  .kga-cd-qr { width:100%; }
  .kga-cd-qr select { width:100% !important; max-width:100%; }

  .kga-cd-nav {
    display:flex !important;
    flex-wrap:wrap;
    width:100%;
  }
  .kga-cd-nav > button { min-width:0; }
  .kga-cd-next,
  .kga-cd-submit { flex:1 1 170px; }

  .kga-cd-summary-steps { width:100%; overflow:visible; }
  .kga-cd-summary-steps > div { min-width:0; }
  .kga-cd-summary-steps span { overflow-wrap:anywhere; }

  .kga-cd-confirmation { width:100% !important; max-width:100% !important; }
  .kga-cd-confirmation-home { width:100%; max-width:100%; }
}

@media (max-width: 380px) {
  .kga-cd-page { padding-left:7px !important; padding-right:7px !important; }
  .kga-cd-hero { padding-left:12px; padding-right:12px; }
  .kga-cd-card { padding-left:12px; padding-right:12px; }
  .kga-cd-nav { flex-direction:column; align-items:stretch; }
  .kga-cd-nav > button { width:100%; flex:1 1 auto; }
  .kga-cd-summary-steps span { font-size:6px; }
}