        body {
            font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
            background: #000;
            padding: 20px;
        }
        .container {
            max-width: 600px;
            margin: 0 auto;
            background: #ffffff;
            padding: 20px 24px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        }
        h1 {
            margin-top: 0;
        }
        label {
            display: block;
            margin-bottom: 4px;
            font-weight: 600;
        }
        input[type="text"],
        input[type="email"],
        input[type="date"],
        select,
        textarea {
            width: 40%;
            padding: 8px 10px;
            margin-bottom: 12px;
            border-radius: 4px;
            border: 1px solid #ccc;
            box-sizing: border-box;
            font: inherit;
        }
        textarea {
            min-height: 100px;
            resize: vertical;
        }
        button[type="submit"] {
            background: #007bff;
            border: none;
            color: white;
            padding: 10px 18px;
            border-radius: 4px;
            cursor: pointer;
            font-size: 15px;
        }
        button[type="submit"]:hover {
            background: #0056b3;
        }
        .error-list {
            background: #ffe5e5;
            color: #a40000;
            padding: 10px 12px;
            border-radius: 4px;
            margin-bottom: 12px;
        }
        .success-message {
            background: #e5ffe9;
            color: #006622;
            padding: 10px 12px;
            border-radius: 4px;
            margin-bottom: 12px;
        }
        header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px;
            background: #f5f5f5;
        margin: 20px auto; /* centers horizontally */
        }

        .logo img {
            height: 50px;
        }

        nav ul {
            margin: 0;
            padding: 0;
            list-style: none;
            display: flex;
            gap: 20px;
        }

        nav ul li a {
            text-decoration: none;
            color: #333;
            font-weight: bold;
        }
footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px;
            background: #f5f5f5;
        margin: 20px auto; /* centers horizontally */
        }
footer-copyright {
            text-decoration: none;
            color: #333;
            font-weight: bold;
        }
.content-wrapper {
    width: 90%;            /* 100% - 5% left - 5% right */
    margin: 20px auto;        /* center it */
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(255,255,255,0.05);
}
/*
img {
    border-radius: 10px; /* match .content-wrapper */
	margin: 20px auto; /* centers horizontally */
}
*/
.content-wrapper img {
    display: block;
    margin: 20px auto; /* centers horizontally */
    border-radius: 10px;
    max-width: 100%;
    height: auto;
}



.centered-image {
    display: block;
    margin: 20px auto;
    border-radius: 10px;
    max-width: 300px;
    max-height: 300px;
    object-fit: contain;
}

.before-after img {
    max-width: 45%;
    margin: 10px;
}

.aligned-image-left {
    float: left;
    margin: 10px 20px 10px 0;
    max-width: 300px;
    border-radius: 10px;
}

.aligned-image-right {
    float: right;
    margin: 10px 0 10px 20px;
    max-width: 300px;
    border-radius: 10px;
}

/*
%% IMAGE-RANDOM
%% IMAGE-FROM:garage
%% IMAGE-FROM:kitchen BEFORE-AFTER
%% IMAGE-LEFT
%% IMAGE-RIGHT
%% GALLERY-HERE
%% GALLERY:6
%% GALLERY:3 etc...
%% IMAGES-HERE
*/
.gallery-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    margin: 20px 0;
}

.gallery-item img {
    width: 250px;     /* set your width */
    height: 250px;    /* set your height */
    object-fit: cover;
    border-radius: 10px;
}
