@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
  font-family: "Poppins", sans-serif;
}

:root {
  --Neutral-White: #FFF;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

a {
  text-decoration: navajowhite;
}

ul, ol, li {
  list-style: none;
}

body {
  overflow-x: hidden;
}

.hover:hover {
  cursor: pointer;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  transition: all 0.3s ease;
}

input, button {
  outline: none;
}

/* Cho Chrome, Safari, Edge */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Cho Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.form_group {
  /* Style checkbox */
}

.form_group .lv_row {
  --bs-gutter-x: 24px;
  row-gap: 16px;
}

.form_group .wpcf7-not-valid-tip ~ * {
  display: none;
}

.form_group br {
  display: none !important;
}

.form_group .lv_col_12 {
  width: 100%;
}

.form_group .lv_col_6 {
  width: 50%;
}

@media (max-width: 767px) {
  .form_group .lv_col_6 {
    width: 100%;
  }
}

.form_group .wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.form_group .wpcf7-not-valid-tip {
  font-size: 12px;
}

.form_group .form_label {
  margin-bottom: 8px;
  color: var(--Gray-800, #1F2937);
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: block;
}

.form_group .req {
  color: red;
}

.form_group .form_control {
  display: block;
  width: 100%;
  height: 48px;
  padding: 16px;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
  outline: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  color: var(--Gray-600, #4B5563);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  border-radius: 4px;
  border: 1px solid var(--Gray-200, #E5E7EB) !important;
  background: var(--Gray-50, #F9FAFB);
}

.form_group .form_control.wpcf7-not-valid {
  border: 1px solid red !important;
}

.form_group select.form_control {
  padding: 8px 16px;
  width: 100%;
  height: 44px;
  border: 1px solid #ccc;
  font-size: 16px;
  background-color: #fff;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
  border-radius: 5px;
  border: 1px solid #003B4C;
  color: #003B4C;
  outline: none !important;
}

.form_group select.form_control.wpcf7-not-valid {
  border: 1px solid red !important;
}

.form_group textarea.form_control {
  min-height: 102px;
  resize: vertical;
}

.form_group .form_control[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
  -webkit-appearance: none;
}

.form_group .form_select {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 12px 15px;
  font-size: 14px;
  width: 100%;
  border-radius: 4px;
}

.form_group .form_file {
  display: none;
}

.form_group .form_note {
  color: #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
}

.form_group .form_checkbox {
  margin-right: 0px;
  display: flex;
}

.form_group .form_checkbox .wpcf7-list-item {
  margin: 0px !important;
}

.form_group .wpcf7-checkbox input[type="checkbox"] {
  display: none;
}

.form_group .wpcf7-checkbox .wpcf7-list-item-label {
  padding-left: 28px !important;
  position: relative !important;
  font-size: 16px !important;
  color: #003B4C !important;
  display: block;
}

.form_group .wpcf7-checkbox .wpcf7-list-item-label a {
  color: #003B4C !important;
  text-decoration: underline;
  display: block;
}

.form_group .wpcf7-checkbox input[type="checkbox"] + .wpcf7-list-item-label::before {
  content: "" !important;
  position: absolute;
  left: 0px;
  top: 3px;
  width: 16px !important;
  height: 16px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34141_1002)'%3E%3Cpath d='M0.5 4C0.5 1.79086 2.29086 0 4.5 0H12.5C14.7091 0 16.5 1.79086 16.5 4V12C16.5 14.2091 14.7091 16 12.5 16H4.5C2.29086 16 0.5 14.2091 0.5 12V4Z' fill='white'/%3E%3C/g%3E%3Cpath d='M4.5 0.5H12.5C14.433 0.5 16 2.067 16 4V12C16 13.933 14.433 15.5 12.5 15.5H4.5C2.567 15.5 1 13.933 1 12V4C1 2.067 2.567 0.5 4.5 0.5Z' stroke='%23003B4C' stroke-linecap='round'/%3E%3Cdefs%3E%3CclipPath id='clip0_34141_1002'%3E%3Cpath d='M0.5 4C0.5 1.79086 2.29086 0 4.5 0H12.5C14.7091 0 16.5 1.79086 16.5 4V12C16.5 14.2091 14.7091 16 12.5 16H4.5C2.29086 16 0.5 14.2091 0.5 12V4Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.form_group .wpcf7-checkbox input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_34133_379)'%3E%3Cpath d='M0.5 4C0.5 1.79086 2.29086 0 4.5 0H12.5C14.7091 0 16.5 1.79086 16.5 4V12C16.5 14.2091 14.7091 16 12.5 16H4.5C2.29086 16 0.5 14.2091 0.5 12V4Z' fill='%23003B4C'/%3E%3Cpath d='M13.8334 4L6.50008 11.3333L3.16675 8' stroke='%23F5F5F5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_34133_379'%3E%3Cpath d='M0.5 4C0.5 1.79086 2.29086 0 4.5 0H12.5C14.7091 0 16.5 1.79086 16.5 4V12C16.5 14.2091 14.7091 16 12.5 16H4.5C2.29086 16 0.5 14.2091 0.5 12V4Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.form_group .form_btn_block {
  text-align: center;
  display: flex;
  justify-content: center;
}

.form_group .form_btn_block .form_btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none !important;
  outline: none !important;
  cursor: pointer;
  transition: background-color 0.3s ease;
  padding: 12px 16px;
  font-size: 16px;
  font-style: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 8px;
  background-color: var(--Primary-300, #1263D3) !important;
  color: var(--White, #FFF) !important;
  font-weight: 600;
  line-height: var(--Line-height-text-md, 24px);
  padding-right: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 2.25C10.5716 2.25 8.68657 2.82183 7.08319 3.89317C5.47982 4.96451 4.23013 6.48726 3.49218 8.26884C2.75422 10.0504 2.56114 12.0108 2.93735 13.9021C3.31355 15.7934 4.24215 17.5307 5.60571 18.8943C6.96928 20.2579 8.70656 21.1865 10.5979 21.5627C12.4892 21.9389 14.4496 21.7458 16.2312 21.0078C18.0127 20.2699 19.5355 19.0202 20.6068 17.4168C21.6782 15.8134 22.25 13.9284 22.25 12C22.2473 9.41498 21.2192 6.93661 19.3913 5.10872C17.5634 3.28084 15.085 2.25273 12.5 2.25ZM12.5 20.25C10.8683 20.25 9.27326 19.7661 7.91655 18.8596C6.55984 17.9531 5.50242 16.6646 4.878 15.1571C4.25358 13.6496 4.0902 11.9908 4.40853 10.3905C4.72685 8.79016 5.51259 7.32015 6.66637 6.16637C7.82016 5.01259 9.29017 4.22685 10.8905 3.90852C12.4909 3.59019 14.1497 3.75357 15.6571 4.37799C17.1646 5.00242 18.4531 6.05984 19.3596 7.41655C20.2661 8.77325 20.75 10.3683 20.75 12C20.7475 14.1873 19.8775 16.2843 18.3309 17.8309C16.7843 19.3775 14.6873 20.2475 12.5 20.25ZM16.7806 11.4694C16.8504 11.539 16.9057 11.6217 16.9434 11.7128C16.9812 11.8038 17.0006 11.9014 17.0006 12C17.0006 12.0986 16.9812 12.1962 16.9434 12.2872C16.9057 12.3783 16.8504 12.461 16.7806 12.5306L13.7806 15.5306C13.6399 15.6714 13.449 15.7504 13.25 15.7504C13.051 15.7504 12.8601 15.6714 12.7194 15.5306C12.5786 15.3899 12.4996 15.199 12.4996 15C12.4996 14.801 12.5786 14.6101 12.7194 14.4694L14.4397 12.75H8.75C8.55109 12.75 8.36033 12.671 8.21967 12.5303C8.07902 12.3897 8 12.1989 8 12C8 11.8011 8.07902 11.6103 8.21967 11.4697C8.36033 11.329 8.55109 11.25 8.75 11.25H14.4397L12.7194 9.53063C12.5786 9.38989 12.4996 9.19902 12.4996 9C12.4996 8.80098 12.5786 8.61011 12.7194 8.46937C12.8601 8.32864 13.051 8.24958 13.25 8.24958C13.449 8.24958 13.6399 8.32864 13.7806 8.46937L16.7806 11.4694Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: right 16px top 12px;
}

.form_group .form_btn_block .form_btn:hover {
  background-color: #005EA6 !important;
}

.form_group .form_file_label {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 0px;
  width: 100%;
  cursor: pointer;
  gap: 4px;
  background-color: transparent;
}

.form_group .form_file_label::before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42 30V38C42 39.0609 41.5786 40.0783 40.8284 40.8284C40.0783 41.5786 39.0609 42 38 42H10C8.93913 42 7.92172 41.5786 7.17157 40.8284C6.42143 40.0783 6 39.0609 6 38V30M34 16L24 6M24 6L14 16M24 6V30' stroke='%23A2D460' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.form_group .form_file_label input[type="file"] {
  display: none;
}

.form_group .form_file_label a {
  font-weight: bold;
  color: #007bff;
  text-decoration: none;
}

.form_group .wpcf7-spinner {
  display: none;
}

.wpcf7-response-output {
  margin: 16px 0px 0px 0px !important;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  display: none !important;
}

/* Hiệu ứng mờ + không click */
.wpcf7 .wpcf7-submit.is-busy {
  opacity: .5;
  pointer-events: none;
}

.lv_row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}

.lv_row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.lv_col {
  --width: 50%;
  flex: 0 0 auto;
  width: var(--width);
}

/* Container */
.lv_postList__container {
  display: flex;
  flex-direction: column;
  gap: 48px;
}

@media (max-width: 767px) {
  .lv_postList__container {
    gap: 28px;
  }
}

/* Mỗi bài viết là 1 hàng flex: ảnh trái – nội dung phải */
.lv_postList__item {
  display: flex;
  align-items: center;
  gap: 32px;
}

@media (max-width: 1024px) {
  .lv_postList__item {
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .lv_postList__item {
    flex-direction: column;
  }
}

/* Ảnh bên trái (link trên ảnh) */
.lv_postList__media {
  display: block;
  flex: 0 0 410px;
  max-width: 410px;
  border-radius: 10px;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .lv_postList__media {
    flex: 0 0 300px;
    max-width: 300px;
  }
}

@media (max-width: 767px) {
  .lv_postList__media {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.lv_postList__thumb {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 820 / 480;
  object-fit: cover;
  max-width: unset !important;
}

/* Nội dung bên phải */
.lv_postList__content {
  flex: 1 1 auto;
}

@media (max-width: 767px) {
  .lv_postList__content {
    flex: 1 1 100%;
  }
}

/* Meta: tác giả • ngày */
.lv_postList__meta {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--Gray-400, #9CA3AF);
  font-size: var(--Font-size-text-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-text-sm, 20px);
}

.lv_postList__dot {
  opacity: 0.7;
}

/* Tiêu đề (link trên tiêu đề) */
.lv_postList__title {
  overflow: hidden;
  color: var(--text-headings-titles, #1F1F1F);
  text-overflow: ellipsis;
  font-size: var(--Font-size-text-xl, 20px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-text-xl, 30px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  margin-bottom: 12px;
  text-decoration: none !important;
}

.lv_postList__titleLink {
  display: flex;
  text-decoration: none !important;
}

.lv_postList__titleLink:focus,
.lv_postList__titleLink:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  /* px */
}

/* Đoạn mô tả */
.lv_postList__excerpt {
  overflow: hidden;
  color: var(--Gray-500, #6B7280);
  text-overflow: ellipsis;
  font-size: var(--Font-size-text-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-text-md, 24px);
  margin-bottom: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  align-self: stretch;
}

/* Nút xem thêm (link) */
.lv_postList__cta {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  text-decoration: none;
  color: var(--Primary-300, #1263D3) !important;
  text-align: center;
  font-size: var(--Font-size-text-md, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-text-md, 24px);
  padding: 0px;
  margin: 0px;
}

.pagination,
.woocommerce-pagination {
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.pagination .page-numbers,
.woocommerce-pagination .page-numbers {
  padding: 6px 14px;
  font-weight: 700;
  color: #1263D3 !important;
  text-decoration: none;
  font-size: 14px;
}

.pagination .page-numbers.current,
.woocommerce-pagination .page-numbers.current {
  background: #1263D3;
  border-radius: 4px;
  color: #fff !important;
}

.pagination .page-numbers.next, .pagination .page-numbers.prev,
.woocommerce-pagination .page-numbers.next,
.woocommerce-pagination .page-numbers.prev {
  padding: 0;
}

.pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover,
.woocommerce-pagination .page-numbers.next:hover,
.woocommerce-pagination .page-numbers.prev:hover {
  background: transparent;
}

.breadcrumbs {
  position: relative;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}

.breadcrumbs a,
.breadcrumbs .current,
.breadcrumbs .icon {
  color: var(--Gray-400, #9CA3AF);
  font-size: var(--Font-size-text-sm, 14px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-text-sm, 20px);
}

.breadcrumbs a.current,
.breadcrumbs .current.current,
.breadcrumbs .icon.current {
  color: var(--Primary-300, #1263D3);
}

.breadcrumbs a {
  text-decoration: none;
}

.breadcrumbs a:hover {
  text-decoration: underline;
}

.breadcrumbs .icon {
  display: inline-flex;
}

/* ===== Layout (flex + % columns) ===== */
.lv_featuredNews__grid {
  display: flex;
  /* không dùng gap để khỏi phá %; dùng padding 2 cột thay thế */
}

.lv_featuredNews__grid a {
  text-decoration: none !important;
}

.lv_featuredNews__leftCol,
.lv_featuredNews__rightCol {
  box-sizing: border-box;
  /* để padding không làm tràn chiều rộng % */
}

.lv_featuredNews__leftCol {
  width: 66.6667%;
  /* 8/12 */
  padding-right: 16px;
  /* tạo “gap” 32px (16+16) */
}

.lv_featuredNews__rightCol {
  width: 33.3333%;
  /* 4/12 */
  padding-left: 16px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* ===== Card base ===== */
.lv_featuredNews__cardLarge,
.lv_featuredNews__cardSmall {
  background: #fff;
}

.lv_featuredNews__imageWrap {
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 24px;
  display: flex;
}

.lv_featuredNews__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ===== Meta + text ===== */
.lv_featuredNews__metaRow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.lv_featuredNews__author {
  color: var(--Primary-300, #1263d3) !important;
  font-size: var(--Font-size-text-sm, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-text-sm, 20px);
  text-decoration: none !important;
}

.lv_featuredNews__date {
  color: var(--Gray-400, #9ca3af);
  font-size: var(--Font-size-text-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-text-sm, 20px);
  /* 142.857% */
}

.lv_featuredNews__title {
  overflow: hidden;
  color: var(--text-headings-titles, #1f1f1f);
  text-overflow: ellipsis;
  font-size: var(--Font-size-display-xs, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-display-xs, 32px);
  /* 133.333% */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-top: 0px;
  margin-bottom: 12px;
}

.lv_featuredNews__excerpt {
  overflow: hidden;
  color: var(--Gray-500, #6b7280);
  text-overflow: ellipsis;
  font-size: var(--Font-size-text-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-text-md, 24px);
  /* 150% */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0px;
  margin-top: 0px;
}

/* ===== Large card (giữ tỉ lệ 848×560) ===== */
.lv_featuredNews__cardLarge .lv_featuredNews__imageWrap {
  aspect-ratio: 848/560;
}

.lv_featuredNews__cardSmall .lv_featuredNews__metaRow {
  margin-bottom: 8px;
}

/* ===== Small card (giữ tỉ lệ 400×204) ===== */
.lv_featuredNews__cardSmall .lv_featuredNews__imageWrap {
  aspect-ratio: 400/204;
  margin-bottom: 16px;
}

.lv_featuredNews__cardSmall .lv_featuredNews__title {
  overflow: hidden;
  color: var(--text-headings-titles, #1f1f1f);
  text-overflow: ellipsis;
  font-size: var(--Font-size-text-lg, 18px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-text-lg, 28px);
  /* 155.556% */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  align-self: stretch;
  margin-bottom: 8px;
}

.lv_featuredNews__cardSmall .lv_featuredNews__excerpt {
  -webkit-line-clamp: 1;
  overflow: hidden;
  color: var(--Gray-500, #6b7280);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--Font-size-text-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-text-md, 24px);
  /* 150% */
  margin-bottom: 0px;
}

/* ===== Links focus ===== */
.lv_featuredNews__cardLink {
  text-decoration: none;
  color: inherit;
  display: block;
}

.lv_featuredNews__cardLink:focus-visible img {
  outline: 3px solid #93c5fd;
  outline-offset: 2px;
  border-radius: 12px;
}

/* ===== Responsive stack ===== */
@media (max-width: 767px) {
  .lv_featuredNews__grid {
    flex-direction: column;
    gap: 24px;
  }
  .lv_featuredNews__leftCol,
  .lv_featuredNews__rightCol {
    width: 100%;
    padding: 0;
  }
}

.lv_articleList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}

@media (max-width: 1024px) {
  .lv_articleList {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .lv_articleList {
    gap: 24px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.lv_articleList__imageLink {
  display: block;
  border-radius: 16px;
  overflow: hidden;
}

.lv_articleList__image {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  aspect-ratio: 405 / 288;
  border-radius: 16px;
}

.lv_articleList__content {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.lv_articleList__meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.lv_articleList__author {
  color: var(--Primary-300, #1263D3) !important;
  font-size: var(--Font-size-text-sm, 14px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-text-sm, 20px);
  text-decoration: none !important;
}

.lv_articleList__date {
  color: var(--Gray-400, #9CA3AF);
  font-size: var(--Font-size-text-sm, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-height-text-sm, 20px);
}

.lv_articleList__title {
  display: flex;
}

.lv_articleList__titleLink {
  overflow: hidden;
  color: var(--text-headings-titles, #1F1F1F) !important;
  text-overflow: ellipsis;
  font-size: var(--Font-size-text-lg, 18px);
  font-style: normal;
  font-weight: 600;
  line-height: var(--Line-height-text-lg, 28px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-decoration: none !important;
}

.lv_articleList__excerpt {
  overflow: hidden;
  color: var(--Gray-500, #6B7280);
  text-overflow: ellipsis;
  font-size: var(--Font-size-text-md, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Line-height-text-md, 24px);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

/* Slider lớn */
.lv_popup_img_slider_for {
  margin-bottom: 12px;
}

.lv_popup_img_slider_for img {
  max-width: 100%;
  width: auto;
  max-height: 60vh !important;
  object-fit: cover;
  border-radius: 0px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  margin: 0 auto;
}

/* Slider nhỏ (thumbnail) */
.lv_popup_img_slider_nav {
  margin-top: 12px;
  position: relative;
  margin-right: -6px;
  margin-left: -6px;
}

.lv_popup_img_slider_nav img {
  width: 100%;
  height: 100%;
  aspect-ratio: 202 / 144;
  object-fit: cover;
  border-radius: 8px;
  border: 2px solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Ảnh bình thường (chưa active) */
.lv_popup_img_slider_nav .slick-slide img {
  opacity: 0.4;
  transition: all 0.3s ease;
  border: 0 solid transparent;
}

/* Ảnh active */
.lv_popup_img_slider_nav .slick-current img {
  opacity: 1;
  border: 6px solid #ffffff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
}

.lv_popup_img_slider_nav .slick-current img {
  border-color: #fff;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
}

.lv_popup_img_slider_nav .slick-slide {
  padding: 0px 6px;
}

/* Ẩn arrow của slider nhỏ, chỉ hiện khi hover */
.lv_popup_img_slider_nav .slick-prev,
.lv_popup_img_slider_nav .slick-next {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.lv_popup_img_slider_nav:hover .slick-prev,
.lv_popup_img_slider_nav:hover .slick-next {
  opacity: 1;
  visibility: visible;
}

.lv_slick_style .slick-arrow {
  z-index: 99;
  position: absolute;
  display: flex;
  width: 56px;
  height: 56px;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: #2A2C2F !important;
  background-image: url(../img/NextArrowIcon.svg) !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
}

.lv_slick_style .slick-arrow.slick-next {
  right: -16px;
  transform: translate(100%, -50%);
}

.lv_slick_style .slick-arrow.slick-prev {
  left: -16px;
  transform: translate(-100%, -50%);
  background-image: url(../img/PreviousArrowIcon.svg) !important;
}

.lv_slick_style .slick-arrow::before, .lv_slick_style .slick-arrow::after {
  display: none !important;
}

.lv_slick_style .slick-arrow:hover {
  border: 1px solid #fff;
}

@media (max-width: 767px) {
  .lv_slick_style .slick-arrow {
    width: 32px;
    height: 32px;
  }
}

.lv_slick_style.lv_popup_img_slider_nav .slick-arrow {
  width: 40px;
  height: 40px;
}

@media (max-width: 767px) {
  .lv_slick_style.lv_popup_img_slider_nav .slick-arrow {
    width: 32px;
    height: 32px;
  }
}

.lv_popup_img_slider_item_thumb {
  background-color: #000;
}