* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #faf3e8; color: #3d2b1f; font-family: 'Lora', serif; line-height: 1.7; }
h1, h2, h3 { font-family: 'Playfair Display', serif; }
.container { max-width: 1000px; margin: 0 auto; padding: 0 24px; }

/* Montero banner (identical across all 3 example pages) */
.mwf-banner { position: sticky; top: 0; z-index: 500; background: #0a0a0f; color: #f2ede4; text-align: center; padding: 10px 16px; font-family: Arial, sans-serif; font-size: 0.85rem; font-weight: 700; }
.mwf-banner a { color: #a855f7; text-decoration: underline; margin-left: 6px; }
.mwf-banner a:hover { color: #7c3aed; }

.hero { min-height: 65vh; display: flex; align-items: center; text-align: center; background: linear-gradient(160deg, #f6ead6 0%, #faf3e8 60%); }
.hero .container { max-width: 680px; }
.eyebrow { color: #c1694f; font-size: 0.85rem; letter-spacing: 3px; font-weight: 700; margin-bottom: 14px; font-family: 'Lora', serif; }
.hero h1 { font-size: clamp(2.2rem, 5.5vw, 3.4rem); font-weight: 700; line-height: 1.15; margin-bottom: 20px; color: #3d2b1f; }
.hero-sub { font-size: 1.1rem; font-style: italic; color: #6b5544; margin-bottom: 32px; }
.btn { display: inline-block; background: #c1694f; color: #faf3e8; padding: 14px 30px; font-family: 'Lora', serif; font-weight: 500; border-radius: 30px; text-decoration: none; transition: background 0.2s ease; }
.btn:hover { background: #a8543d; }

.favorites { padding: 90px 0; }
.favorites h2 { text-align: center; font-size: 2.2rem; margin-bottom: 20px; color: #3d2b1f; }
.story { max-width: 620px; margin: 0 auto 50px; text-align: center; color: #6b5544; font-style: italic; }
.favorites-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 24px; }
.favorite-item { text-align: center; padding: 28px 20px; background: #f6ead6; border: 1px solid #ecdcc2; border-radius: 6px; }
.favorite-item h3 { font-family: 'Playfair Display', serif; font-size: 1.15rem; color: #3d2b1f; margin-bottom: 10px; }
.favorite-item .price { color: #c9a24b; font-weight: 700; }

.testimonials { padding: 90px 0; background: #f6ead6; }
.testimonials h2 { text-align: center; font-size: 2.2rem; margin-bottom: 48px; color: #3d2b1f; }
.testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.testimonial { background: #faf3e8; border-radius: 6px; padding: 30px; }
.testimonial .quote { font-style: italic; color: #3d2b1f; margin-bottom: 14px; }
.testimonial .author { color: #c1694f; font-weight: 600; font-size: 0.9rem; }