.page-hero {
            background: linear-gradient(160deg, #fef7f0 0%, #fffcf8 40%, #fdf3eb 100%);
            padding: 55px 0 45px; text-align: center; position: relative; overflow: hidden;
        }
        .page-hero h1 { font-size: 2.4rem; font-weight: 700; color: #1a1a1a; position: relative; z-index: 1; }
        .page-hero .breadcrumb-custom { display: flex; justify-content: center; list-style: none; padding: 0; margin: 10px 0 0; font-size: 0.9rem; color: #888; position: relative; z-index: 1; }
        .page-hero .breadcrumb-custom li+li::before { content: "›"; padding: 0 10px; color: #ccc; }
        .page-hero .breadcrumb-custom a { color: var(--wm-gray); text-decoration: none; }
        .page-hero .breadcrumb-custom a:hover { color: var(--wm-orange); }
        .page-hero .breadcrumb-custom .active { color: var(--wm-orange); font-weight: 600; }
        .section-title { margin-bottom: 40px; text-align: center; }
        .section-title .subtitle-tag { display: inline-block; background: var(--wm-orange-light); color: var(--wm-orange); font-weight: 600; font-size: 0.82rem; padding: 5px 16px; border-radius: 16px; letter-spacing: 1px; margin-bottom: 8px; }
        .section-title h2 { font-size: 1.9rem; font-weight: 700; color: #1a1a1a; margin-bottom: 5px; }
        .section-title .title-line { display: block; width: 50px; height: 3px; background: var(--wm-orange); margin: 12px auto 0; border-radius: 2px; }
        @media (max-width: 767.98px) {
            .page-hero h1 { font-size: 1.8rem; }
            .section-title h2 { font-size: 1.5rem; }
        }

        .cases-tabs-section { padding: 70px 0; background: #fff; }
        .nav-tabs-wrapper { display: flex; justify-content: center; margin-bottom: 30px; }
        .nav-tabs-custom {  gap: 6px; display: flex; flex-wrap: wrap; justify-content: center; }
        .nav-tabs-custom .nav-link {
            border: none; border-radius: 24px; color: #555; font-weight: 600; font-size: 0.9rem;
            padding: 9px 22px; transition: all 0.25s; letter-spacing: 0.5px; background: transparent;
            margin: 0 2px;
        }
        .nav-tabs-custom .nav-link:hover { color: var(--wm-orange); background: var(--wm-orange-light); }
        .nav-tabs-custom .nav-link.active { background: var(--wm-orange); color: #fff; border: none; box-shadow: 0 4px 14px rgba(242,104,34,0.3); }
        .nav-tabs-custom .nav-link i { font-size: 1rem; }

        .case-card {
            background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid #f0f0f0;
            box-shadow: 0 2px 8px rgba(0,0,0,0.02); height: 100%; transition: all 0.3s;
            display: flex; flex-direction: column;
        }
        .case-card:hover { box-shadow: 0 10px 30px rgba(0,0,0,0.08); border-color: #e0e0e0; transform: translateY(-5px); }
        .case-card .card-img {
            height: 180px; background: linear-gradient(135deg, #fde8db 0%, #e6f0ff 100%);
            display: flex; align-items: center; justify-content: center; font-size: 2.8rem; color: #ccc; position: relative;
        }
        .case-card .card-img .case-badge {
            position: absolute; top: 12px; left: 12px; background: rgba(0,0,0,0.55); color: #fff;
            font-size: 0.7rem; padding: 4px 10px; border-radius: 12px; font-weight: 500; letter-spacing: 0.5px;
        }
        .case-card .card-body { padding: 18px 20px 20px; flex: 1; display: flex; flex-direction: column; }
        .case-card .card-title { font-size: 1.05rem; font-weight: 700; color: #1a1a1a; margin-bottom: 6px; line-height: 1.4; }
        .case-card .card-text { font-size: 0.85rem; color: #666; line-height: 1.6; margin-bottom: 12px; flex: 1; }
        .case-card .card-highlight { font-size: 0.8rem; color: var(--wm-orange); font-weight: 600; margin-bottom: 10px; }
        .case-card .card-highlight i { margin-right: 3px; }
        .case-card .btn-case-detail {
            align-self: flex-start; background: transparent; color: var(--wm-orange);
            border: 1.5px solid var(--wm-orange); border-radius: 20px; padding: 5px 16px;
            font-weight: 600; font-size: 0.8rem; transition: all 0.25s; text-decoration: none;
        }
        .case-card .btn-case-detail:hover { background: var(--wm-orange); color: #fff; }