.din-products-block{max-width:100%;width:100%}.din-products-form{width:100%}.din-products-grid{grid-gap:2rem 3rem;display:grid;gap:2rem 3rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}@media(max-width:991.98px){.din-products-grid{gap:1.5rem 2rem;grid-template-columns:repeat(2,1fr)}}@media(max-width:575.98px){.din-products-grid{gap:2rem;grid-template-columns:1fr}}.din-product-card{align-items:center;display:flex;flex-direction:column}.din-product-logo{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-bottom:1rem;min-height:70px;width:100%}@media(max-width:575.98px){.din-product-logo{margin-bottom:.25rem}}.din-product-logo img{height:auto;max-height:70px;max-width:200px;-o-object-fit:contain;object-fit:contain;width:auto}@media(max-width:575.98px){.din-product-logo img{max-height:60px;max-width:160px}}.din-product-logo:hover img{opacity:.8}.din-product-name-fallback{color:var(--color-grey-darken);font-size:1.25rem;font-weight:600;text-align:center}.din-input-wrapper{max-width:280px;position:relative;width:100%}@media(max-width:575.98px){.din-input-wrapper{max-width:100%}}.din-input{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;background-color:var(--color-field-bg);border:1px solid var(--color-field-bg);border-radius:4px;color:var(--color-black);font-family:var(--font-family);font-size:1rem;padding:.75rem 2.5rem .75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.din-input::-webkit-inner-spin-button,.din-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.din-input::-moz-placeholder{color:#9ca3af}.din-input::placeholder{color:#9ca3af}.din-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(81,50,145,.1);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb,81,50,145),.1);outline:none}.is-valid .din-input{border-color:#10b981;padding-right:2.5rem}.is-valid .din-input:focus{box-shadow:0 0 0 3px rgba(16,185,129,.15)}.is-invalid .din-input{border-color:#dc2626;border-color:var(--color-red,#dc2626)}.is-invalid .din-input:focus{box-shadow:0 0 0 3px rgba(220,38,38,.15)}.din-checkmark{align-items:center;color:#10b981;display:flex;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:opacity .2s ease}.is-valid .din-checkmark{opacity:1}.din-checkmark svg{height:20px;width:20px}.din-form-footer{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.din-error-message{color:#dc2626;color:var(--color-red,#dc2626);font-size:.875rem;max-height:0;opacity:0;overflow:hidden;text-align:center;transition:opacity .2s ease,max-height .2s ease}.din-error-message.is-visible{margin-bottom:.5rem;max-height:100px;opacity:1}.din-submit-btn{background-color:var(--color-primary);border:none;border-radius:8px;color:var(--color-white);font-size:1rem;font-weight:600;min-width:180px;padding:1rem 3rem;text-transform:none;transition:background-color .2s ease,transform .1s ease}.din-submit-btn:hover{background-color:var(--color-purple);color:var(--color-white);transform:translateY(-1px)}.din-submit-btn:active{transform:translateY(0)}.din-products-placeholder{background-color:#f5f5f5;border:2px dashed #d1d5db;border-radius:8px;padding:2rem;text-align:center}.din-products-placeholder p{color:var(--color-grey-darken);font-size:1rem;margin:0}.din-input.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.din-input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.din-submit-btn.focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.din-submit-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media(prefers-contrast:high){.din-input{border-width:2px}.is-valid .din-input{border-color:#047857;border-width:2px}.is-invalid .din-input{border-color:#b91c1c;border-width:2px}.din-checkmark{color:#047857}.din-error-message{color:#b91c1c}.din-submit-btn{border:2px solid var(--color-white)}}@media(prefers-reduced-motion:reduce){.din-checkmark,.din-error-message,.din-input,.din-submit-btn{transition:none}}.din-status.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}