/* =========================================================
   PRODUCT APPLICATION FORM - V31
   ========================================================= */

.product-application-card{
    position:sticky;
    top:104px;
    padding:24px;
    border:1px solid var(--line);
    border-radius:18px;
    background:#fff;
    box-shadow:0 18px 42px -34px rgba(11,30,61,.35);
}

.product-application-head{
    margin-bottom:18px;
}

.product-application-head h2{
    margin:13px 0 7px;
    color:var(--navy);
    font-size:1.35rem;
    line-height:1.25;
}

.product-application-head p{
    margin:0;
    color:var(--ink-soft);
    font-size:.8rem;
    line-height:1.55;
}

.product-application-form{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.product-application-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.product-application-field{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
}

.product-application-field label{
    color:var(--navy);
    font-size:.76rem;
    font-weight:700;
}

.product-application-field label span{
    color:#d93025;
}

.product-application-field input,
.product-application-field textarea{
    width:100%;
    min-width:0;
    padding:10px 11px;
    border:1px solid #D5DFEE;
    border-radius:10px;
    outline:none;
    background:#fff;
    color:var(--navy);
    font:inherit;
    font-size:.82rem;
    line-height:1.45;
    transition:border-color .2s ease, box-shadow .2s ease;
}

.product-application-field textarea{
    min-height:62px;
    resize:vertical;
}

.product-application-field input:focus,
.product-application-field textarea:focus{
    border-color:var(--royal);
    box-shadow:0 0 0 3px rgba(32,72,162,.08);
}

.product-application-product{
    min-height:41px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:0 11px;
    border:1px solid #DCE5F2;
    border-radius:10px;
    background:#F6F9FE;
    color:var(--navy);
    font-size:.82rem;
    font-weight:700;
}

.product-application-product i{
    color:var(--royal);
}

.product-application-submit{
    width:100%;
    margin-top:2px;
}

.product-application-note{
    margin:0;
    color:#7786A4;
    font-size:.68rem;
    line-height:1.5;
    text-align:center;
}

.product-application-alert{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-bottom:14px;
    padding:11px 12px;
    border-radius:10px;
    font-size:.76rem;
    line-height:1.5;
}

.product-application-alert.success{
    border:1px solid #B9E4CF;
    background:#F0FBF5;
    color:#17623C;
}

.product-application-alert.error{
    border:1px solid #F0C6C3;
    background:#FFF5F4;
    color:#8B241E;
}

.product-application-alert ul{
    margin:4px 0 0;
    padding-left:17px;
}

@media(max-width:1000px){
    .product-application-card{
        position:static;
    }
}

@media(max-width:620px){
    .product-application-card{
        padding:20px 16px;
        border-radius:15px;
    }

    .product-application-row{
        grid-template-columns:1fr;
    }
}