.custom-contact-form__container{width:100%}.custom-contact-form__inner{max-width:var(--ccf-max-width, 600px);margin:0 auto;text-align:var(--ccf-text-align, left)}.custom-contact-form--full-width .custom-contact-form__inner{max-width:100%}.ccf-card{background-color:var(--ccf-card-background, #ffffff);border-radius:var(--ccf-card-border-radius, 12px);border-width:var(--ccf-card-border-width, 0);border-style:solid;border-color:var(--ccf-card-border-color, #e5e5e5);padding:var(--ccf-card-padding, 32px)}.ccf-card--shadow-small{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ccf-card--shadow-medium{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ccf-card--shadow-large{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media screen and (max-width:749px){.ccf-card{padding:calc(var(--ccf-card-padding, 32px) * .75)}}.ccf-heading{margin-bottom:.5rem;font-size:var(--ccf-heading-font-size)}.ccf-subheading{margin-top:0;margin-bottom:2rem;color:var(--ccf-label-color, #1a1a1a);opacity:.8;font-size:var(--ccf-subheading-font-size, 16px)}.ccf-form{margin-top:2rem}.ccf-message{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;border-radius:8px}.ccf-message--success{background-color:#d1fae5;color:#065f46}.ccf-message--error{background-color:#fee2e2;color:#991b1b}.ccf-error-list{margin:0 0 1.5rem;padding-left:1.5rem;list-style:disc}.ccf-error-list li{color:#991b1b}.ccf-error-list a{color:inherit;text-decoration:underline}.ccf-fields{display:grid;gap:1.25rem}@media screen and (min-width:750px){.ccf-fields{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.ccf-field{display:flex;flex-direction:column;gap:.5rem}.ccf-field--full{grid-column:1 / -1}@media screen and (min-width:750px){.ccf-field--full{grid-column:1 / -1}}.ccf-label{font-size:var(--ccf-label-font-size, 14px);font-weight:500;color:var(--ccf-label-color, #1a1a1a)}.ccf-field--required .ccf-label span{color:#dc2626}.ccf-input,.ccf-select,.ccf-textarea{width:100%;padding:.875rem 1rem;font-size:var(--ccf-input-font-size, 16px);color:var(--ccf-input-text-color, #1a1a1a);background-color:var(--ccf-input-bg-color, #ffffff);border:1px solid var(--ccf-input-border-color, #e5e5e5);border-radius:8px;transition:border-color .2s ease,box-shadow .2s ease}.ccf-input[type=number]{-moz-appearance:textfield}.ccf-input[type=number]::-webkit-outer-spin-button,.ccf-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ccf-input:focus,.ccf-select:focus,.ccf-textarea:focus{outline:none;border-color:var(--ccf-button-bg, #1a365d);box-shadow:0 0 0 3px #1a365d1a}.ccf-input::placeholder,.ccf-textarea::placeholder{color:var(--ccf-input-text-color, #1a1a1a);opacity:.5}.ccf-input--error{border-color:#dc2626}.ccf-input--error:focus{box-shadow:0 0 0 3px #dc26261a}.ccf-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}.ccf-textarea{min-height:150px;resize:vertical}.ccf-field-error{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#dc2626}.ccf-submit{margin-top:2rem;text-align:var(--ccf-text-align, left)}.ccf-button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:var(--ccf-button-font-size, 16px);font-weight:600;color:var(--ccf-button-text, #ffffff);background-color:var(--ccf-button-bg, #1a365d);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.ccf-button:hover{filter:brightness(1.1)}.ccf-button:active{transform:scale(.98)}.ccf-button:focus-visible{outline:2px solid var(--ccf-button-bg, #1a365d);outline-offset:2px}.ccf-button:disabled{opacity:.6;cursor:not-allowed}.ccf-field--conditional{transition:opacity .2s ease,max-height .3s ease}.ccf-field--conditional.ccf-field--hidden{display:none}@media screen and (max-width:749px){.ccf-fields{grid-template-columns:1fr}.ccf-button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/84/assets/section-custom-contact-form.css.map */