/**
 * Section của trang redesign — số đo lấy từ reference.
 * Class gán trong Elementor (Advanced → CSS Classes) nên vẫn chỉnh được từ UI.
 */

/* ================= BAND ============================================ */
.sl-band { position: relative; }

/* Reference dùng container 1120px căn giữa; nền band vẫn tràn hết chiều
   ngang. Trên màn nhỏ tự lùi vào bằng --sl-gutter.
   .sl-band--flush (marquee) không bị bó, giữ tràn viền. */
.sl-band:not(.sl-band--flush) > .elementor-container,
.sl-band:not(.sl-band--flush) > .e-con-inner {
  width: min(1120px, 100% - 2 * var(--sl-gutter));
  max-width: none;
  margin-inline: auto;
}
/* Elementor kit đặt .elementor-section-boxed > .elementor-container{max-width:1300px}
   với 3 class — phải bám sát bằng hoặc hơn thì mới tràn viền được. */
.elementor-section.sl-band--flush > .elementor-container {
  max-width: none;
  width: 100%;
}
.elementor-section.sl-band--flush .elementor-column > .elementor-element-populated,
.elementor-section.sl-band--flush .elementor-widget-wrap { padding: 0; }

.sl-band--paper { background-color: var(--sl-paper); }
.sl-band--bg    { background-color: var(--sl-paper); }
.sl-band--cream { background-color: var(--sl-cream); }
.sl-band--deep  { background-color: var(--sl-deep); }

/* Band có ảnh nền: phủ tối để chữ đủ tương phản */
.sl-band--media::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 33, 26, .35) 0%, rgba(7, 33, 26, .62) 100%);
  pointer-events: none;
  z-index: 1;
}
.sl-band--media > .elementor-container,
.sl-band--media > .e-con-inner { position: relative; z-index: 2; }

/* ================= EYEBROW ========================================= */
/* "—— DESTIN · FLORIDA": gạch vàng 26×1px, cách chữ 14px */
.sl-eyebrow .elementor-heading-title {
  display: flex;
  align-items: center;
  gap: 14px;
  font-family: var(--sl-font-body);
  font-size: var(--sl-fs-meta);
  font-weight: 700;
  letter-spacing: var(--sl-ls-meta);
  text-transform: uppercase;
  color: var(--sl-gold-ink);
}
.sl-eyebrow .elementor-heading-title::before {
  content: "";
  flex: 0 0 auto;
  width: 26px;
  height: 1px;
  background: var(--sl-gold);
}
.sl-eyebrow--center .elementor-heading-title { justify-content: center; }
/* Trên nền tối / ảnh, vàng đậm bị chìm — dùng vàng sáng của reference. */
.sl-band--media .sl-eyebrow .elementor-heading-title,
.sl-band--deep  .sl-eyebrow .elementor-heading-title { color: var(--sl-gold-soft); }
.sl-band--media .sl-eyebrow .elementor-heading-title::before,
.sl-band--deep  .sl-eyebrow .elementor-heading-title::before { background: var(--sl-gold-soft); }

/* ================= TIÊU ĐỀ ========================================= */
.sl-display .elementor-heading-title {
  font-family: var(--sl-font-display);
  font-weight: 400;
  font-size: var(--sl-fs-h2);
  line-height: var(--sl-lh-display);
  letter-spacing: normal;
  color: var(--sl-ink);
  max-width: 20ch;
}
.sl-display--hero .elementor-heading-title { font-size: var(--sl-fs-hero); max-width: 14ch; }
.sl-display--center .elementor-heading-title { max-width: 24ch; margin-inline: auto; text-align: center; }
.sl-band--media .sl-display .elementor-heading-title,
.sl-band--deep  .sl-display .elementor-heading-title { color: var(--sl-on-deep); }

/* ================= ĐOẠN DẪN ======================================== */
.sl-lede,
.sl-lede p {
  font-family: var(--sl-font-body);
  font-size: var(--sl-fs-body);
  line-height: var(--sl-lh-body);
  color: var(--sl-dim);
}
/* Widget chiếm trọn một dòng flex của Elementor để các nút phía sau
   xuống hàng riêng; giới hạn bề rộng đọc đặt trên <p> bên trong. */
.sl-lede { width: 100%; }
/* Theme đặt `p { margin: 0 auto 30px }` — auto hai bên cho mọi đoạn văn,
   nên phải trả margin ngang về 0, nếu không đoạn dẫn bị đẩy ra giữa. */
.sl-lede p { max-width: 36rem; margin-inline: 0; }
.sl-lede--center p { margin-inline: auto; }
.sl-lede p { margin-block: 0 1em; }
.sl-lede p:last-child { margin-bottom: 0; }
.sl-lede--center { margin-inline: auto; text-align: center; }

.sl-band--media .sl-lede, .sl-band--media .sl-lede p,
.sl-band--deep  .sl-lede, .sl-band--deep  .sl-lede p { color: rgba(247, 243, 233, .88); }

/* ================= NÚT ============================================= */
/* Nút chính: pill vàng đặc, chữ xanh thẫm — 14px/700, radius 10, pad 14/26 */
.sl-btn .elementor-button,
.sl-btn a.elementor-button,
.sl-btn .elementor-button-wrapper .elementor-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--sl-font-body);
  font-size: var(--sl-fs-small);
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 20px;
  text-transform: none;
  text-decoration: none;
  padding: 14px 26px;
  border-radius: var(--sl-radius-button);
  border: 0;
  background-color: var(--sl-gold);
  color: var(--sl-deep);
  transition: background-color var(--sl-dur-fast) var(--sl-ease),
              transform var(--sl-dur-fast) var(--sl-ease);
}
/* Theme gạch chân mọi <a>; nút phải phẳng. */
.sl-btn .elementor-button,
.sl-btn .elementor-button-text,
.sl-btn .elementor-button span {
  text-decoration: none;
  background-image: none;
  border-bottom: 0;
}
.sl-btn .elementor-button-content-wrapper { text-decoration: none; }
.elementor-widget.sl-btn .elementor-button { color: var(--sl-deep); }
.elementor-widget.sl-btn.sl-btn--ghost .elementor-button { color: var(--sl-ink); }
.sl-band--media .elementor-widget.sl-btn.sl-btn--ghost .elementor-button,
.sl-band--deep .elementor-widget.sl-btn.sl-btn--ghost .elementor-button { color: var(--sl-on-deep); }

.sl-btn .elementor-button:hover,
.sl-btn a.elementor-button:hover {
  background-color: var(--sl-gold-soft);
  color: var(--sl-deep);
  transform: translateY(-1px);
}

/* Nút phụ: viền mảnh, nền trong suốt */
.sl-btn--ghost .elementor-button,
.sl-btn--ghost a.elementor-button {
  background-color: transparent;
  border: 1px solid var(--sl-border-strong);
  color: var(--sl-ink);
}
.sl-btn--ghost .elementor-button:hover,
.sl-btn--ghost a.elementor-button:hover {
  background-color: transparent;
  border-color: var(--sl-ink);
  color: var(--sl-ink);
}
/* Nút phụ trên nền tối/ảnh */
.sl-band--media .sl-btn--ghost .elementor-button,
.sl-band--media .sl-btn--ghost a.elementor-button,
.sl-band--deep  .sl-btn--ghost .elementor-button,
.sl-band--deep  .sl-btn--ghost a.elementor-button {
  border-color: var(--sl-border-light);
  color: var(--sl-on-deep);
}
.sl-band--media .sl-btn--ghost .elementor-button:hover,
.sl-band--deep  .sl-btn--ghost .elementor-button:hover {
  border-color: var(--sl-on-deep);
  color: #fff;
}

/* Hai nút cạnh nhau */
.sl-btn-row { display: flex; flex-wrap: wrap; gap: 12px; }

/* Link dạng gạch chân + mũi tên (dùng trong thẻ) */
.sl-link .elementor-button {
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--sl-border);
  border-radius: 0;
  padding: 0 0 .35rem;
  color: var(--sl-ink);
  font-family: var(--sl-font-body);
  font-size: var(--sl-fs-meta);
  font-weight: 700;
  letter-spacing: var(--sl-ls-meta);
  text-transform: uppercase;
  transition: border-color var(--sl-dur-fast) var(--sl-ease), color var(--sl-dur-fast) var(--sl-ease);
}
.sl-link .elementor-button .elementor-button-text::after {
  content: " →";
  display: inline-block;
  transition: transform var(--sl-dur-fast) var(--sl-ease);
}
.sl-link .elementor-button:hover { color: var(--sl-forest); border-bottom-color: var(--sl-forest); }
.sl-link .elementor-button:hover .elementor-button-text::after { transform: translateX(.25rem); }
.sl-band--media .sl-link .elementor-button { color: var(--sl-on-deep); border-bottom-color: var(--sl-border-light); }

/* ================= THẺ FEATURE ===================================== */
.sl-feature .elementor-widget-image {
  overflow: hidden;
  border-radius: var(--sl-radius-media);
  background: var(--sl-cream);
}
.sl-feature .elementor-widget-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  transition: scale 1.1s var(--sl-ease);
}
.sl-feature:hover .elementor-widget-image img { scale: 1.04; }

.sl-feature .sl-feature-title .elementor-heading-title {
  font-family: var(--sl-font-display);
  font-weight: 400;
  font-size: var(--sl-fs-h3);
  color: var(--sl-ink);
  margin-top: 1.25rem;
}
.sl-feature .sl-feature-meta,
.sl-feature .sl-feature-meta p {
  font-family: var(--sl-font-body);
  font-size: var(--sl-fs-small);
  line-height: 1.7;
  color: var(--sl-dim);
  max-width: 42ch;
}
.sl-feature .sl-feature-meta p { margin-bottom: 0; margin-inline: 0; }

/* Ảnh đơn bo góc lớn (khối editorial) */
.sl-media-round .elementor-widget-container,
.sl-media-round { border-radius: var(--sl-radius-media); overflow: hidden; }
.sl-media-round img { display: block; width: 100%; height: auto; object-fit: cover; }

/* ================= TRÍCH DẪN ======================================= */
.sl-quote .elementor-heading-title {
  font-family: var(--sl-font-display);
  font-weight: 400;
  font-size: var(--sl-fs-h2);
  line-height: 1.28;
  color: var(--sl-on-deep);
  max-width: 24ch;
  margin-inline: auto;
  text-align: center;
}

/* ================= HÀNG THÔNG SỐ =================================== */
.sl-stat { border-top: 1px solid var(--sl-border); padding-top: 1.25rem; }
.sl-stat .elementor-heading-title {
  font-family: var(--sl-font-display);
  font-weight: 400;
  font-size: var(--sl-fs-h3);
  color: var(--sl-ink);
}

.sl-section-head { margin-bottom: var(--sl-space-block); }

@media (max-width: 768px) {
  .sl-feature .elementor-widget-image img { aspect-ratio: 3 / 2; }
  .sl-display .elementor-heading-title { max-width: 16ch; }
  .sl-btn-row { gap: 10px; }
}

/* Hai nút nằm cùng hàng: Elementor đặt _element_width=auto → widget inline. */
.sl-btn.elementor-widget__width-auto { margin-right: 12px; }
.sl-btn.elementor-widget__width-auto:last-child { margin-right: 0; }

/* Khối ảnh + chữ kiểu editorial (ảnh bo góc lớn bên trái) */
.sl-split .elementor-widget-image {
  overflow: hidden;
  border-radius: var(--sl-radius-media);
  background: var(--sl-cream);
}
.sl-split .elementor-widget-image img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

/* ==================================================================
 * THẺ — số đo lấy trực tiếp từ reference
 * City guide  : nền jade, radius 18, viền 1px rgba(mist,.16), media 16/10
 * Stay        : nền card, radius 20, viền 1px, media 4/3
 * Gap của Elementor là padding BÊN TRONG cột, sẽ nằm trong thẻ.
 * Nên section dùng gap=no, khoảng cách tạo bằng padding của cột.
 * ================================================================== */

/* ---- Khung thẻ chung ---------------------------------------------- */
.sl-card, .sl-feature, .sl-gallery-item { padding-inline: 8px; margin-bottom: 16px; }
.sl-feature { padding-inline: 12px; margin-bottom: 24px; }

.sl-card > .elementor-element-populated {
  background: var(--sl-jade);
  border: 1px solid rgba(188, 220, 207, .16);
  border-radius: 18px;
  overflow: hidden;
  padding: 0;
  height: 100%;
}
.sl-feature > .elementor-element-populated {
  background: var(--sl-card);
  border: 1px solid var(--sl-border);
  border-radius: 20px;
  overflow: hidden;
  padding: 0;
  height: 100%;
}
.sl-gallery-item > .elementor-element-populated { padding: 0; }

/* ---- Ảnh trong thẻ ------------------------------------------------- */
.sl-card .elementor-widget-image,
.sl-feature .elementor-widget-image { overflow: hidden; border-radius: 0; margin: 0; }
/* Dùng thuộc tính `scale` riêng, KHÔNG dùng `transform: scale()`.
   CozyStay căn giữa ảnh trong khung tỉ lệ bằng `transform: translate(-50%,-50%)`;
   đặt `transform` ở đây sẽ ghi đè mất phần translate đó và ảnh nhảy lệch góc.
   `scale` là thuộc tính độc lập nên cộng dồn với transform sẵn có. */
.sl-card .elementor-widget-image img {
  display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover;
  transition: scale 1.1s var(--sl-ease);
}
.sl-feature .elementor-widget-image img {
  display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover;
  transition: scale 1.1s var(--sl-ease);
}
.sl-card:hover .elementor-widget-image img,
.sl-feature:hover .elementor-widget-image img { scale: 1.045; }

/* ---- Thân thẻ City guide ------------------------------------------ */
.sl-card .sl-card-meta,
.sl-card .sl-card-title,
.sl-card .sl-card-text,
.sl-card .sl-card-link { padding-inline: 18px; }
.sl-card .sl-card-meta { padding-top: 18px; }
.sl-card .sl-card-link { padding-bottom: 22px; }

.sl-card-meta, .sl-card-meta p {
  font-family: var(--sl-font-body);
  font-size: .75rem;               /* 12px */
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sl-mist);
  margin: 0 0 8px;
}
.sl-card-title .elementor-heading-title {
  font-family: var(--sl-font-display);
  font-weight: 400;
  font-size: 1.25rem;              /* 20px */
  line-height: 1.4;
  color: var(--sl-gold-soft);
  margin-bottom: 6px;
}
.sl-card-text, .sl-card-text p {
  font-family: var(--sl-font-body);
  font-size: .875rem;              /* 14px */
  line-height: 1.45;
  color: var(--sl-mist);
  margin: 0 0 16px;
}
.sl-card-link .elementor-heading-title {
  font-family: var(--sl-font-body);
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .03em;
  color: var(--sl-gold-soft);
}
.sl-card-link .elementor-heading-title::after {
  content: " →";
  display: inline-block;
  transition: transform var(--sl-dur-fast) var(--sl-ease);
}
.sl-card:hover .sl-card-link .elementor-heading-title::after { transform: translateX(.25rem); }

/* Thẻ trên nền sáng (Gallery/Highlights nếu dùng band sáng) */
.sl-band--bg .sl-card > .elementor-element-populated { background: var(--sl-card); border-color: var(--sl-border); }
.sl-band--bg .sl-card-meta { color: var(--sl-dim); }
.sl-band--bg .sl-card-title .elementor-heading-title { color: var(--sl-ink); }
.sl-band--bg .sl-card-text, .sl-band--bg .sl-card-text p { color: var(--sl-dim); }
.sl-band--bg .sl-card-link .elementor-heading-title { color: var(--sl-gold-ink); }

/* ---- Thân thẻ Stay ------------------------------------------------- */
.sl-feature .sl-stay-title,
.sl-feature .sl-stay-rating,
.sl-feature .sl-feature-meta,
.sl-feature .sl-stay-chips,
.sl-feature .sl-btn { padding-inline: 20px; }
.sl-feature .sl-stay-title,
.sl-feature .sl-stay-rating { padding-top: 24px; }   /* cùng một hàng với tiêu đề */
.sl-feature .sl-btn { padding-bottom: 20px; }

.sl-stay-title .elementor-heading-title {
  font-family: var(--sl-font-display);
  font-weight: 400;
  font-size: 1.3125rem;            /* 21px */
  line-height: 1.15;
  color: var(--sl-ink);
}
.sl-stay-rating { margin-left: auto; align-self: baseline; }
.sl-stay-rating .elementor-heading-title {
  font-family: var(--sl-font-body);
  font-size: .84375rem;            /* 13.5px */
  font-weight: 700;
  color: var(--sl-forest);
  white-space: nowrap;
}
.sl-feature .sl-feature-meta,
.sl-feature .sl-feature-meta p {
  font-family: var(--sl-font-body);
  font-size: .84375rem;
  line-height: 1.6;
  color: var(--sl-dim);
  margin: 2px 0 10px;
  max-width: none;
}

/* Chip tiện ích trong thẻ Stay (widget icon-list, view=inline) */
.sl-stay-chips .elementor-icon-list-items {
  margin: 0 0 12px; padding: 0; list-style: none;
  display: flex; flex-wrap: wrap; gap: 7px;
}
.sl-stay-chips .elementor-icon-list-item {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 5px 11px;
  font-family: var(--sl-font-body);
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.33;
  color: var(--sl-ink);
  background: var(--sl-cream);
  border-radius: 999px;
}

/* Hai nút đặt sách trong thẻ Stay */
.sl-feature .sl-btn .elementor-button {
  font-size: .84375rem;
  padding: 11px 16px;
  border-radius: var(--sl-radius-button);
  background: var(--sl-jade);
  color: var(--sl-on-deep);
  border: 1px solid var(--sl-jade);
}
.sl-feature .sl-btn .elementor-button:hover { background: var(--sl-forest); border-color: var(--sl-forest); color: var(--sl-on-deep); }
.sl-feature .sl-btn--ghost .elementor-button {
  background: transparent;
  color: var(--sl-jade);
  border: 1px solid var(--sl-jade);
}
.sl-feature .sl-btn--ghost .elementor-button:hover { background: rgba(14, 70, 55, .06); color: var(--sl-jade); }
.elementor-widget.sl-feature-btn { margin-right: 10px; }

/* ---- Chip trắng ở section Welcome (widget icon-list) -------------- */
.sl-chips .elementor-icon-list-items {
  margin: 18px 0 24px; padding: 0; list-style: none;
  display: flex; flex-wrap: wrap; gap: 10px;
}
.sl-chips .elementor-icon-list-item {
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 7px 14px;
  font-family: var(--sl-font-body);
  font-size: .8125rem;             /* 13px */
  font-weight: 600;
  line-height: 1.45;
  color: var(--sl-ink);
  background: var(--sl-card);
  border: 1px solid var(--sl-border);
  border-radius: 999px;
}

/* Dọn phần trang trí mặc định của icon-list: ô icon rỗng, gạch ngăn,
   và margin ngang mà Elementor thêm cho chế độ inline. */
.sl-chips .elementor-icon-list-icon,
.sl-stay-chips .elementor-icon-list-icon { display: none; }
.sl-chips .elementor-icon-list-item::after,
.sl-stay-chips .elementor-icon-list-item::after { content: none; }
.sl-chips .elementor-icon-list-items.elementor-inline-items,
.sl-stay-chips .elementor-icon-list-items.elementor-inline-items { margin-inline: 0; }
.sl-chips .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item,
.sl-stay-chips .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item { margin-inline: 0; }
.sl-chips .elementor-icon-list-text,
.sl-stay-chips .elementor-icon-list-text { padding: 0; color: inherit; }

/* ---- Gallery ------------------------------------------------------- */
.sl-gallery-item .elementor-widget-image {
  overflow: hidden; border-radius: var(--sl-radius-card); background: var(--sl-cream); margin: 0;
}
.sl-gallery-item .elementor-widget-image img {
  display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover;
  transition: scale 1.1s var(--sl-ease);
}
.sl-gallery-item:hover .elementor-widget-image img { scale: 1.06; }

/* ---- Đánh giá sao -------------------------------------------------- */
.sl-stars .elementor-heading-title {
  display: block;
  font-family: var(--sl-font-body);
  font-size: .9375rem;
  letter-spacing: .34em;
  color: var(--sl-gold-ink);
  text-align: center;
}
.sl-band--media .sl-stars .elementor-heading-title,
.sl-band--deep  .sl-stars .elementor-heading-title { color: var(--sl-gold-soft); }

/* ---- Cột thông tin (Find us) --------------------------------------- */
.sl-info { border-top: 1px solid var(--sl-border); padding-top: 1.25rem; }
.sl-info .sl-info-label .elementor-heading-title {
  font-family: var(--sl-font-body);
  font-size: var(--sl-fs-meta);
  font-weight: 700;
  letter-spacing: var(--sl-ls-meta);
  text-transform: uppercase;
  color: var(--sl-dim);
  margin-bottom: .625rem;
}
.sl-info .sl-info-value, .sl-info .sl-info-value p {
  font-family: var(--sl-font-display);
  font-size: var(--sl-fs-h4);
  line-height: 1.35;
  color: var(--sl-ink);
  margin-inline: 0;
  margin-bottom: 0;
}
.sl-info .sl-info-value a { color: var(--sl-ink); text-decoration: none; border-bottom: 1px solid var(--sl-border); }
.sl-info .sl-info-value a:hover { border-bottom-color: var(--sl-ink); }

/* ---- Khối split ---------------------------------------------------- */
.sl-split-media .elementor-widget-image { overflow: hidden; border-radius: var(--sl-radius-media); background: var(--sl-cream); }
.sl-split-media .elementor-widget-image img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; }
.sl-split-text { align-self: center; }

/* ---- Lede của section (dưới tiêu đề) ------------------------------- */
.sl-band--deep .sl-lede, .sl-band--deep .sl-lede p { color: var(--sl-mist); font-size: 1.03125rem; }

/* Band cream tối hơn paper → đậm thêm một nấc cho đạt WCAG AA */
.sl-band--cream { --sl-dim: #56665D; --sl-gold-ink: #7D5B26; }

@media (max-width: 768px) {
  .sl-split-media .elementor-widget-image img { aspect-ratio: 3 / 2; }
  .sl-card .elementor-widget-image img { aspect-ratio: 3 / 2; }
}

/* ==================================================================
 * Widget cs_blog đặt trên band tối — khoác đúng bộ áo của thẻ City guide
 * (nền jade, radius 18, viền mist mờ, tiêu đề Marcellus vàng).
 * Markup do CozyStay sinh: .posts article.post > .featured-img + .post-content
 * ================================================================== */

/* KHÔNG đặt `gap` cho .posts-wrapper — CozyStay tính bề rộng cột bằng
   calc(33.333% - gap), đổi gap ở đây là lưới tụt xuống 2 cột. */

.sl-band--deep .sl-posts article.post {
  background: var(--sl-jade);
  border: 1px solid rgba(188, 220, 207, .16);
  border-radius: 18px;
  overflow: hidden;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}

/* Ảnh: tràn mép thẻ, tỉ lệ 16/10 như reference */
.sl-band--deep .sl-posts article.post .featured-img {
  margin: 0;
  border-radius: 0;
  overflow: hidden;
}
.sl-band--deep .sl-posts article.post .featured-img img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  transition: scale 1.1s var(--sl-ease);
}
.sl-band--deep .sl-posts article.post:hover .featured-img img { scale: 1.045; }

/* Ẩn nhãn ngày kiểu lịch của theme — dòng meta đã có ngày rồi */
.sl-band--deep .sl-posts article.post .overlay-label.time-label { display: none; }

.sl-band--deep .sl-posts article.post .post-content {
  padding: 18px 18px 22px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* Dòng meta: chuyên mục · ngày */
.sl-band--deep .sl-posts article.post .meta-wrap,
.sl-band--deep .sl-posts article.post .cat-links,
.sl-band--deep .sl-posts article.post .cat-links a,
.sl-band--deep .sl-posts article.post .meta-item,
.sl-band--deep .sl-posts article.post time {
  font-family: var(--sl-font-body);
  font-size: .75rem;
  font-weight: 400;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--sl-mist);
}
.sl-band--deep .sl-posts article.post .post-header { margin-bottom: 6px; }
.sl-band--deep .sl-posts article.post .meta-wrap { margin-bottom: 8px; }

/* Tiêu đề bài */
.sl-band--deep .sl-posts article.post h2.post-title { margin: 0 0 6px; }
.sl-band--deep .sl-posts article.post h2.post-title a {
  font-family: var(--sl-font-display);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--sl-gold-soft);
  background-image: none;
}
.sl-band--deep .sl-posts article.post h2.post-title a:hover { color: #F0DDBB; }

/* Trích đoạn */
.sl-band--deep .sl-posts article.post .post-excerpt,
.sl-band--deep .sl-posts article.post .post-excerpt p {
  font-family: var(--sl-font-body);
  font-size: .875rem;
  line-height: 1.45;
  color: var(--sl-mist);
  margin: 0 0 16px;
}

/* Nút đọc tiếp — đẩy xuống đáy để các thẻ thẳng hàng */
.sl-band--deep .sl-posts article.post .post-footer { margin-top: auto; }
.sl-band--deep .sl-posts article.post .read-more-btn {
  font-family: var(--sl-font-body);
  font-size: .875rem;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: none;
  color: var(--sl-gold-soft);
  border-bottom: 0;
  padding-bottom: 0;
}
.sl-band--deep .sl-posts article.post .read-more-btn::after {
  content: " →";
  transition: transform var(--sl-dur-fast) var(--sl-ease);
}
.sl-band--deep .sl-posts article.post:hover .read-more-btn::after { transform: translateX(.25rem); }
.sl-band--deep .sl-posts article.post .read-more-btn:hover { color: #F0DDBB; border-bottom: 0; }

@media (max-width: 768px) {
  .sl-band--deep .sl-posts article.post .featured-img img { aspect-ratio: 3 / 2; }
}
.sl-destin-booking-anchor {
  scroll-margin-top: 140px;
}