.bivaco-projects{padding:68px 0 88px;background:#fff;color:#111827}.bivaco-projects .ai-filter{margin:0 0 32px}.bivaco-projects__stage{position:relative}.bivaco-project-panel{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);min-height:610px;background:#f5f7f9;border-radius:26px;overflow:hidden;box-shadow:0 24px 70px rgba(15,23,42,.08)}.bivaco-project-panel[hidden]{display:none}.bivaco-project-panel__visual{min-height:610px;background:#e7ebef;overflow:hidden}.bivaco-project-panel__visual img{display:block;width:100%;height:100%;object-fit:cover}.bivaco-project-panel__placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:610px;background:linear-gradient(140deg,#111827,#253249);color:#fff}.bivaco-project-panel__placeholder span{font-size:clamp(96px,16vw,220px);font-weight:800;opacity:.18}.bivaco-project-panel__content{display:flex;flex-direction:column;padding:56px 48px 48px;background:#fff}.bivaco-project-panel__badge{display:inline-flex;align-self:flex-start;align-items:center;gap:10px;padding:8px 13px;border-radius:999px;background:#edf8ff;color:#0875b9;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.bivaco-project-panel__badge span+span:before{content:"";display:inline-block;width:4px;height:4px;margin:0 10px 2px 0;border-radius:50%;background:currentColor}.bivaco-project-panel h2{margin:26px 0 14px;font-size:clamp(30px,3.2vw,52px)!important;line-height:1.06!important;letter-spacing:-.035em;color:#0f172a}.bivaco-project-panel__description{margin:0;color:#64748b;font-size:15px!important;line-height:1.75}.bivaco-project-panel__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;margin:36px 0 0;padding:28px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}.bivaco-project-panel__meta>div{min-width:0}.bivaco-project-panel__meta dt{display:flex;align-items:center;gap:8px;margin:0 0 6px;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.bivaco-project-panel__meta dt svg{width:18px;height:18px;color:#0ea5e9;flex:0 0 auto}.bivaco-project-panel__meta dd{margin:0;color:#0f172a;font-size:14px;font-weight:800;overflow-wrap:anywhere}.bivaco-project-panel__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:30px}.bivaco-project-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 18px;border:1px solid #0f172a;border-radius:999px;font-size:13px!important;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.bivaco-project-btn:hover{transform:translateY(-2px)}.bivaco-project-btn--primary{background:#0f172a;color:#fff}.bivaco-project-btn--primary:hover{color:#fff;box-shadow:0 12px 24px rgba(15,23,42,.18)}.bivaco-project-btn--secondary{background:#fff;color:#0f172a}.bivaco-projects__thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}.bivaco-project-thumb{appearance:none;display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:13px;min-width:0;padding:8px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;color:#475569;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.bivaco-project-thumb:hover,.bivaco-project-thumb.is-active{border-color:#0ea5e9;box-shadow:0 12px 28px rgba(15,23,42,.1);transform:translateY(-2px)}.bivaco-project-thumb img{display:block;width:86px;height:62px;border-radius:11px;object-fit:cover;background:#e2e8f0}.bivaco-project-thumb>span{display:block;min-width:0;font-size:12px!important;font-weight:800;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bivaco-project-thumb strong{display:block;margin-bottom:4px;color:#0ea5e9;font-size:10px}.bivaco-projects .ai-pagination{margin-top:42px}@media(max-width:991.98px){.bivaco-project-panel{grid-template-columns:1fr}.bivaco-project-panel__visual{min-height:0;aspect-ratio:16/10}.bivaco-project-panel__placeholder{min-height:0;aspect-ratio:16/10}.bivaco-project-panel__content{padding:38px 32px}.bivaco-projects__thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575.98px){.bivaco-projects{padding:44px 0 64px}.bivaco-project-panel{border-radius:18px}.bivaco-project-panel__content{padding:28px 20px}.bivaco-project-panel h2{font-size:30px!important}.bivaco-project-panel__meta{grid-template-columns:1fr;gap:17px;margin-top:26px;padding:22px 0}.bivaco-project-panel__actions{align-items:stretch}.bivaco-project-btn{width:100%}.bivaco-projects__thumbs{display:flex;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x mandatory}.bivaco-project-thumb{flex:0 0 82%;scroll-snap-align:start}}
/* ===== BIVACO PROJECT GRID V34 ===== */

.bivaco-projects {
    padding: 54px 0 78px;
    background: #ffffff;
}

.bivaco-projects .ai-filter {
    margin-bottom: 30px;
}

/* Desktop: 4 dự án / hàng */
.bivaco-project-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px 18px;
}

.bivaco-project-card {
    display: flex;
    min-width: 0;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e2eaf2;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .055);
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.bivaco-project-card:hover {
    transform: translateY(-5px);
    border-color: rgba(14, 165, 233, .24);
    box-shadow: 0 18px 38px rgba(15, 23, 42, .10);
}

/* Ảnh */
.bivaco-project-card__media {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: linear-gradient(145deg, #f3f8fc 0%, #eaf3fa 100%);
}

.bivaco-project-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .38s ease;
}

.bivaco-project-card:hover .bivaco-project-card__media img {
    transform: scale(1.028);
}

.bivaco-project-card__placeholder {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    background: linear-gradient(135deg, #eaf6ff, #f7fbff);
}

.bivaco-project-card__placeholder span {
    color: #0ea5e9;
    font-size: 45px;
    font-weight: 600;
    opacity: .35;
}

/* Nội dung */
.bivaco-project-card__body {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 14px 14px;
}

.bivaco-project-card__top {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 8px;
   margin-bottom: 6px;
}

.bivaco-project-card__number {
    flex: 0 0 auto;
    color: #0ea5e9;
    font-size: 10px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: .05em;
}

.bivaco-project-card__category {
    min-width: 0;
    overflow: hidden;
    color: #6b7b8d;
    font-size: 10px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: .045em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

/* Tên dự án */
.bivaco-project-card__title {
    display: -webkit-box;
    overflow: hidden;
    margin: 0;
    color: #182536;
    font-size: 11px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    letter-spacing: -.012em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
body.agency-theme .bivaco-project-card__title {
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
}

body.agency-theme .bivaco-project-card__title a {
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
}
.bivaco-project-card__title a {
    color: inherit;
    text-decoration: none;
}

.bivaco-project-card__title a:hover {
    color: #0b8dd3;
}

/* Link */
.bivaco-project-card__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 9px;
    color: #667085;
    font-size: 11px;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: none;
    transition: color .2s ease;
}

.bivaco-project-card__link span {
    transition: transform .2s ease;
}

.bivaco-project-card__link:hover {
    color: #0ea5e9;
}

.bivaco-project-card__link:hover span {
    transform: translateX(4px);
}

/* Pagination */
.bivaco-projects .ai-pagination {
    margin-top: 40px;
}

/* Laptop: 4 / hàng */
@media (max-width: 1199px) {
    .bivaco-project-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

/* Tablet ngang: 3 / hàng */
@media (max-width: 991px) {
    .bivaco-project-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }
}

/* Tablet/mobile: 2 / hàng */
@media (max-width: 767px) {
    .bivaco-project-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px 14px;
    }
}

/* Mobile nhỏ: 1 / hàng */
@media (max-width: 480px) {
    .bivaco-projects {
        padding: 40px 0 58px;
    }

    .bivaco-project-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
}