/* General Styles */
body {
    font-family: 'Helvetica', sans-serif;
    margin: 0;
    padding: 0;
    background-color: #f6eae0; /* Crème background */
    color: #523f41;
    text-align: center;
}

/* Header */
header {
    padding: 30px 0;  /* Reduced padding */
    font-size: 2rem;  /* Smaller font size */
    letter-spacing: 1.5px;
}

/* Main Content Container */
.content-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Align items at the top */
    padding: 50px 30px; /* Reduced padding */
    box-sizing: border-box;
    max-width: 1100px; /* Reduced max width */
    margin: 0 auto; /* Center the content on the page */
    position: relative;
}

/* Perfume Section */
.perfume-section {
    text-align: left;
    width: 45%; /* Reduced width */
    margin-right: 5%; /* Add some margin to push the founder content further to the right */
    align-self: flex-start; /* Ensures this section stays higher up */
}

.perfume-image {
    width: 85%; /* Reduced image size */
    height: auto;
    margin-bottom: 15px; /* Reduced margin */
}

.perfume-text h2 {
    font-size: 1.8rem; /* Smaller font size */
    margin-bottom: 10px;
}

.perfume-text p {
    font-size: 1rem; /* Smaller font size */
    margin-bottom: 20px; /* Reduced spacing */
}

button {
    padding: 8px 25px; /* Reduced button size */
    font-size: 0.9rem; /* Smaller font size */
    border: 1px solid #523f41;
    background-color: #fff;
    color: #523f41;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
}

button:hover {
    background-color: #523f41;
    color: #fff;
}

/* Founders Section */
.founders-section {
    text-align: left;
    width: 35%; /* Further reduced width */
    margin-top: 100px; /* Increased margin to push it further down */
    align-self: flex-end; /* Keeps this section on the right */
}

.founders-image {
    width: 75%; /* Reduced image size */
    height: auto;
    margin-bottom: 8px; /* Smaller margin */
}

.founders-text h3 {
    font-size: 1rem; /* Smaller font size */
    margin-bottom: 6px; /* Smaller margin */
}

.founders-text p {
    font-size: 0.8rem; /* Even smaller font size */
    color: #523f41;
}


/* Ensure content is responsive on smaller screens */
@media (max-width: 768px) {
    .content-container {
        flex-direction: column; /* Stack content vertically on smaller screens */
        padding: 30px 20px; /* Adjusted padding */
    }

    .perfume-section, .founders-section {
        width: 100%; /* Make sections take full width on small screens */
        margin: 0; /* Reset margins for smaller screens */
    }

    .founders-section {
        margin-top: 50px; /* Adjust for smaller screens */
    }
}

#checkout-cart-items {
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* Remove default padding */
    text-align: center; /* Center the text */
}