.vault-builder{display:flex;flex-wrap:wrap;gap:0;background:#fff;align-items:flex-start}
.vault-builder .vault-controls{flex:0 0 40%;max-width:40%;min-width:280px;display:flex;flex-direction:column;gap:16px;background:#eee;padding:20px;border-radius:20px;border:1px solid #ccc}
.vault-builder .main-image{flex:0 0 60%;max-width:60%;min-width:320px;position:relative;min-height:320px;background:#fff;border-radius:12px;overflow:hidden}
.vault-options{display:flex;flex-direction:column;gap:16px}
.vault-dealer-form{display:none}
.vault-builder.show-dealer-form .vault-options{display:none}
.vault-builder.show-dealer-form .vault-dealer-form{display:block}
.vault-back-button{display:inline-flex;align-items:center;justify-content:center;padding:6px 0;border-radius:0;border:none;background:transparent !important;color:#5d87a1 !important;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:12px}
.vault-back-button::before{content:'\2190';margin-right:8px;font-size:16px;line-height:1}
.vault-back-button:hover{text-decoration:underline}
.vault-design-preview{margin-top:6px;font-size:13px;color:#111}
.vault-design-preview a{color:#111;text-decoration:underline}
.vault-builder .ginput_container_fileupload{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vault-builder .ginput_container_fileupload input[type="file"]{flex:1 1 220px}
.vault-builder .ginput_container_fileupload .vault-design-preview{margin-top:0}
.vault-builder .main-image img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block}
.vault-builder .main-image img[data-layer-image="baseImg"]{position:relative;z-index:1}
.vault-builder .main-image img.layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;transition:opacity .25s ease;border-radius:12px}
.control-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.control-row strong{flex:0 0 140px;font-size:16px;color:#111}
.thumb-group{display:flex;flex-wrap:wrap;gap:10px}
.thumb-group img{width:42px;height:42px;border-radius:6px;border:1.5px solid #d1d5db;padding:2px;cursor:pointer;transition:border-color .2s,box-shadow .2s;background:#fff;object-fit:cover}
.thumb-group img:hover,.thumb-group img.active{border-color:#2563eb;box-shadow:0 0 0 1px rgba(37,99,235,.2)}
.vault-select{flex:1 1 220px;padding:8px 10px;border-radius:8px;border:1px solid #d1d5db;font-size:15px}
.vault-builder-cta-row{display:flex;gap:12px;margin-top:18px}
.vault-builder-cta-row > *{flex:1 1 calc(50% - 6px);max-width:calc(50% - 6px);min-width:0}
.vault-download-btn,.vault-cta-button{display:flex;align-items:center;justify-content:center;text-align:center;padding:12px 16px;border-radius:10px;font-size:16px;font-weight:600;transition:background .2s,border-color .2s;gap:8px; }
.vault-download-btn::before{content:'\f019';font-size:18px; font-family: "Font Awesome 5 Free";}
.vault-download-btn{order:2;background:#fff;color:#000;border:none;cursor:pointer}
.vault-download-btn:hover{background:#1f233a;color:#fff}
.vault-cta-button::before{content:'\f002';font-size:18px; font-family: "Font Awesome 5 Free";}
.vault-cta-button{order:1;background:#a1988a !important;color:#fff !important;text-decoration:none;border:none;cursor:pointer}
.vault-cta-button:hover{background:#1f2a44;color:#fff}

.gform_title { text-align:center; font-weight: bold }
.gform_next_button, .gform_previous_button, #gform_submit_button_33 { width: 48% !important; border: 0; border-radius: 10px; font-weight:bold; font-size: 18px }
.gform_previous_button { background:#999 !important; color:#fff !important}
.gform_next_button, #gform_submit_button_33 { background:#cc0000 !important;  }

@media (max-width:1024px){
  .vault-builder{flex-direction:column}
  .vault-builder .main-image{order:-1;margin-bottom:18px}
  .vault-builder .vault-controls,
  .vault-builder .main-image{flex:1 1 100%;max-width:100%;width:100%;align-self:stretch}
  .control-row strong{flex:0 0 100%}
  .vault-builder .main-image{width:100%;min-height:0}
  .vault-builder-cta-row{flex-direction:column}
  .vault-builder-cta-row > *{flex:1 1 100%;max-width:100%;order:unset}
  .control-row{align-items:flex-start}
  .control-row{border-bottom:1px solid #d1d5db;padding-bottom:10px}
  .control-row strong{cursor:pointer;display:flex;align-items:center;justify-content:space-between}
  .control-row strong::after{content:'\25BE';font-size:25px;margin-left:12px;transition:transform .2s ease}
  .control-row .thumb-group,
  .control-row .vault-select{display:none}
  .control-row.is-open .thumb-group{display:flex}
  .control-row.is-open .vault-select{display:block}
  .control-row.is-open strong::after{transform:rotate(180deg)}
.gform_next_button, .gform_previous_button, #gform_submit_button_33 { width: 100% !important; margin: 0 0 15px }

}
@media (min-width:1025px){
  .vault-builder .vault-controls{align-self:center}
}