/* ===== FS4U FORMULARZ ZAMÓWIENIA ===== */

.order-hero{
    padding:58px 0 62px;
    color:#fff;
    background:
        radial-gradient(circle at 82% 35%,rgba(0,126,255,.34),transparent 31%),
        linear-gradient(110deg,#061a39 0%,#062653 58%,#073b8f 100%);
}

.order-kicker{
    color:#68b9ff;
    letter-spacing:3px;
    font-size:12px;
    font-weight:800;
    margin-bottom:14px;
}

.order-hero h1{
    font-size:clamp(40px,5vw,60px);
    letter-spacing:-1.5px;
    margin-bottom:14px;
}

.order-hero p{
    max-width:720px;
    color:#d8e6f7;
    font-size:17px;
    line-height:1.65;
}

.order-section{
    padding:65px 0 80px;
    background:#f7faff;
}

.order-grid{
    max-width:1040px;
    margin:0 auto;
    display:grid;
    grid-template-columns:360px 1fr;
    gap:25px;
}

.order-box{
    background:#fff;
    border:1px solid #dce6f1;
    border-radius:13px;
    padding:30px;
    box-shadow:0 8px 30px rgba(10,50,100,.05);
}

.order-box.single{
    grid-column:1/-1;
    max-width:650px;
    margin:auto;
    text-align:center;
}

.order-box-kicker{
    color:#0878ff;
    letter-spacing:2px;
    font-size:11px;
    font-weight:800;
    margin-bottom:12px;
}

.order-box h2{
    font-size:27px;
    margin-bottom:8px;
}

.selected-plan{
    color:#60718c;
    font-size:15px;
}

.selected-price{
    margin:25px 0 28px;
    padding-bottom:24px;
    border-bottom:1px solid #e7edf4;
}

.selected-price strong{
    font-size:40px;
    color:#0a1b3b;
}

.selected-price span{
    display:block;
    margin-top:2px;
    color:#60718c;
    font-size:13px;
}

.selected-line{
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:12px 0;
    border-bottom:1px solid #eef2f6;
    font-size:14px;
}

.selected-line span{
    color:#60718c;
}

.selected-line strong{
    color:#173052;
    text-align:right;
}

.order-form{
    display:flex;
    flex-direction:column;
    gap:17px;
}

.order-form label{
    display:flex;
    flex-direction:column;
    gap:7px;
    color:#263b59;
    font-size:13px;
    font-weight:650;
}

.order-form input[type="text"],
.order-form input[type="email"],
.order-form input[type="tel"],
.order-form textarea{
    width:100%;
    box-sizing:border-box;
    border:1px solid #ccd9e8;
    border-radius:7px;
    background:#fff;
    padding:12px 13px;
    color:#0a1b3b;
    font:inherit;
    font-weight:400;
    outline:none;
}

.order-form textarea{
    resize:vertical;
    min-height:120px;
}

.order-form input:focus,
.order-form textarea:focus{
    border-color:#0878ff;
    box-shadow:0 0 0 3px rgba(8,120,255,.1);
}

.form-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:15px;
}

.order-form fieldset{
    border:1px solid #dce6f1;
    border-radius:8px;
    padding:15px;
}

.order-form legend{
    padding:0 6px;
    color:#263b59;
    font-size:13px;
    font-weight:700;
}

.radio-option{
    display:flex!important;
    flex-direction:row!important;
    align-items:center;
    gap:9px!important;
    font-weight:500!important;
    margin:6px 0;
}

.radio-option input{
    width:auto;
    accent-color:#0878ff;
}

.domain-field{
    margin-top:13px;
}

.consent{
    display:grid!important;
    grid-template-columns:18px 1fr;
    align-items:start;
    gap:9px!important;
    font-weight:500!important;
    color:#60718c!important;
    line-height:1.45;
}

.consent input{
    margin-top:3px;
    width:auto;
    accent-color:#0878ff;
}

.submit-order{
    border:0;
    min-height:50px;
    border-radius:7px;
    background:#0878ff;
    color:#fff;
    font-weight:750;
    font-size:14px;
    cursor:pointer;
}

.submit-order:hover{
    background:#0064dc;
}

.submit-order span{
    margin-left:9px;
}

.form-note{
    text-align:center;
    color:#7a8ba2;
    font-size:12px;
    line-height:1.5;
}

.order-message{
    grid-column:1/-1;
    padding:15px 18px;
    border-radius:8px;
    font-size:14px;
    font-weight:650;
}

.order-message.success{
    background:#e8f7ee;
    color:#14733f;
    border:1px solid #bfe8ce;
}

.order-message.warning{
    background:#fff6df;
    color:#8a5a00;
    border:1px solid #f0d58c;
}

.order-message.error{
    background:#fff0f0;
    color:#a32626;
    border:1px solid #efc0c0;
}

.order-back{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:20px;
    min-height:46px;
    padding:0 22px;
    border-radius:7px;
    background:#0878ff;
    color:#fff;
    font-weight:700;
}

@media(max-width:760px){
    .order-grid{
        grid-template-columns:1fr;
    }

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

    .order-section{
        padding-top:35px;
    }
}


/* ===== DOMENA ===== */
.domain-choice{
    border:1px solid #dce6f1;
    border-radius:9px;
    padding:12px 13px;
    margin:8px 0;
    background:#fbfdff;
    transition:.15s;
}
.domain-choice:has(input:checked){
    border-color:#0878ff;
    background:#f2f8ff;
    box-shadow:0 0 0 2px rgba(8,120,255,.06);
}
.domain-choice span{
    gap:3px!important;
}
.domain-choice strong{
    color:#173052;
    font-size:13px;
}
.domain-choice small{
    color:#71839b;
    font-size:12px;
    font-weight:400;
    line-height:1.35;
}
.domain-input-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:9px;
}
.domain-check{
    border:0;
    border-radius:7px;
    padding:0 17px;
    background:#eaf3ff;
    color:#0878ff;
    font-weight:750;
    cursor:pointer;
}
.domain-check:hover{background:#dcecff}
.domain-check:disabled{opacity:.65;cursor:wait}
.domain-result{
    min-height:18px;
    margin-top:7px;
    font-size:12px;
    font-weight:650;
}
.domain-result.success{color:#14733f}
.domain-result.error{color:#a32626}
@media(max-width:520px){
    .domain-input-row{grid-template-columns:1fr}
    .domain-check{min-height:44px}
}