.elementor-11186 .elementor-element.elementor-element-14802aee{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11186 .elementor-element.elementor-element-12618b70{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11186 .elementor-element.elementor-element-12618b70.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11186 .elementor-element.elementor-element-2642d10c{margin:5px 5px calc(var(--kit-widget-spacing, 0px) + 5px) 5px;}.elementor-11186 .elementor-element.elementor-element-10b1227c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11186 .elementor-element.elementor-element-10b1227c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11186 .elementor-element.elementor-element-26fd023c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11186 .elementor-element.elementor-element-26fd023c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11186 .elementor-element.elementor-element-4419daeb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11186 .elementor-element.elementor-element-4419daeb.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11186 .elementor-element.elementor-element-30d65a44:hover{background-color:transparent;background-image:linear-gradient(180deg, #DB7474 0%, #f2295b 100%);}.elementor-11186 .elementor-element.elementor-element-30d65a44{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11186 .elementor-element.elementor-element-30d65a44 .elementor-icon-box-wrapper{align-items:start;gap:9px;}.elementor-11186 .elementor-element.elementor-element-30d65a44 .elementor-icon-box-title{margin-block-end:0px;}.elementor-11186 .elementor-element.elementor-element-30d65a44.elementor-view-stacked .elementor-icon{background-color:#FF0000;}.elementor-11186 .elementor-element.elementor-element-30d65a44.elementor-view-framed .elementor-icon, .elementor-11186 .elementor-element.elementor-element-30d65a44.elementor-view-default .elementor-icon{fill:#FF0000;color:#FF0000;border-color:#FF0000;}.elementor-11186 .elementor-element.elementor-element-30d65a44 .elementor-icon{font-size:16px;}.elementor-11186 .elementor-element.elementor-element-30d65a44 .elementor-icon-box-title, .elementor-11186 .elementor-element.elementor-element-30d65a44 .elementor-icon-box-title a{font-weight:bold;line-height:1.9em;}.elementor-11186 .elementor-element.elementor-element-1cfe602c > .elementor-widget-container{background-color:#FFFFFF;}.elementor-11186 .elementor-element.elementor-element-5a290027{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11186 .elementor-element.elementor-element-6a73ba3b:hover{background-color:transparent;background-image:linear-gradient(180deg, #DB7474 0%, #f2295b 100%);}.elementor-11186 .elementor-element.elementor-element-6a73ba3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11186 .elementor-element.elementor-element-6a73ba3b .elementor-icon-box-wrapper{align-items:start;gap:9px;}.elementor-11186 .elementor-element.elementor-element-6a73ba3b .elementor-icon-box-title{margin-block-end:0px;}.elementor-11186 .elementor-element.elementor-element-6a73ba3b.elementor-view-stacked .elementor-icon{background-color:#FF0000;}.elementor-11186 .elementor-element.elementor-element-6a73ba3b.elementor-view-framed .elementor-icon, .elementor-11186 .elementor-element.elementor-element-6a73ba3b.elementor-view-default .elementor-icon{fill:#FF0000;color:#FF0000;border-color:#FF0000;}.elementor-11186 .elementor-element.elementor-element-6a73ba3b .elementor-icon{font-size:16px;}.elementor-11186 .elementor-element.elementor-element-6a73ba3b .elementor-icon-box-title, .elementor-11186 .elementor-element.elementor-element-6a73ba3b .elementor-icon-box-title a{font-weight:bold;line-height:1.9em;}.elementor-11186 .elementor-element.elementor-element-1274b718 > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #BEBEBE 0%, #D97D94 100%);}.elementor-11186 .elementor-element.elementor-element-40b85546{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--flex-wrap:wrap;}.elementor-11186 .elementor-element.elementor-element-5dff86d6{width:var( --container-widget-width, 104.122% );max-width:104.122%;--container-widget-width:104.122%;--container-widget-flex-grow:0;}.elementor-11186 .elementor-element.elementor-element-5dff86d6 > .elementor-widget-container{background-color:transparent;padding:30px 0px 0px 0px;background-image:linear-gradient(180deg, #4A4848 0%, #f2295b 100%);}.elementor-11186 .elementor-element.elementor-element-5dff86d6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11186 .elementor-element.elementor-element-4f997af5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11186 .elementor-element.elementor-element-672293de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11186 .elementor-element.elementor-element-672293de.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-11186 .elementor-element.elementor-element-5b8928f5:hover{background-color:transparent;background-image:linear-gradient(180deg, #DB7474 0%, #f2295b 100%);}.elementor-11186 .elementor-element.elementor-element-5b8928f5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-11186 .elementor-element.elementor-element-5b8928f5 .elementor-icon-box-wrapper{align-items:start;gap:9px;}.elementor-11186 .elementor-element.elementor-element-5b8928f5 .elementor-icon-box-title{margin-block-end:0px;}.elementor-11186 .elementor-element.elementor-element-5b8928f5.elementor-view-stacked .elementor-icon{background-color:#FF0000;}.elementor-11186 .elementor-element.elementor-element-5b8928f5.elementor-view-framed .elementor-icon, .elementor-11186 .elementor-element.elementor-element-5b8928f5.elementor-view-default .elementor-icon{fill:#FF0000;color:#FF0000;border-color:#FF0000;}.elementor-11186 .elementor-element.elementor-element-5b8928f5 .elementor-icon{font-size:16px;}.elementor-11186 .elementor-element.elementor-element-5b8928f5 .elementor-icon-box-title, .elementor-11186 .elementor-element.elementor-element-5b8928f5 .elementor-icon-box-title a{font-weight:bold;line-height:1.9em;}.elementor-11186 .elementor-element.elementor-element-36be6924{width:var( --container-widget-width, 105.633% );max-width:105.633%;--container-widget-width:105.633%;--container-widget-flex-grow:0;}.elementor-11186 .elementor-element.elementor-element-36be6924.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11186 .elementor-element.elementor-element-22ef7c9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11186 .elementor-element.elementor-element-10d901d7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:0px 0px 0px 0px;}.elementor-11186 .elementor-element.elementor-element-10d901d7 .elementor-icon-box-wrapper{align-items:start;gap:9px;}.elementor-11186 .elementor-element.elementor-element-10d901d7 .elementor-icon-box-title{margin-block-end:0px;}.elementor-11186 .elementor-element.elementor-element-10d901d7.elementor-view-stacked .elementor-icon{background-color:#FF0000;fill:#FFFFFF;color:#FFFFFF;}.elementor-11186 .elementor-element.elementor-element-10d901d7.elementor-view-framed .elementor-icon, .elementor-11186 .elementor-element.elementor-element-10d901d7.elementor-view-default .elementor-icon{fill:#FF0000;color:#FF0000;border-color:#FF0000;}.elementor-11186 .elementor-element.elementor-element-10d901d7.elementor-view-framed .elementor-icon{background-color:#FFFFFF;}.elementor-11186 .elementor-element.elementor-element-10d901d7 .elementor-icon{font-size:16px;}.elementor-11186 .elementor-element.elementor-element-10d901d7 .elementor-icon-box-title, .elementor-11186 .elementor-element.elementor-element-10d901d7 .elementor-icon-box-title a{font-weight:bold;line-height:1.9em;}.elementor-11186 .elementor-element.elementor-element-21960f4c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11186 .elementor-element.elementor-element-3baab8db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11186 .elementor-element.elementor-element-578de4ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11186 .elementor-element.elementor-element-14f757ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11186 .elementor-element.elementor-element-cf263c5 .coloredgrid .col_item:nth-child(6n+6) .rehub-main-color{color:#000000;}.elementor-11186 .elementor-element.elementor-element-cf263c5 .coloredgrid .col_item:nth-child(6n+6).rh-main-bg-hover:hover{background-color:#000000;}.elementor-11186 .elementor-element.elementor-element-440d69b9{--display:flex;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-11186 .elementor-element.elementor-element-30d65a44 .elementor-icon-box-wrapper{gap:0px;}.elementor-11186 .elementor-element.elementor-element-1cfe602c.elementor-element{--align-self:center;}.elementor-11186 .elementor-element.elementor-element-6a73ba3b .elementor-icon-box-wrapper{gap:0px;}.elementor-11186 .elementor-element.elementor-element-40b85546{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11186 .elementor-element.elementor-element-5dff86d6.elementor-element{--align-self:center;}.elementor-11186 .elementor-element.elementor-element-5b8928f5 .elementor-icon-box-wrapper{gap:0px;}.elementor-11186 .elementor-element.elementor-element-10d901d7 .elementor-icon-box-wrapper{gap:0px;}}@media(min-width:768px){.elementor-11186 .elementor-element.elementor-element-14802aee{--content-width:1300px;}.elementor-11186 .elementor-element.elementor-element-12618b70{--content-width:1305px;}.elementor-11186 .elementor-element.elementor-element-10b1227c{--content-width:1300px;}.elementor-11186 .elementor-element.elementor-element-26fd023c{--content-width:1305px;}.elementor-11186 .elementor-element.elementor-element-4419daeb{--width:60.809%;}.elementor-11186 .elementor-element.elementor-element-5a290027{--width:66.6666%;}.elementor-11186 .elementor-element.elementor-element-40b85546{--content-width:1313px;}.elementor-11186 .elementor-element.elementor-element-4f997af5{--content-width:1305px;}.elementor-11186 .elementor-element.elementor-element-672293de{--width:67.628%;}.elementor-11186 .elementor-element.elementor-element-22ef7c9d{--width:50%;}.elementor-11186 .elementor-element.elementor-element-21960f4c{--content-width:1305px;}.elementor-11186 .elementor-element.elementor-element-3baab8db{--content-width:1305px;}.elementor-11186 .elementor-element.elementor-element-578de4ba{--content-width:1305px;}.elementor-11186 .elementor-element.elementor-element-14f757ed{--content-width:1300px;}}/* Start custom CSS for wp-widget-tag_cloud, class: .elementor-element-7ec13dfa *//* ============================================================
   CSS TAG CLOUD HOÀN CHỈNH
   ============================================================ */

/* Wrapper flex để Tags: và pills cùng hàng */
.elementor-widget-wp-widget-tag_cloud .elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

/* Tiêu đề #Tags: */
.elementor-widget-wp-widget-tag_cloud h5 {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111 !important;
  margin: 0 4px 0 0 !important;
  white-space: nowrap !important;
  visibility: hidden !important;
  position: relative !important;
}

.elementor-widget-wp-widget-tag_cloud h5::before {
  content: "#Tags:" !important;
  visibility: visible !important;
  position: absolute !important;
  left: 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #111 !important;
  white-space: nowrap !important;
}

/* Wrapper tagcloud */
.elementor-widget-wp-widget-tag_cloud .tagcloud {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Mỗi tag pill */
.elementor-widget-wp-widget-tag_cloud .tagcloud a {
  display: inline-block !important;
  padding: 6px 16px !important;
  border-radius: 50px !important;
  background: #fff0f0 !important;
  color: #ff3b5c !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: none !important;
  transition: background 0.2s, color 0.2s !important;
  white-space: nowrap !important;
}

.elementor-widget-wp-widget-tag_cloud .tagcloud a:hover {
  background: #ff3b5c !important;
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-12618b70 *//* ============================================================
   CSS REHUB FEATURED GRID - FIX MOBILE HOÀN TOÀN
   Dán vào: WP Admin → Appearance → Customize → Additional CSS
   ============================================================ */

/* ── Overlay gradient ── */
.col-feat-grid:after {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%) !important;
  height: 100% !important;
}

/* ── Category tag ── */
.col-feat-grid .news_cat a.rh-label-string {
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 50px !important;
  background: rgba(255,255,255,0.2) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  margin-bottom: 8px !important;
}

/* ── Tiêu đề item-1 ── */
.col-feat-grid.item-1 .feat-grid-overlay h2 a {
  color: #fff !important;
  text-decoration: none !important;
}

/* ── Tiêu đề item nhỏ ── */
.col-feat-grid:not(.item-1) .feat-grid-overlay h2 {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #fff !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.col-feat-grid:not(.item-1) .feat-grid-overlay h2 a {
  color: #fff !important;
  text-decoration: none !important;
}

/* ══════════════════════════════════════════
   MOBILE FIX - Override smart-scroll-mobile
══════════════════════════════════════════ */
@media screen and (max-width: 767px) {

  /* Reset smart-scroll về flex 2 cột */
  .wpsm_featured_wrap .smart-scroll-mobile,
  .wpsm_featured_wrap .col-feat-50 {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    width: 100% !important;
    float: none !important;
    height: auto !important;
    overflow: hidden !important;
    padding-left: 0 !important;
    margin: 0 !important;
    gap: 3px !important;
  }

  /* item-1 full width */
  .wpsm_featured_wrap .col-feat-grid.item-1 {
    width: 100% !important;
    float: none !important;
    height: 240px !important;
    margin-bottom: 3px !important;
  }

  .wpsm_featured_wrap .col-feat-grid.item-1 .feat-grid-overlay h2 {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }

  /* 4 item nhỏ: 2 cột */
  .wpsm_featured_wrap .col-feat-50 .col-feat-grid,
  .wpsm_featured_wrap .smart-scroll-mobile .col-feat-grid {
    width: calc(50% - 2px) !important;
    min-width: calc(50% - 2px) !important;
    max-width: calc(50% - 2px) !important;
    height: 145px !important;
    float: none !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
  }

  /* Tiêu đề nhỏ hơn */
  .wpsm_featured_wrap .col-feat-50 .col-feat-grid .feat-grid-overlay h2,
  .wpsm_featured_wrap .smart-scroll-mobile .col-feat-grid .feat-grid-overlay h2 {
    font-size: 11px !important;
    -webkit-line-clamp: 2 !important;
  }

  .wpsm_featured_wrap .col-feat-50 .col-feat-grid .feat-grid-overlay,
  .wpsm_featured_wrap .smart-scroll-mobile .col-feat-grid .feat-grid-overlay {
    padding: 0 8px 10px 8px !important;
  }

  /* Ẩn category tag trên item nhỏ */
  .wpsm_featured_wrap .col-feat-50 .col-feat-grid .news_cat,
  .wpsm_featured_wrap .smart-scroll-mobile .col-feat-grid .news_cat {
    display: none !important;
  }
}

/* ── Mobile rất nhỏ ── */
@media screen and (max-width: 400px) {
  .wpsm_featured_wrap .col-feat-grid.item-1 {
    height: 200px !important;
  }
  .wpsm_featured_wrap .col-feat-50 .col-feat-grid,
  .wpsm_featured_wrap .smart-scroll-mobile .col-feat-grid {
    height: 120px !important;
  }
}/* End custom CSS */
/* Start custom CSS for wpsm_featured, class: .elementor-element-172bccb6 *//* ============================================================
   CSS REHUB FEATURED GRID (wpsm_featured_wrap)
   Dán vào: WP Admin → Appearance → Customize → Additional CSS
   ============================================================ */

/* ── Wrapper ── */
.wpsm_featured_wrap {
  border-radius: 18px !important;
  overflow: hidden !important;
  gap: 4px !important;
}

.wpsm_featured_wrap .featured_grid {
  gap: 4px !important;
}

/* ── Tất cả card ── */
.col-feat-grid {
  transition: transform 0.35s ease !important;
  overflow: hidden !important;
}

/* ── Overlay gradient đậm hơn ── */
.col-feat-grid:after {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%) !important;
  height: 100% !important;
}

.col-feat-grid:hover:after {
  opacity: 0.92 !important;
  background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.85) 100%) !important;
}

/* ── Zoom ảnh khi hover ── */
.col-feat-grid {
  background-size: cover !important;
  transition: background-size 0.5s ease !important;
}

/* ── Nội dung overlay ── */
.col-feat-grid .feat-grid-overlay {
  padding: 0 16px 16px 16px !important;
  width: 100% !important;
}

/* ── Category tag ── */
.col-feat-grid .news_cat a.rh-label-string {
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 50px !important;
  background: rgba(255,255,255,0.2) !important;
  backdrop-filter: blur(6px) !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  border: 1px solid rgba(255,255,255,0.3) !important;
  transition: background 0.2s !important;
  margin-bottom: 8px !important;
}

.col-feat-grid .news_cat a.rh-label-string:hover {
  background: rgba(255,255,255,0.35) !important;
}

/* ── Tiêu đề item-1 (lớn) ── */
.col-feat-grid.item-1 .feat-grid-overlay h2 {
  font-size: 24px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.4) !important;
  margin-bottom: 8px !important;
}

.col-feat-grid.item-1 .feat-grid-overlay h2 a {
  color: #fff !important;
  text-decoration: none !important;
}

/* ── Tiêu đề item-2,3,4,5 (nhỏ) ── */
.col-feat-grid:not(.item-1) .feat-grid-overlay h2 {
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #fff !important;
  text-shadow: 0 1px 4px rgba(0,0,0,0.5) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

.col-feat-grid:not(.item-1) .feat-grid-overlay h2 a {
  color: #fff !important;
  text-decoration: none !important;
}

/* ── Meta (ngày, comment) chỉ item-1 ── */
.col-feat-grid.item-1 .post-meta {
  display: flex !important;
  gap: 12px !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.7) !important;
}

.col-feat-grid.item-1 .post-meta .date_meta,
.col-feat-grid.item-1 .post-meta .comm_meta {
  color: rgba(255,255,255,0.7) !important;
  text-decoration: none !important;
  font-style: italic !important;
}

/* ── Bo góc từng vị trí ── */
.col-feat-grid.item-1 {
  border-radius: 16px 0 0 16px !important;
}

.col-feat-50 {
  border-radius: 0 16px 16px 0 !important;
  overflow: hidden !important;
  gap: 4px !important;
}

.col-feat-50 .col-feat-grid.item-2 {
  border-radius: 0 16px 0 0 !important;
}

.col-feat-50 .col-feat-grid.item-3 {
  border-radius: 0 0 0 0 !important;
}

.col-feat-50 .col-feat-grid.item-4 {
  border-radius: 0 0 0 0 !important;
}

.col-feat-50 .col-feat-grid.item-5 {
  border-radius: 0 0 16px 0 !important;
}

/* ── Hover nhẹ nội dung đi lên ── */
.col-feat-grid .feat-grid-overlay {
  transition: padding-bottom 0.3s ease !important;
}

.col-feat-grid:hover .feat-grid-overlay {
  padding-bottom: 22px !important;
}

/* ── Viền sáng mỏng giữa các ô ── */
.col-feat-50 {
  display: flex !important;
  flex-wrap: wrap !important;
}

.col-feat-50 .col-feat-grid {
  outline: 2px solid #fff !important;
}

.col-feat-grid.item-1 {
  outline: 2px solid #fff !important;
}/* End custom CSS */
/* Start custom CSS for news_with_thumbs_mod, class: .elementor-element-1cfe602c *//* ============================================================
   CSS REHUB NEWS BLOCK - CHÍNH XÁC THEO CLASS THẬT
   Dán vào: WP Admin → Appearance → Customize → Additional CSS
   ============================================================ */

/* ══════════════════════════════════════════
   1. FEATURED (bên trái) - .news_out_thumb
══════════════════════════════════════════ */

/* Ảnh featured: bo góc, phủ full */
.news_out_thumb figure img {
  width: 100% !important;
  height: 300px !important;
  object-fit: cover !important;
  border-radius: 14px 14px 0 0 !important;
  display: block !important;
}

.news_out_thumb figure {
  border-radius: 14px 14px 0 0 !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

/* Vùng text bên dưới ảnh featured */
.news_out_thumb .text_out_thumb {
  background: #fff !important;
  border: 1px solid #eee !important;
  border-top: none !important;
  border-radius: 0 0 14px 14px !important;
  padding: 16px 18px 20px !important;
}

/* Tiêu đề featured */
.news_out_thumb .text_out_thumb h2 a {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
}

.news_out_thumb .text_out_thumb h2 a:hover {
  color: #ff3b5c !important;
}

/* Ẩn chữ "Description:" thừa trong excerpt */
.news_out_thumb .text_out_thumb p.lineheight20 {
  font-size: 13.5px !important;
  color: #666 !important;
  line-height: 1.65 !important;
}

/* Xóa chữ Description: bằng CSS */
.news_out_thumb .text_out_thumb p.lineheight20::first-line {
  /* không ẩn được bằng CSS thuần, dùng cách dưới */
}

/* Category tag bo tròn */
.news_out_thumb .news_cat a.rh-label-string {
  background: #ff3b5c !important;
  color: #fff !important;
  padding: 5px 14px !important;
  border-radius: 50px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

/* Vị trí tag category đè lên ảnh */
.news_out_thumb .news_cat.abdposleftbot {
  bottom: 12px !important;
  left: 12px !important;
}

/* Meta (ngày, comment) featured */
.news_out_thumb .post-meta .date_meta,
.news_out_thumb .post-meta .comm_count_meta a {
  font-size: 12px !important;
  color: #aaa !important;
  font-style: italic !important;
}

/* ══════════════════════════════════════════
   2. SIDEBAR ITEMS (bên phải) - .item-small-news
══════════════════════════════════════════ */

/* Mỗi item nhỏ */
.item-small-news.item-small-news-image {
  padding: 14px 10px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-radius: 10px !important;
  transition: background 0.2s !important;
  display: flex !important;
  align-items: center !important;
}

.item-small-news.item-small-news-image:hover {
  background: #fafafa !important;
}

/* Thumbnail sidebar: bo góc, cố định size */
.item-small-news-image figure img {
  width: 80px !important;
  height: 80px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
}

.item-small-news-image figure {
  border-radius: 10px !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

/* Tiêu đề sidebar */
.item-small-news-details a.blackcolor {
  font-size: 14.5px !important;
  font-weight: 700 !important;
  color: #111 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  display: block !important;
}

.item-small-news-details a.blackcolor:hover {
  color: #ff3b5c !important;
}

/* Meta sidebar */
.item-small-news-details .post-meta .date_meta,
.item-small-news-details .post-meta .comm_meta {
  font-size: 12px !important;
  color: #bbb !important;
  font-style: italic !important;
}

/* ══════════════════════════════════════════
   3. WRAPPER toàn bộ widget
══════════════════════════════════════════ */

.rh_news_wrap.rh_news_wrap_two {
  background: #fff !important;
  border-radius: 16px !important;
  padding: 8px !important;
  gap: 24px !important;
}

/* Khoảng cách giữa 2 cột */
.rh_news_wrap .news_first_col {
  padding-right: 16px !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-rehub_top_offers, class: .elementor-element-1274b718 *//* ============================================================
   CSS REHUB DEAL BLOCK / TOP OFFERS
   Dán vào: WP Admin → Appearance → Customize → Additional CSS
   ============================================================ */

/* ── Wrapper toàn bộ deal block ── */
.rh_deal_block {
  padding: 0 !important;
}

/* ── Mỗi dòng deal ── */
.deal_block_row {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 10px !important;
  margin-bottom: 0 !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-radius: 10px !important;
  transition: background 0.2s ease !important;
}

.deal_block_row:hover {
  background: #fafafa !important;
}

.deal_block_row:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ── Thumbnail ── */
.deal-pic-wrapper {
  flex-shrink: 0 !important;
  width: 72px !important;
  height: 72px !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #f5f5f5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.deal-pic-wrapper img {
  width: 72px !important;
  height: 72px !important;
  object-fit: cover !important;
  border-radius: 10px !important;
  display: block !important;
}

/* ── Nội dung bên phải ── */
.rh-deal-details {
  flex: 1 !important;
  padding-left: 12px !important;
  float: none !important;
  width: auto !important;
}

/* ── Tiêu đề ── */
.rh-deal-name h5 {
  margin: 0 0 6px 0 !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}

.rh-deal-name h5 a {
  color: #111 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.rh-deal-name h5 a:hover {
  color: #ff3b5c !important;
}

/* ── Hàng giá + nút ── */
.rh-flex-columns.rh-flex-nowrap {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
}

/* ── Giá ── */
.rh-deal-price ins {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #ff3b5c !important;
  text-decoration: none !important;
}

.rh-deal-price del {
  font-size: 12px !important;
  color: #bbb !important;
  margin-left: 4px !important;
}

/* ── Store tag ── */
.rh-deal-tag {
  font-size: 11px !important;
  color: #bbb !important;
}

.rh-deal-tag a {
  color: #999 !important;
  text-decoration: none !important;
}

/* ── Nút Reveal Coupon ── */
.rh-deal-compact-btn.coupon_btn {
  background: linear-gradient(135deg, #ff3b5c, #ff6b35) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  transition: opacity 0.2s !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
}

.rh-deal-compact-btn.coupon_btn:hover {
  opacity: 0.85 !important;
}

/* ── Fix float layout thành flexbox ── */
.deal_block_row .floatleft,
.deal_block_row .floatright {
  float: none !important;
}

.deal_block_row .clearfix {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for post_carousel_mod, class: .elementor-element-5dff86d6 *//* ============================================================
   CSS CAROUSEL - BO 4 GÓC + CHỮ TRẮNG TOÀN BỘ
   ============================================================ */

/* Bo 4 góc ảnh - có margin để thấy rõ */
.carousel-style-3 .carouselhor-item .l-part-car figure {
  border-radius: 10px !important;
  overflow: hidden !important;
  margin: 6px 6px 0 6px !important;
}

.carousel-style-3 .carouselhor-item .l-part-car figure img {
  border-radius: 10px !important;
}

/* Chữ trắng tiêu đề */
.carousel-style-3 .carouselhor-item .r-part-car h2 a {
  color: #fff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  text-decoration: none !important;
}

/* Chữ trắng category */
.carousel-style-3 .carouselhor-item .cat_link_meta a.cat {
  color: rgba(255,255,255,0.75) !important;
  font-size: 10.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

/* Chữ trắng giá */
.carousel-style-3 .carouselhor-item .simple_price_count {
  color: #fff !important;
}

.carousel-style-3 .carouselhor-item .simple_price_count del {
  color: rgba(255,255,255,0.5) !important;
}

/* Chữ trắng độ hot (temperatur) */
.carousel-style-3 .carouselhor-item .temperatur {
  color: #fff !important;
}

.carousel-style-3 .carouselhor-item .gradus_icon {
  color: #fff !important;
}/* End custom CSS */
/* Start custom CSS for wpsm_recent_posts_list, class: .elementor-element-278204d1 *//* ============================================================
   CSS REHUB SIMPLE POST LIST - SỐ THỨ TỰ + MÀU SẮC
   Dán vào: WP Admin → Appearance → Customize → Additional CSS
   ============================================================ */

/* ── Wrapper toàn bộ list ── */
.wpsm_recent_posts_list {
  counter-reset: post-counter !important;
}

/* ── Mỗi item ── */
.wpsm_recent_posts_list .col_item.item-small-news {
  counter-increment: post-counter !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 12px 10px !important;
  border-bottom: 1px solid #f3f3f3 !important;
  border-radius: 10px !important;
  transition: background 0.2s !important;
  position: relative !important;
}

.wpsm_recent_posts_list .col_item.item-small-news:hover {
  background: #fafafa !important;
}

.wpsm_recent_posts_list .col_item.item-small-news:last-child {
  border-bottom: none !important;
}

/* ── Số thứ tự (tự động qua counter) ── */
.wpsm_recent_posts_list .col_item.item-small-news::before {
  content: counter(post-counter) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  margin-top: 2px !important;
}

/* Màu số 1, 2, 3 nổi bật — còn lại xám */
.wpsm_recent_posts_list .col_item.item-small-news:nth-child(1)::before {
  background: #ff3b5c !important;
  color: #fff !important;
}

.wpsm_recent_posts_list .col_item.item-small-news:nth-child(2)::before {
  background: #ff8c42 !important;
  color: #fff !important;
}

.wpsm_recent_posts_list .col_item.item-small-news:nth-child(3)::before {
  background: #ffc107 !important;
  color: #fff !important;
}

.wpsm_recent_posts_list .col_item.item-small-news:nth-child(n+4)::before {
  background: #f0f0f0 !important;
  color: #999 !important;
}

/* ── Nội dung (tiêu đề + meta) ── */
.wpsm_recent_posts_list .item-small-news-details {
  flex: 1 !important;
  min-width: 0 !important;
}

/* ── Tiêu đề ── */
.wpsm_recent_posts_list .item-small-news-details a.blackcolor {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #111 !important;
  text-decoration: none !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s !important;
}

.wpsm_recent_posts_list .item-small-news-details a.blackcolor:hover {
  color: #ff3b5c !important;
}

/* ── Meta (ngày, comment) ── */
.wpsm_recent_posts_list .post-meta {
  margin-top: 5px !important;
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

.wpsm_recent_posts_list .post-meta .date_meta {
  font-size: 11.5px !important;
  color: #bbb !important;
  font-style: italic !important;
}

.wpsm_recent_posts_list .post-meta .comm_meta {
  font-size: 11.5px !important;
  color: #ccc !important;
  text-decoration: none !important;
}

/* ── Ẩn clearfix thừa ── */
.wpsm_recent_posts_list .clearfix {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for columngrid_loop, class: .elementor-element-66fa0dce *//* ============================================================
   CSS REHUB COLUMN GRID LOOP
   Dán vào: WP Admin → Appearance → Customize → Additional CSS
   ============================================================ */

/* ── Mỗi card ── */
.columned_grid_module .column_grid {
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.06) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease !important;
  background: #fff !important;
}

.columned_grid_module .column_grid:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,0.12) !important;
}

/* ── Ảnh ── */
.columned_grid_module .column_grid figure {
  margin-bottom: 0 !important;
  overflow: hidden !important;
}

.columned_grid_module .column_grid figure img {
  width: 100% !important;
  height: 180px !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s ease !important;
}

.columned_grid_module .column_grid:hover figure img {
  transform: scale(1.05) !important;
}

/* ── Badge (Best value, User choice...) ── */
.columned_grid_module .re-line-badge span {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  padding: 3px 10px !important;
  border-radius: 0 0 8px 0 !important;
}

/* ── Nội dung ── */
.columned_grid_module .column_grid .content_constructor {
  padding: 14px 16px 16px !important;
}

/* ── Tiêu đề ── */
.columned_grid_module .column_grid h2 {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin-bottom: 10px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.columned_grid_module .column_grid h2 a {
  color: #111 !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.columned_grid_module .column_grid:hover h2 a {
  color: #ff3b5c !important;
}

/* ── Category tag ── */
.columned_grid_module .cat_link_meta a.cat {
  display: inline-block !important;
  padding: 3px 10px !important;
  border-radius: 50px !important;
  background: #f4f4f4 !important;
  color: #555 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.4px !important;
  text-decoration: none !important;
  transition: background 0.2s, color 0.2s !important;
}

.columned_grid_module .cat_link_meta a.cat:hover {
  background: #ff3b5c !important;
  color: #fff !important;
}

/* ── Store tag ── */
.columned_grid_module .store_for_grid a {
  font-size: 11px !important;
  color: #aaa !important;
  text-decoration: none !important;
}

/* ── Giá ── */
.columned_grid_module .rh_regular_price {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #ff3b5c !important;
}

.columned_grid_module .price_count del {
  font-size: 12px !important;
  color: #bbb !important;
  margin-left: 4px !important;
  font-weight: 400 !important;
}

/* ── Wishlist button (góc trên phải) ── */
.columned_grid_module .button_action {
  z-index: 3 !important;
}

.columned_grid_module .heartplus {
  background: rgba(255,255,255,0.9) !important;
  border-radius: 50% !important;
  width: 30px !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  transition: background 0.2s !important;
  cursor: pointer !important;
}

.columned_grid_module .heartplus:hover {
  background: #ff3b5c !important;
  color: #fff !important;
}

/* ── Ẩn wishaddedwrap / wishremovedwrap text ── */
.columned_grid_module .wishaddedwrap,
.columned_grid_module .wishremovedwrap {
  display: none !important;
}

.columned_grid_module .thumbscount {
  font-size: 10px !important;
  color: #aaa !important;
}/* End custom CSS */
/* Start custom CSS for colored_grid_loop, class: .elementor-element-cf263c5 *//* ============================================================
   CSS REHUB COLORED GRID LOOP - FIX
   Dán vào: WP Admin → Appearance → Customize → Additional CSS
   ============================================================ */

/* ── Mỗi card ── */
.coloredgrid .col_item {
  border-radius: 16px !important;
  overflow: hidden !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.07) !important;
  transition: transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease !important;
  background: #fff !important;
}

.coloredgrid .col_item:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,0.13) !important;
}

/* ── Vùng nội dung ── */
.coloredgrid .col_item .pt10.pr20.pl20.pb10 {
  padding: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

/* ── Category label ── */
.coloredgrid .catforcgrid {
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  display: inline-block !important;
  padding: 3px 10px !important;
  border-radius: 50px !important;
  background: rgba(0,0,0,0.06) !important;
  width: fit-content !important;
  transition: background 0.25s, color 0.25s !important;
}

.coloredgrid .col_item:hover .catforcgrid {
  background: rgba(255,255,255,0.22) !important;
  color: #fff !important;
}

/* ── Tiêu đề ── */
.coloredgrid .colorgridtitle {
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: #111 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.25s !important;
  margin-bottom: 4px !important;
}

.coloredgrid .col_item:hover .colorgridtitle {
  color: #fff !important;
}

/* ── Excerpt ── */
.coloredgrid .excerptforcgrid {
  font-size: 12.5px !important;
  line-height: 1.6 !important;
  color: #888 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.25s !important;
}

.coloredgrid .col_item:hover .excerptforcgrid {
  color: rgba(255,255,255,0.8) !important;
}

/* ── Mũi tên icon ── */
.coloredgrid .rhicon.rhi-arrow-right {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: rgba(0,0,0,0.06) !important;
  font-size: 16px !important;
  transition: background 0.25s, color 0.25s, transform 0.25s !important;
}

.coloredgrid .col_item:hover .rhicon.rhi-arrow-right {
  background: rgba(255,255,255,0.25) !important;
  color: #fff !important;
  transform: translateX(4px) !important;
}

/* ── Màu gradient hover theo thứ tự ── */
.coloredgrid .col_item:nth-child(1):hover { background: linear-gradient(135deg, #ff3b5c, #ff6b35) !important; }
.coloredgrid .col_item:nth-child(2):hover { background: linear-gradient(135deg, #6366f1, #8b5cf6) !important; }
.coloredgrid .col_item:nth-child(3):hover { background: linear-gradient(135deg, #06b6d4, #3b82f6) !important; }
.coloredgrid .col_item:nth-child(4):hover { background: linear-gradient(135deg, #10b981, #059669) !important; }
.coloredgrid .col_item:nth-child(5):hover { background: linear-gradient(135deg, #f59e0b, #ef4444) !important; }
.coloredgrid .col_item:nth-child(6):hover { background: linear-gradient(135deg, #ec4899, #8b5cf6) !important; }
.coloredgrid .col_item:nth-child(7):hover { background: linear-gradient(135deg, #14b8a6, #6366f1) !important; }
.coloredgrid .col_item:nth-child(8):hover { background: linear-gradient(135deg, #f97316, #eab308) !important; }
.coloredgrid .col_item:nth-child(9):hover { background: linear-gradient(135deg, #3b82f6, #06b6d4) !important; }/* End custom CSS */