body {margin: 0; font-family: 'Georgia', serif; background-color: #fef8f8; color: #4a2e2e;}
.main-header {background-color: #fbe2ea; padding: 20px; text-align: center; border-bottom: 3px solid #e8c5db;}
.main-header h1 {margin: 0; font-family: 'Brush Script MT', cursive; font-size: 3em; color: #cc6788;}
nav ul {list-style: none; padding: 0; margin-top: 10px; display: flex; justify-content: center; gap: 25px;}
nav a {text-decoration: none; font-weight: bold; color: #cc6788;}
nav a.active, nav a:hover {color: #9c4a65; border-bottom: 2px solid #9c4a65;}
.hero {background-color: #e8f0fb; text-align: center; padding: 70px 20px;}
.hero h2 {font-size: 2.5em; margin: 0; font-family: 'Brush Script MT', cursive; color: #9c4a65;}
.hero p {font-size: 1.2em; margin-top: 10px;}
.button {display: inline-block; margin-top: 20px; background-color: #cc6788; color: white; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: bold;}
.button:hover {background-color: #9c4a65;}
.intro {padding: 50px 20px; text-align: center; max-width: 800px; margin: auto;}
.shop-list {list-style: square; padding-left: 40px; text-align: left; max-width: 600px; margin: auto;}
.gallery-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; padding: 20px;}
.gallery-grid img {width: 100%; border-radius: 12px; border: 3px solid #ffddee;}
form {max-width: 500px; margin: auto; padding: 20px; background-color: #fff6fb; border-radius: 12px; border: 1px solid #ffe0f0;}
form input, form textarea {width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ddd; border-radius: 6px;}
form button {background-color: #cc6788; color: white; padding: 10px 20px; border: none; margin-top: 10px; border-radius: 20px; cursor: pointer;}
form button:hover {background-color: #9c4a65;}
footer {text-align: center; padding: 20px; background-color: #fbe2ea; font-size: 0.9em;}