/* --- CSS RIÊNG CHO TRANG GIỚI THIỆU --- */

#intro-wrapper { max-width: 1200px; margin: 120px auto 50px; padding: 0 20px; }

/* Tiêu đề & Hero */
.intro-hero { text-align: center; margin-bottom: 50px; }
#intro-title { font-size: 40px; color: #fff; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px; }
#intro-title span { color: var(--accent-glow); }

/* Khung Slider Ảnh */
.intro-slider-container { width: 100%; height: 450px; border-radius: 16px; overflow: hidden; border: 1px solid var(--glossy-border-top); box-shadow: 0 10px 30px rgba(0,0,0,0.5); position: relative; background: rgba(0,0,0,0.3); }
.intro-slider { width: 100%; height: 100%; display: flex; transition: transform 0.5s ease-in-out; }
.intro-slide-img { width: 100%; height: 100%; flex-shrink: 0; background-size: cover; background-position: center; }

/* Khối Kính (Glossy Box) dùng chung */
.glossy-box { background: var(--glossy-bg); border: 1px solid var(--glossy-border-top); padding: 40px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }

/* Nội dung bài viết */
.intro-content-section { margin-bottom: 50px; }
#intro-content { color: var(--text-muted); line-height: 1.8; font-size: 16px; text-align: justify; }

/* Khối Liên hệ & Map (Chia 2 cột) */
.intro-contact-map { display: flex; gap: 30px; margin-bottom: 80px; }
.contact-box { flex: 1; display: flex; flex-direction: column; justify-content: center; }
.map-box { flex: 2; padding: 15px; } /* Cho Bản đồ rộng hơn chút */

/* Chỉnh Iframe Google Map cho nó bo tròn dính vào khung */
.map-container { width: 100%; height: 100%; min-height: 250px; border-radius: 12px; overflow: hidden; }
.map-container iframe { width: 100% !important; height: 100% !important; border: none; }

/* Responsive Mobile */
@media (max-width: 768px) {
    .intro-contact-map { flex-direction: column; }
    .intro-slider-container { height: 250px; }
    #intro-title { font-size: 28px; }
    .glossy-box { padding: 25px; }
}