/* Khu Catalogue trang chủ (grid banner). Dùng biến font hệ thống --font-sans / --font-serif. */
.oe-cat-area { background: #fff; padding: 70px 0 80px; font-family: var(--font-sans); }
.oe-cat-head { max-width: 760px; margin-bottom: 36px; }
.oe-cat-tag { display: inline-flex; align-items: center; gap: 10px; color: #e11d2a; font-size: 13px;
    font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 14px; font-family: var(--font-sans); }
.oe-cat-tag::before { content: ""; width: 28px; height: 1px; background: #e11d2a; display: inline-block; }
.oe-cat-title { font-family: var(--font-serif); font-weight: 700; font-size: 44px; line-height: 1.15; color: #111; margin: 0 0 14px; }
.oe-cat-title em { font-style: italic; color: #e11d2a; }
.oe-cat-desc { color: #6b7280; font-size: 15px; line-height: 1.7; margin: 0; font-family: var(--font-sans); }

/* Grid thẻ banner ngang lớn, bo 16px, viền nhẹ */
.oe-cat-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.oe-cat-item { position: relative; display: block; border-radius: 16px; overflow: hidden;
    background: #f3f3f3; border: 1px solid #ececec; transition: box-shadow .25s ease, transform .25s ease; align-self: start; }
.oe-cat-item:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0, 0, 0, .1); }
.oe-cat-item img { width: 100%; height: auto; object-fit: contain; display: block; transition: transform .4s ease; }
.oe-cat-item:hover img { transform: scale(1.02); }
.oe-cat-page { position: absolute; left: 14px; bottom: 14px; background: rgba(0, 0, 0, .62); color: #fff;
    font-size: 12px; font-weight: 600; padding: 4px 12px; border-radius: 999px; font-family: var(--font-sans); }

@media (max-width: 767px) { .oe-cat-grid { grid-template-columns: 1fr; } .oe-cat-title { font-size: 30px; } }
@media (max-width: 575px) { .oe-cat-title { font-size: 26px; } }

.oe-cat-download { margin-top: 32px; text-align: center; }
.oe-cat-pdf-btn { display: inline-flex; align-items: center; gap: 10px; background: #e11d2a; color: #fff;
    font-size: 15px; font-weight: 600; padding: 14px 28px; border-radius: 999px; text-decoration: none;
    font-family: var(--font-sans); transition: background .2s ease, transform .2s ease; }
.oe-cat-pdf-btn:hover { background: #b91622; color: #fff; transform: translateY(-2px); }