.signup, .login {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.signup .container{
    max-width: 600px;
    width: 100%;
}
.login .container, form.signup-form, .profile form {
    max-width: 600px;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.signup .container h2.heading-title-md, .login .container h2.heading-title-md, .reset-password-confirm h2.heading-title-md{
    margin: 2rem 0;
}
/* .profile .form-container {
    max-width: 600px;
    width: 100%;
} */
.profile .container h2.heading-title-md{
    margin: 0;
}
.signup-form .form-group, .form-group {
    margin-bottom: 1rem;
}
.signup-form label, .login-form label, .profile-form label, .password-reset label, .reset-password-confirm label {
    display: block;
    margin-bottom: 0.5rem;
}
.signup-form input, .login-form input, .profile-form input, .password-reset input, .profile input {
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}
.profile ul.order-items {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.password-reset input, .reset-password-confirm input {
    max-width: 400px;
    width: 100%;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
}
.password-reset h2{
    margin: 2rem 0;
}
.login-form input {
    margin-bottom: 1rem;
}
.reset-done h2{
    margin-top: 1rem;
    margin-bottom: .3rem;
}
a.forgot-password {
    padding: .7rem 2rem;
    background: rgb(255, 230, 119);
    color: black;
    border-radius: 10px;
    text-align: center;
}
a.create-account {
    padding: .7rem 2rem;
    background: rgb(182 240 255);
    color: black;
    border-radius: 10px;
    text-align: center;
    margin-top: 1rem;
}
form.login-form {
    margin-bottom: 1rem;
}
textarea{
    padding: .5rem;
    width: 100%;
}
.form-group p, .form-group h3{
    margin-bottom: 1rem;
}


.order-history {
    overflow-x: auto;
    width: 100%;
}
.order-history .title{
    margin: 2rem 0;
}
.order-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.order-table th {
    background-color: #f5f5f5;
    padding: 12px 15px;
    text-align: left;
    border-bottom: 2px solid #ddd;
    color: black;
    font-size: 14px;
}

.order-table td {
    padding: 15px 10px;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    font-size: clamp(0.625rem, 0.45833333333333337rem + 0.3472222222222222vw, 0.875rem);
}
.order-table td a{
    color: var(--primary-color);
    font-weight: bolder;
}
.order-table td:last-child{
    color: black;
    font-weight: 900;
    letter-spacing: 2px;
}

.order-items li {
    margin-bottom: 5px;
}

details summary {
    cursor: pointer;
    color: #0066cc;
}
.order-item img {
    border-radius: 6px;
    object-fit: cover;
    width: 60px;
    height: 60px;
    border: 1px solid #ddd;
}
.password-reset button, .reset-password-confirm button {
    max-width: 200px;
}
label.save-address-content {
    display: flex;
    gap: 10px;
    align-items: center;
}
.save-address-content input[type="checkbox"] {
    width: 30px;
    height: 30px;
}
.address-section .address-actions form button {
    padding: 10px 0;
    margin: 10px 0;
    border-radius: 5px;
    cursor: pointer;
}
.address-section .address-card {
    margin: 40px 0;
}
.address-section .address-content p strong{
    margin-bottom: 5px;
    color: var(--primary-color)
}