.guides-wrapper { font-family: 'Helvetica Neue', Arial, sans-serif; color: #333; max-width: 1200px; margin: 0 auto; padding: 20px; }
.hero-section { text-align: center; padding: 60px 20px; background: #fff5f5; border-radius: 15px; margin-bottom: 40px; }
.hero-section h1 { font-size: 2.5em; color: #d63384; margin-bottom: 15px; }
.hero-section p { font-size: 1.2em; color: #666; max-width: 800px; margin: 0 auto; }

.grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin-bottom: 50px; }
.category-card { border: 1px solid #eee; border-radius: 12px; overflow: hidden; transition: transform 0.3s; background: #fff; text-align: center; padding-bottom: 20px; }
.category-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); }
.category-card img { width: 100%; height: 200px; object-fit: cover; }
.category-card h3 { margin: 20px 0 10px; color: #333; }
.category-card p { padding: 0 15px; color: #777; font-size: 0.9em; height: 40px; overflow: hidden; }
.btn-explore { display: inline-block; margin-top: 15px; padding: 10px 25px; background: #d63384; color: #fff; text-decoration: none; border-radius: 25px; font-weight: bold; }

.featured-article { display: flex; align-items: center; background: #f9f9f9; padding: 30px; border-radius: 15px; margin-bottom: 50px; }
.featured-article-img { flex: 1; border-radius: 10px; overflow: hidden; margin-right: 30px; }
.featured-article-content { flex: 1.5; }
.tag { background: #ffe3e3; color: #d63384; padding: 5px 12px; border-radius: 20px; font-size: 0.8em; font-weight: bold; }

.shop-cta { text-align: center; padding: 40px; border: 2px dashed #d63384; border-radius: 15px; background: #fff; }
.shop-cta h2 { color: #d63384; margin-bottom: 20px; }

@media (max-width: 768px) { .featured-article { flex-direction: column; } .featured-article-img { margin-right: 0; margin-bottom: 20px; } }