/* --- NỀN TẢNG --- */
.showcase-page-wrapper {
    background-color: #0F0F0F; /* Nền đen sâu cực đẹp */
    color: #FFFFFF;
    font-family: 'Segoe UI', sans-serif !important;
    overflow-x: hidden;
}

.vea-standard-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

/* --- HERO --- */
.showcase-hero { padding: 120px 0 80px; text-align: center; }
.hero-main-title { font-size: clamp(32px, 5vw, 55px); font-weight: 800; line-height: 1.1; margin: 20px 0; }
.text-gradient {
    background: linear-gradient(90deg, #FFAD06 0%, #FF6600 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    white-space: nowrap; /* Fix chữ LƯỢC rớt dòng */
}

/* --- FIX TRÀN KHUNG --- */
.swiper-master-container {
    position: relative;
    width: 100%;
    overflow: hidden; /* Cắt phần slide bị thừa khi kéo dài */
    padding: 10px 5px 60px;
}

/* --- CARD STYLE PREMIUM --- */
.legal-card {
    background: #1A1A1A; /* Màu đen nhám sang trọng */
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.05);
    transition: 0.4s ease;
}

/* XÓA GẠCH CHÂN XANH */
.legal-card a { text-decoration: none !important; border: none !important; }

.legal-card:hover {
    transform: translateY(-8px);
    border-color: #FFAD06;
}

.card-img-wrap { aspect-ratio: 3/4; overflow: hidden; }
.card-img-wrap img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; transition: 0.6s; }
.legal-card:hover img { opacity: 1; transform: scale(1.05); }

.card-content { padding: 25px; }
.card-date { color: #888; font-size: 13px; }

/* XÓA GẠCH CHÂN XANH TIÊU ĐỀ */
.card-title {
    color: #FFF !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    margin: 10px 0 20px 0 !important;
    line-height: 1.4;
    min-height: 56px;
    text-decoration: none !important;
}

.card-footer { display: flex; justify-content: space-between; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 15px; }
.btn-text { font-size: 11px; font-weight: 800; color: #FFAD06; letter-spacing: 1px; }
.btn-arrow { color: #FFAD06; font-size: 18px; }

/* --- YEAR STYLING --- */
.year-header { display: flex; align-items: center; gap: 20px; margin-bottom: 20px; }
.year-number { font-size: 40px; font-weight: 900; color: #FFAD06; }
.header-line { height: 1px; background: linear-gradient(90deg, #FFAD06, transparent); flex: 1; opacity: 0.2; }

/* --- NAVIGATION --- */
.swiper-button-next, .swiper-button-prev {
    color: #FFAD06 !important;
    background: rgba(0,0,0,0.6);
    width: 45px !important; height: 45px !important;
    border-radius: 50%;
    border: 1px solid rgba(255,173,6,0.3);
    top: 40% !important;
}
.swiper-button-next:after, .swiper-button-prev:after { font-size: 16px !important; font-weight: bold; }

/* --- ABOUT SECTION CLEAN --- */
.about-vea-section {
    padding: 120px 0;
    background-color: #0F0F0F;
}

.about-flex-row {
    display: flex;
    align-items: center;
    gap: 80px;
    flex-wrap: wrap;
}

.about-image, .about-text {
    flex: 1;
    min-width: 350px;
}

/* Ảnh tối giản sang trọng */
.about-image { position: relative; }
.about-image img {
    width: 100%;
    border-radius: 4px; /* Bo góc nhẹ kiểu chuyên nghiệp */
    filter: grayscale(30%); /* Làm ảnh trầm xuống cho sang */
    transition: 0.5s;
}
.about-image:hover img { filter: grayscale(0%); }

.image-accent-line {
    position: absolute;
    bottom: -15px; left: -15px;
    width: 100px; height: 100px;
    border-left: 3px solid #FFAD06;
    border-bottom: 3px solid #FFAD06;
    z-index: 1;
}

/* Slogan & Text */
.company-slogan {
    font-size: clamp(32px, 4vw, 48px);
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.sub-title {
    color: #FFAD06;
    font-size: 14px;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}

.company-mission p {
    color: #CCCCCC;
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 20px;
}

/* Nút bấm tinh tế */
.btn-vea-outline {
    display: inline-block;
    padding: 14px 40px;
    border: 1px solid rgba(255, 173, 6, 0.5);
    color: #FFAD06;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: 0.3s;
    margin-top: 10px;
}

.btn-vea-outline:hover {
    background: #FFAD06;
    color: #000;
    border-color: #FFAD06;
}

/* Responsive */
@media (max-width: 992px) {
    .about-flex-row { gap: 40px; }
    .company-slogan { font-size: 32px; }
}