/* PAGE */
body {
    background: #f3f7f2;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* FORM CARD */
.custom-form-card {
    border-radius: 30px;
    border: 1px solid rgba(15, 90, 79, 0.10);
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(11, 63, 56, 0.10);
    max-width: 950px;
    margin: auto;
    overflow: hidden;
}

/* HEADER */
.card-header {
    background: #0b3f38 !important;
    padding: 30px 20px !important;
    border: none !important;
    position: relative;
}

    .card-header h4 {
        font-size: 30px;
        font-weight: 700;
        letter-spacing: -0.03em;
        color: #ffffff;
        margin: 0;
    }

    .card-header::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 80px;
        height: 4px;
        border-radius: 999px;
        background: #b9ef54;
    }

/* BODY */
.card-body {
    padding: 45px;
}

/* SECTION TITLES */
.form-section {
    color: #0b3f38 !important;
    font-size: 26px;
    font-weight: 500 !important;
    letter-spacing: -0.03em;
    margin-bottom: 22px !important;
    position: relative;
}

    .form-section::after {
        content: "";
        display: block;
        width: 70px;
        height: 4px;
        background: #b9ef54;
        margin: 10px auto 0;
        border-radius: 999px;
    }

/* LABELS */
.form-label {
    font-weight: 700;
    color: #113d38;
    margin-bottom: 8px;
    font-size: 16px;
}

/* INPUTS */
.form-control,
.form-select {
    border-radius: 16px;
    border: 1px solid rgba(15, 90, 79, 0.12);
    background: #ffffff;
    min-height: 56px;
    padding: 14px 18px;
    font-size: 15px;
    color: #113d38;
    transition: all 0.25s ease;
    box-shadow: none;
}

textarea.form-control {
    min-height: 140px;
    resize: none;
    padding-top: 16px;
}

.form-control::placeholder,
.form-select {
    color: #7b8f8a;
}

    .form-control:focus,
    .form-select:focus {
        border-color: #8fce3f;
        box-shadow: 0 0 0 5px rgba(185, 239, 84, 0.18);
    }

/* BUTTON */
.submit-product-btn {
    min-height: 58px;
    padding: 0 34px;
    border-radius: 16px;
    border: none;
    background: #0b3f38;
    font-weight: 700;
    font-size: 15px;
    color: #b9ef54;
    box-shadow: 0 18px 40px rgba(11, 63, 56, 0.20);
    transition: all 0.25s ease;
}

    .submit-product-btn:hover {
        background: #0f5a4f;
        color: #ffffff !important;
        transform: translateY(-4px);
        box-shadow: 0 24px 50px rgba(11, 63, 56, 0.28);
    }

    .submit-product-btn i {
        margin-right: 8px;
    }

/* FORM SPACING */
.row.g-3 {
    --bs-gutter-y: 1.4rem;
}

/* MOBILE */
@media (max-width: 768px) {

    .card-body {
        padding: 28px 20px;
    }

    .card-header h4 {
        font-size: 24px;
    }

    .form-section {
        font-size: 22px;
    }

    .submit-product-btn {
        width: 100%;
    }
}



/* FORM CARD */ /*.custom-form-card {
    border-radius: 16px;
    border: none;
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    max-width: 900px;
    margin: auto;
}*/

/* HEADER */ /*.card-header {
    border-radius: 14px;
    backdrop-filter: blur(6px);
    background: linear-gradient(135deg, #ff7f50, #ff4500) !important;
    padding: 22px 15px !important;
    border: none !important;
    position: relative !important;
    overflow: hidden !important;
}

    .card-header::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 45%;
        width: 10%;
        height: 3px;
        background: rgba(255, 255, 255, 0.4);
        border-radius: 10px;
    }*/

/* SECTION TITLES */ /*.form-section {
    font-weight: 700;
    color: #ff4500;
    @* border-bottom: 2px solid #ff7f50;
    *@ padding-bottom: 6px;
    display: inline-block;
}*/


/* INPUTS */ /*.form-label {
    font-weight: 600;
}

.form-control,
.form-select {
    border-radius: 10px;
    border: 2px solid #eee;
    padding: 10px;
    transition: 0.2s ease;
    padding: 14px 12px;
}


    .form-control:focus,
    .form-select:focus {
        border-color: #ff5a2f;
        box-shadow: 0 0 0 3px rgba(255,90,40,0.15);
    }*/



/* BUTTON */ /*.submit-product-btn {
    background: linear-gradient(135deg,#ff7f50,#ff4500);
    border: none;
    padding: 10px 22px;
    border-radius: 10px;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 6px 18px rgba(255,90,40,0.25);
    transition: 0.25s ease;
}



    .submit-product-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 25px rgba(255,90,40,0.35);
        color: #fff !important;
    }*/