@import url('https://fonts.googleapis.com/css2?family=MonteCarlo&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
.f-MonteCarlo,
.f-MonteCarlo p {
  font-family: 'MonteCarlo', serif !important;
}
.f-Beautique {
 font-family: 'Beautique Display', serif !important;
}
.f-Plus-Jakarta {
 font-family: 'Plus Jakarta Sans', serif !important;
}
.f-italic {
  font-style: italic;
}

.f500 {
  font-weight: 700;
  font-style: normal;
}
.fs-14 {
  font-size: 14px;
}
/* QW Topbar Banner - override theme */
.qw-topbar-banner{
    position: relative;
    z-index: 11;
  background: linear-gradient(90deg, #FFF2C7 0%, #fffcf2 100%) !important;
  padding: 4px 60px 6px 16px;
}

.qw-topbar-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}

.qw-topbar-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.qw-topbar-icon{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.qw-topbar-inner__close {
    position: absolute;
    right: 16px;
    top: 4px;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 28px;
    background: transparent;
}

.qw-topbar-inner__close:hover {
    background: #7E1416;
}

.qw-topbar-inner__close svg {
    width: 16px;
    height: 16px;
}

.qw-topbar-inner__close:hover svg {
    color: #fff;
}


.qw-topbar-text{
  font-size:14px;
  line-height:1.25;
  color:#666;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.qw-topbar-text strong,
.qw-topbar-text b{
  color:#111;
  font-weight:700;
}

.qw-topbar-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.qw-topbar-btn a{
  background:#d0021b;
  color:#fff !important;
  padding:5px 18px;
  border-radius:9px;
  text-decoration:none !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  box-shadow:0 2px 0 rgba(0,0,0,.06);
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
}

.qw-topbar-btn:hover{ filter:brightness(.95); }

@media (max-width: 549px){
  .qw-topbar-text{
    font-size: 10px;
    white-space:normal;
  }
  .qw-topbar-btn a{
    font-size:12px;
  }
}

.qw-store-link{
  display:inline-flex;
  align-items:center;
  gap:10px;

  color:#1D1D1D;
  text-decoration:none !important;
  line-height:1;

  font-size:12px!important;
  font-weight:400!important;
  text-transform:uppercase;
  letter-spacing:.4px;
}

.qw-store-icon{
  width:13px;
  height:19px;
  display:block;
  flex:0 0 auto;
}


.qw-store-text{
  display:inline-block;
  white-space:nowrap;
}


.qw-store-link:hover{
  opacity:.85;
}

#wide-nav .flex-center {
  margin: 0;
  width: 100%;
}
ul.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase {
  justify-content: space-between;
}

.row-socials .col-inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}
.row-socials .col-inner .img {
  width: auto !important;
  margin-bottom: 0;
}
.row-socials img {
  width: 24px;
  height: 24px;
}

.footer-wrapper p {
  font-size: 14px;
}
.footer-wrapper .ux-menu-link__link {
  min-height: unset;
  font-size: 14px;
}
.mb-full-footer .text p {
  font-family: 'Beautique Display', serif;
}
@media (max-width: 549px) {
  .section-title-main {
    font-size: 18px;
    line-height: 24px;
  }
}
.product-small .col-inner {
  box-shadow: none;
}

.title-home-page-product .section-title-main {
  font-family: 'Beautique Display', serif;
}
.title-home h2 {
  font-family: 'Beautique Display', serif;
  color: var(--34, #7E1416);
  text-align: center;
  font-size: var(--font-size-48, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 0;
}
@media (max-width: 849px){
  .title-home h2 {
    font-size: 32px;
  }
}
@media (max-width: 549px){
  .title-home h2 {
    font-size: 28px;
  }
}
.title-home h3 {
  font-family: 'MonteCarlo', serif !important;
  color: var(--black-solid, #000);
  text-align: center;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  text-transform: capitalize;
  margin-top: -20px;
}
@media (max-width: 849px){
  .title-home h3 {
    font-size: 40px;
  }
}
@media (max-width: 549px){
  .title-home h3 {
    font-size: 32px;
  }
}

.qw-divider-svg-wrap{
  /* vars từ shortcode */
  --qw-div-color: #BCB6B3;
  --qw-div-thick: 1px;
  --qw-div-gap: 14px;
  --qw-div-width: 100%;
  --qw-div-justify: center;
  --qw-div-svg: 12px;

  width: var(--qw-div-width);
  display:flex;
  align-items:center;
  justify-content: var(--qw-div-justify);
  gap: var(--qw-div-gap);
  margin: 32px 0;
}
@media (max-width: 549px){
  .qw-divider-svg-wrap{
    margin: 16px 0;
  }
}

.qw-divider-line{
  height: var(--qw-div-thick);
  background: var(--qw-div-color);
  flex: 1 1 auto;
  min-width: 10px;
}

/* SVG giữa */
.qw-divider-svg{
  width: var(--qw-div-svg);
  height: var(--qw-div-svg);
  display:block;
  flex: 0 0 auto;
}

/* đảm bảo divider không bị “đè” line-height ở một số block */
.qw-divider-svg-wrap,
.qw-divider-svg-wrap *{
  line-height: 1;
}


.row-danhmuc.row-collapse .col .col {
  padding: 5px !important;
}
@media (max-width: 549px) {
  .row-danhmuc.row-collapse .col .col {
    padding: 2px !important;
  }
}
.row-danhmuc .danhmuc-img {
  position: relative;
  height: 100%;
}
.row-danhmuc .danhmuc-img .box-image {
  position: relative;
}
.row-danhmuc .danhmuc-img .box-image,
.row-danhmuc .danhmuc-img .box-image * {
  height: 100%;
}
.row-danhmuc .danhmuc-img .box-image img {
  object-fit: cover;
}
.row-danhmuc .danhmuc-img .box-text {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}
.row-danhmuc .danhmuc-img .box-text p {
  color: var(--solid, #FFF);
  text-align: center;
  font-family: "Beautique Display";
  font-size: var(--font-size-h-34, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 1.28px;
}
@media (max-width: 849px) {
  .row-danhmuc .danhmuc-img .box-text p {
    font-size: 14px;
  }
}
@media (max-width: 549px) {
  .row-danhmuc .danhmuc-img .box-text p {
    font-size: 12px;
  }
}
.row-danhmuc .row-danhmuc-item {
  height: 100%;
}
.home-slide-top .flickity-page-dots {
    bottom: 24px;
}

.ss-sanpham .flickity-page-dots {
  padding-top: 32px;
}

.ss-sanpham .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
  margin-left: -13px;
}

.ss-sanpham .slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button {
  margin-right: -12px;
}

.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot {
  height: 8px;
  width: 8px;
}

.slider-show-nav .flickity-prev-next-button,
.slider:hover .flickity-prev-next-button {
    opacity: 1;
}
.slider-nav-light .flickity-prev-next-button .arrow,
.slider-nav-light .flickity-prev-next-button svg {
    fill: #232323;
}
.ss-sanpham .slider-nav-circle .flickity-prev-next-button svg,
.ss-sanpham .slider-nav-circle .flickity-prev-next-button:hover svg {
  background-color: #F2F0F0;
  border-color: #F2F0F0;
}

.ss-sanpham .slider .flickity-prev-next-button:hover svg,
.ss-sanpham .slider .flickity-prev-next-button:hover .arrow {
  fill: #796E65 !important;
}
.ss-sanpham .nav-dots-small .flickity-page-dots .dot,
.ss-sanpham .row-slider .flickity-page-dots .dot {
    background-color: #ffffff;
    opacity: .3;
}
.row-slider, .slider {
  padding-bottom: 32px;
}
@media (max-width: 549px) {
  .row-slider, .slider {
    padding-bottom: 24px;
  }
}
.home-slide-top .slider {
  padding-bottom: 0;
}

/* Giữ layout ổn định trong slider */
.flickity-enabled .flickity-slider > .col .col-inner{
  height: 100%;
}

.flickity-enabled .flickity-slider > .col .product-small{
  height: 100%;
  display:flex;
  flex-direction:column;
  background-color: #ffffff !important;
}

.flickity-enabled .flickity-slider > .col .box-image{
  flex: 0 0 auto;
}

/*.flickity-enabled .flickity-slider > .col .box-text{
  margin-top:auto;
}*/

.ss-sanpham .tab a span {
  color: var(--44, #796E65);
  text-align: center;
  font-family: "Beautique Display";
  font-size: var(--font-size-H2, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 38.4px */
  text-transform: capitalize;
}
@media (max-width: 849px) {
  .ss-sanpham .tab a span {
    font-size: 18px;
  }
}
@media (max-width: 549px) {
  .ss-sanpham .tab a span {
    font-size: 16px;
  }
}
.ss-sanpham .tab.active a span {
  color: var(--91, #F5EED9);
}
.ss-sanpham .entry-content {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.ss-sanpham .nav li {
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
  margin-right: 1px;
}
@media (max-width: 549px) {
  .ss-sanpham .nav li {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.ss-sanpham .nav li:first-child:after {
  content: '';
  color: #796E65;
  position: absolute;
  top: 50%;
  right: -1px;
  bottom: 4px;
  width: 1px;
  height: 50%;
  transform: translateY(-50%);
  background: #796E65;
}
@media (max-width: 850px) {
    .ss-sanpham .product-small .box-text.text-center {
        padding-left: 12px;
        padding-right: 12px;
    }
}
@media (max-width: 549px) {  
  /*.ss-sanpham .small-columns-2 .flickity-slider>.col, .ss-sanpham .small-columns-2>.col {
    flex-basis: 70%;
    max-width: 70%;
  }
*/
  .ss-sanpham .row-slider .flickity-prev-next-button {
    display: none;
  }

}
/*@media (min-width: 550px) {  
  .ss-sanpham .row-slider .flickity-page-dots,
  .ss-sanpham .slider-nav-outside .flickity-page-dots {
    display: none;
  }
}
*/

/* ===== QW Outline Button ===== */

a.qw-outline-button{
  --qw-btn-color: #796E65;
  --qw-btn-thickness: 1px;
  --qw-btn-padding: 10px;

  display:inline-block;
  position:relative;
  text-decoration:none;
  color:var(--qw-btn-color);
  text-align:center;
  width:100%;
  min-width:180px;
  max-width:fit-content;
  margin:0 auto;
  padding: 3px;
}


.qw-outline-button .qw-btn-text{
  display:block;
  padding: var(--qw-btn-padding) 30px;
  text-transform:uppercase;
  font-size:16px;
  font-weight:400;
  color:var(--qw-btn-color);
  font-style: normal;
}

.dark .qw-outline-button .qw-btn-text {
  color:#fff;
}
@media (max-width: 549px) {  
  .qw-outline-button .qw-btn-text {
    padding: 8px 20px;
    font-size: 14px;
  }
}

/* top & bottom lines */
.qw-outline-button::before,
.qw-outline-button::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  height:var(--qw-btn-thickness);
  background:var(--qw-btn-color);
}
.dark .qw-outline-button::before,
.dark .qw-outline-button::after{
  background:#fff;
}

.qw-outline-button::before{
  top:0;
}

.qw-outline-button::after{
  bottom:0;
}

/* vertical short lines */
.qw-outline-button .qw-btn-text::before,
.qw-outline-button .qw-btn-text::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:var(--qw-btn-thickness);
  height:90%;
  background:var(--qw-btn-color);
}
.dark .qw-outline-button .qw-btn-text::before,
.dark .qw-outline-button .qw-btn-text::after{
  background:#fff;
}

.qw-outline-button .qw-btn-text::before{
  left:0;
  margin:auto 0;
}

.qw-outline-button .qw-btn-text::after{
  right:0;
  margin:auto 0;
}

/* Hover effect */

.dark .qw-outline-button:hover .qw-btn-text {
  background:#7E1416;
  color:#fff;
}
.qw-outline-button:hover .qw-btn-text {
  background:#7E1416;
  color:#fff;
}


.qw-outline-button:hover::before,
.qw-outline-button:hover::after,
.qw-outline-button:hover .qw-btn-text::after,
.dark .qw-outline-button:hover .qw-btn-text::before,
.dark .qw-outline-button:hover .qw-btn-text::after {
  background:#7E1416;
}


.text.link p {
  --qw-btn-color: #796E65;
  --qw-btn-thickness: 1px;
  --qw-btn-padding: 10px;

  display:inline-block;
  position:relative;
  text-decoration:none;
  color:var(--qw-btn-color);
  text-align:center;
  width:100%;
  min-width:180px;
  max-width:fit-content;
  margin:0 auto;
  padding: 3px;
}


.text.link p a {
  display:block;
  padding: var(--qw-btn-padding) 30px;
  text-transform:uppercase;
  font-size:16px;
  font-weight:400;
  color:var(--qw-btn-color);
  font-style: normal;
}

.dark .text.link p a {
  color:#fff;
}
@media (max-width: 549px) {  
  .text.link p a {
    padding: 8px 20px;
    font-size: 14px;
  }
}

/* top & bottom lines */
.text.link p::before,
.text.link p::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  height:var(--qw-btn-thickness);
  background:var(--qw-btn-color);
}
.dark .text.link p::before,
.dark .text.link p::after{
  background:#fff;
}

.text.link p::before{
  top:0;
}

.text.link p::after{
  bottom:0;
}

/* vertical short lines */
.text.link p a::before,
.text.link p a::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:var(--qw-btn-thickness);
  height:90%;
  background:var(--qw-btn-color);
}
.dark .text.link p a::before,
.dark .text.link p a::after{
  background:#fff;
}

.text.link p a::before{
  left:0;
  margin:auto 0;
}

.text.link p a::after{
  right:0;
  margin:auto 0;
}

/* Hover effect */

.dark .text.link p:hover a {
  background:#7E1416;
  color:#fff;
}
.text.link p:hover a {
  background:#7E1416;
  color:#fff;
}


.text.link p:hover::before,
.text.link p:hover::after,
.dark .text.link p:hover a::before,
.dark .text.link p:hover a::after,
.text.link p:hover a::after {
  background:#7E1416;
}








.nav-none .flickity-button {
  display: none !important;
}

@media (max-width: 549px) {  
  .ss-bst {
    padding-bottom: 0 !important;
  }
}

.nav-pagination>li>a, .nav-pagination>li>span {
    border-color: transparent;
    border-radius: 0;
}

.nav-pagination > li > .current,
.nav-pagination > li > a:hover {
    border-color: #9a2331;
    background: #fff !important;
    color: #000 !important;
}
.big-title p {
  color: var(--solid, #FFF);
  text-align: center;
  font-size: 88px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; 
  text-transform: capitalize;
  margin-bottom: 0;
}
@media (max-width: 849px) {  
  .big-title p {
    font-size: 68px;
  }
}
@media (max-width: 549px) {  
  .big-title p {
    font-size: 48px;
  }
}


.qw-slide-nav-host{
  position: relative;
  display: flex;
  flex-direction: column;
}

.qw-slide-nav{
/*  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;*/
  margin-top: auto;
  display: flex;
  gap: 12px;
  align-items: center;
}


.qw-slide-nav-btn{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(121,110,101,1);
  text-decoration: none !important;
  background: #F2F0F0;
  line-height: 1;
  font-size: 20px;
}



.qw-slide-nav-btn svg {
  width: 24px;
  height: 24px;
}



/* ===== Journey Section ===== */

.ss-journey .row-title h2 {
  color: var(--26, #7D5609);
  font-family: MonteCarlo;
  font-size: var(--font-size-H1, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  text-transform: capitalize;
}
.row.row-journey{
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));

}

.row.row-journey > .col{
  width: auto !important;
  max-width: none !important;
  flex: initial !important;
  margin: 0 !important;
}


.row.row-journey > .col > .col-inner{
  height: 100%;
}


.row.row-journey .img{
  margin-bottom: 14px;
}

/* Year */
.row.row-journey h3{
  margin: 0 0 10px;
}

/* Title */
.row.row-journey h2{
  margin: 0 0 10px;
}

/* Desc */
.row.row-journey p{
  margin: 0;
}

/* ===== Mobile: horizontal scroll ===== */
@media (max-width: 849px){

  .row.row-journey{
    grid-auto-flow: column;
    grid-auto-columns: 78%;
    grid-template-columns: unset;

    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* IE / Edge cũ */
  }
  .row.row-journey::-webkit-scrollbar{
    display: none;              /* Chrome / Safari */
  }

  .row.row-journey > .col{
    scroll-snap-align: start;
  }

}

/* Mobile nhỏ hơn */
@media (max-width: 549px){
  .row.row-journey{
    grid-auto-columns: 86%;
  }
    .row.row-journey > .col {
        padding-right: 0;
    }

}

.top-detail-post {
  display: none;
}
.tag-post {
  display: none;
}

.khtt-banner .section-bg.bg-loaded {
  background-position: center right;
}
.khtt-banner .title1 p {
  color: var(--65, #D3BD7B);
  font-family: MonteCarlo;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 60px */
  text-transform: capitalize;
  margin-bottom: 24px;
}
.khtt-banner .title2 p {
  color: var(--solid, #FFF);
  font-family: "Beautique Display";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 76.8px */
  text-transform: uppercase;
  margin-bottom: 24px;
}

  .khtt-banner .section-bg.bg-loaded:after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, var(--black-25, rgba(0, 0, 0, 0.35)) 0%,var(--black-25, rgba(0, 0, 0, 0.15)) 50%, var(--black-25, rgba(0, 0, 0, 0.45)) 100%);
  }
@media (max-width: 849px){
  .khtt-banner .section-bg.bg-loaded {
    background-position: -350px center;
  }
  .khtt-banner .title1 p {
    font-size: 40px;
  }
  .khtt-banner .title2 p {
    font-size: 44px;
  }
}
@media (max-width: 549px){
  .khtt-banner .section-bg.bg-loaded {
    background-position: center;
  }
  .khtt-banner .section-bg.bg-loaded:after {
    background: none;
  }
  .khtt-banner .title1 p {
    font-size: 30px;
  }
  .khtt-banner .title2 p {
    font-size: 34px;
  }
}

.col-thongtincuahang {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
}
@media (max-width: 549px){
  .col-thongtincuahang {
    max-height: unset;
  }
}

.row-ttch {
  cursor: pointer;
}
.section-title-container {
  margin-bottom: 32px;
}
@media (max-width: 849px){
  .section-title-container {
    margin-bottom: 28px;
  }
}
@media (max-width: 549px){
  .section-title-container {
    margin-bottom: 24px;
  }
}
.section-title.section-title-center {
    justify-content: center;
}
.section-title{
  margin-bottom: 0;
}
.section:not(.ss-cauchuyen) .row.row-collapse .section-title{
  padding-left: 15px;
  padding-right: 15px;
}
.section {
  padding: 32px 0 !important;
}
@media (max-width: 849px){
  .section {
    padding: 28px 0 !important;
  }
}
@media (max-width: 549px){
  .section {
    padding: 24px 0 !important;
  }
}
h3 .section-title-main {
  color: var(--44, #796E65);
  font-family: "Beautique Display";
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  text-transform: capitalize !important;
}
@media (max-width: 849px){
  h3 .section-title-main {
    font-size: 28px;
  }
}
@media (max-width: 549px){
  h3 .section-title-main {
    font-size: 24px;
  }
}


h4 .section-title-main {
    font-size: 18px;
}

.section.career-banner {
/*  min-height: 70dvh;
  align-items: flex-start;
  aspect-ratio: 1440/772;*/
  padding-bottom: 0 !important;
}

.section.career-banner .row.row_col-mb-0 > .col {
  padding-bottom: 0 !important;
}
.career-banner h1 {
  color: var(--solid, #FFF);
  text-align: center;
  font-family: "Beautique Display";
  font-size: 64px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 76.8px */
  text-transform: uppercase;
  margin-bottom: 0;
}
.career-banner h2 {
  color: var(--65, #D3BD7B);
  text-align: center;
  font-family: MonteCarlo !important;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 60px */
  text-transform: capitalize;
  margin-bottom: 16px;
}
@media (max-width: 849px){
  
  .career-banner h1 {
    font-size: 44px;
  }
  .career-banner h2 {
    font-size: 40px;
  }
}

@media (max-width: 549px){
  .career-banner h1 {
    font-size: 28px;
  }
  .career-banner h2 {
    font-size: 30px;
  }
}


/* ===== Tuyển dụng list ===== */
.qw-td-list{
  width: 100%;
}

.qw-td-filter{
  display:flex;
  gap:10px;
  justify-content:flex-end;
  align-items:center;
  margin: 0 0 18px;
  flex-wrap: wrap;
}

.qw-td-filter__search{
  position:relative;
  min-width: 280px;
}
.qw-td-filter__search input{
  width:100%;
  height:40px;
  padding: 0 12px 0 34px;
  border:1px solid #eee;
  background:#fff;
}
.qw-td-filter__icon{
  position:absolute;
  left:10px;
  top:13px;
  opacity:1;
}

.qw-td-filter__select select{
  height:40px;
  padding:0 10px;
  border:1px solid #eee;
  background:#fff;
  min-width: 150px;
}

/* item */
.qw-td-item{
  display:grid;
  grid-template-columns: 130px 1fr 160px;
  gap: 16px;
  align-items:center;
  background:#fff;
  border:1px solid #eee;
  padding: 18px;
  margin-bottom: 18px;
}

.qw-td-item__date{
  border-right:1px solid #eee;
  padding-right:16px;
}
.qw-td-item__dm{
  font-size:20px;
  font-weight:800;
  line-height:1.1;
}
.qw-td-item__y{
  font-size:20px;
  font-weight:800;
  line-height:1.1;
}
.qw-td-item__remain{
  margin-top:10px;
  font-size:12px;
  font-weight:700;
  color:#a37e2c;
}

.qw-td-item__title{
  margin:0 0 8px;
  font-size:18px;
  font-weight:800;
}
.qw-td-item__title a{
  color:#111;
  text-decoration:none;
}
.qw-td-item__excerpt{
  font-size:16px;
  color:#6a5f55;
  line-height:1.6;
  margin-bottom: 8px;
}
.qw-td-item__meta{
  font-size:14px;
  color:#111;
}

.qw-td-item__cta{
  display:flex;
  justify-content:flex-end;
}

a.qw-td-btn{
  --qw-btn-color: #7E1416;
  --qw-btn-thickness: 1px;
  --qw-btn-padding: 10px;

  display:inline-block;
  position:relative;
  text-decoration:none;
  color:var(--qw-btn-color);
  text-align:center;
  width:100%;
  min-width:140px;
  max-width:fit-content;
  margin:20px auto;
  padding: 3px;
}

.qw-td-btn .qw-btn-text{
  display:block;
  padding: var(--qw-btn-padding) 24px;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:16px;
  font-weight:400;
  color:var(--qw-btn-color);
}

.dark .qw-td-btn .qw-btn-text{
  color:#7E1416;
}
@media (max-width: 549px) {  
  .qw-td-btn .qw-btn-text {
    padding: 8px 20px;
  }
}

/* top & bottom lines */
.qw-td-btn::before,
.qw-td-btn::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  height:var(--qw-btn-thickness);
  background:var(--qw-btn-color);
}
.dark .qw-td-btn::before,
.dark .qw-td-btn::after{
  background:#fff;
}

.qw-td-btn::before{
  top:0;
}

.qw-td-btn::after{
  bottom:0;
}

/* vertical short lines */
.qw-td-btn .qw-btn-text::before,
.qw-td-btn .qw-btn-text::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:var(--qw-btn-thickness);
  height:90%;
  background:var(--qw-btn-color);
}
.dark .qw-td-btn .qw-btn-text::before,
.dark .qw-td-btn .qw-btn-text::after{
  background:#fff;
}

.qw-td-btn .qw-btn-text::before{
  left:0;
  margin:auto 0;
}

.qw-td-btn .qw-btn-text::after{
  right:0;
  margin:auto 0;
}

/* Hover effect */
.qw-td-btn .qw-btn-text {
  background:#7E1416;
  color:#fff;
}

/* pagination */
.qw-td-pagination ul{
  list-style:none;
  display:flex;
  gap:8px;
  padding:0;
  margin: 12px 0 0;
}
.qw-td-pagination a,
.qw-td-pagination span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  height:34px;
  border:1px solid #eee;
  text-decoration:none;
}
.qw-td-pagination .current{
  background:#111;
  color:#fff;
}

.qw-td-item__date-mb {
  display: none;
}

/* responsive */
@media (max-width: 849px){
  .qw-td-item{
    grid-template-columns: 110px 1fr;
    grid-template-areas:
      "date content"
      "cta  cta";
  }
  .qw-td-item__date{ grid-area: date; border-right:0; padding-right:0; }
  .qw-td-item__content{ grid-area: content; }
  .qw-td-item__cta{ grid-area: cta; justify-content:flex-start; }
  .qw-td-filter{ justify-content:center; }
  .qw-td-filter__search{ min-width: 100%; }
  .qw-td-filter__select select{ min-width: 48%; }
}

@media (max-width: 549px){
  .qw-td-item{
    grid-template-columns:1fr;
    grid-template-areas:
      "content"
      "cta";
  }
  .qw-td-item__date{display:none}

  .qw-td-item__date-mb {
    display: block;
    color: var(--black-solid, #000);
    font-size: var(--font-size-16, 14px);
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 16px;
  }
  a.qw-td-btn {
    margin:0;
  }
}


/* ===== Single tuyển dụng ===== */
.qw-job-single{
  background:#fff;
  padding: 30px 0 60px;
}

.qw-job-single__wrap{
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 18px;
}

.qw-job-single__page-title{
    color: var(--44, #796E65);
    text-align: center;
    font-family: "Beautique Display";
    font-size: var(--font-size-48, 48px);
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    text-transform: capitalize;
    margin-bottom: 16px;
}


@media (max-width: 849px){
  .qw-job-single__page-title{
    font-size: 38px;
    line-height: 1.15;
    margin-bottom: 16px;
  }
}


@media (max-width: 549px){
  .qw-job-single__page-title{
    font-size: 24px;
  }
}

.qw-job-single__grid{
  display:grid;
  grid-template-columns: 1fr 360px;
  gap: 22px;
  align-items:start;
}

.qw-job-card{
  border: 1px solid #eee;
  background:#fff;
  padding: 32px 24px;
}

.qw-job-card__title-wrap{
  display:flex;
  align-items:flex-start;
  gap: 12px;
}

.qw-job-card__title{
  margin:0;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  color:#111;
  flex: 1;
}

.qw-job-card__dept{
  font-weight: 800;
}

.qw-job-card__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 22px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 700;
  border-radius: 3px;
  background: #d9a441;
  color:#fff;
  white-space: nowrap;
  margin-top: 4px;
}

.qw-job-card__badge.is-expired{
  background:#999;
}

.qw-job-card__excerpt{
  margin-top: 10px;
}

.qw-job-card__salary{
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 800;
  color:#c00000;
}

.qw-job-card__meta{
  list-style:none;
  padding:0;
  margin: 10px 0 0;
  display:flex;
  flex-wrap:wrap;
  gap: 10px 14px;
  color:#111;
  opacity: .8;
}
.qw-job-card__meta li{
  display:flex;
  align-items:center;
  gap:6px;
}

/* icon placeholders*/
.qw-job-ic{
  width: 14px;
  height: 14px;
  display:inline-block;
  opacity:.7;
}
.qw-job-ic--calendar::before{ content:"📅"; }
.qw-job-ic--clock::before{ content:"⏱️"; }
.qw-job-ic--map::before{ content:"📍"; }
.qw-job-ic--users::before{ content:"👥"; }

/* content spacing */
.qw-job-card__content{
  margin-top: 14px;
}
.qw-job-card__content h3{
  margin: 18px 0 10px;
  font-weight: 800;
}
.qw-job-card__content p,
.qw-job-card__content li{
  line-height: 1.7;
}
.qw-job-card__content li{
  margin-bottom: 0;
}

.qw-job-card__content ul {
  padding-left: 24px;
}

/* Benefits */
.qw-job-benefits{
  margin-top: 18px;
  padding-top: 12px;
  border-top: 1px solid #eee;
}
.qw-job-section-title{
  margin: 0 0 12px;
  font-weight: 800;
}
.qw-job-benefits__grid{
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 14px;
}
.qw-benefit{
  display:flex;
  align-items:center;
  gap:8px;
  color:#111;
  opacity:.85;
}
.qw-bic{ width: 18px; text-align:center; }

/* Right Apply card */
.qw-apply-card{
  border: 1px solid #eee;
  background:rgba(192, 145, 90, 0.10);
  padding: 16px;
  position: sticky;
  top: 90px; /* tuỳ header */
}

.qw-apply-card__title{
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 800;
  color:#8b6a2b;
}

.qw-apply-card__desc{
  font-size: 12.5px;
  line-height: 1.6;
  color:#6a5f55;
  margin-bottom: 12px;
}

.qw-apply-card__note{
  font-size: 11px;
  line-height: 1.5;
  color:#6a5f55;
  margin-top: 10px;
}

/* Responsive */
@media (max-width: 849px){
  .qw-job-single__grid{
    grid-template-columns: 1fr;
  }
  .qw-apply-card{
    position: static;
  }
}


/* ===== CF7 Apply Form (Right column) ===== */
.qw-cf7-apply{
  display:block;
}

.qw-cf7-apply .qw-cf7-field{
  margin: 0 0 10px;
  position: relative;
}

.qw-cf7-apply input[type="text"],
.qw-cf7-apply input[type="email"],
.qw-cf7-apply input[type="tel"],
.qw-cf7-apply input[type="url"],
.qw-cf7-apply select,
.qw-cf7-apply textarea{
  width:100%;
  border:1px solid #eee;
  background:#fff;
  height: 38px;
  padding: 0 12px;
  font-size: 12.5px;
  box-shadow: none;
  outline: none;
  margin-bottom: 0;
}

.qw-cf7-apply textarea{
  height: 110px;
  padding: 10px 12px;
  resize: none;
}

.qw-cf7-apply select{
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #777 50%),
                    linear-gradient(135deg, #777 50%, transparent 50%);
  background-position: calc(100% - 18px) 16px, calc(100% - 12px) 16px;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* Counter dưới textarea */
.qw-cf7-counter{
  font-size: 11px;
  color:#7b6f65;
  text-align: right;
  margin-top: 6px;
}

/* Upload */
.qw-cf7-upload{
  margin-top: 6px;
}
.qw-cf7-upload input[type="file"]{
  width:100%;
  font-size: 12px;
}
.qw-cf7-upload-note{
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.5;
  color:#6a5f55;
}

.qw-cf7-submit{
    position: relative;
  margin-top: 12px;
}

.qw-cf7-apply .wpcf7-not-valid-tip{
  font-size: 11px;
  margin-top: 6px;
  background-color: transparent;
}
.qw-cf7-apply .wpcf7-response-output{
  margin: 10px 0 0;
  font-size: 12px;
}

.qw-cf7-apply .wpcf7-spinner{
  display: none;
}

/* ===== Custom File Upload ===== */

.qw-cf7-upload-wrap{
  margin-top: 10px;
}

/* Ẩn input gốc */
.qw-file-label input[type="file"]{
  position: absolute;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

/* Nút dashed */
.qw-file-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  width: 180px;
  height: 48px;

  border:1px dashed #796E65;
  background:#fff;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  color: #796E65;
}

.qw-file-button:hover{
  opacity:.75;
}

.qw-file-icon{
  width: 16px;
  height: 16px;
  background: center/cover url(../images/FileAddOutlined.svg) no-repeat;
}

/* Sau khi chọn file */
.qw-file-selected{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
  font-size:13px;
}

.qw-file-selected.hidden{
  display:none;
}

.qw-file-name{
  color:#1a73e8;
  word-break:break-all;
}

.qw-file-remove{
  cursor:pointer;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.625 2.875H5.5C5.56875 2.875 5.625 2.81875 5.625 2.75V2.875H10.375V2.75C10.375 2.81875 10.4312 2.875 10.5 2.875H10.375V4H11.5V2.75C11.5 2.19844 11.0516 1.75 10.5 1.75H5.5C4.94844 1.75 4.5 2.19844 4.5 2.75V4H5.625V2.875ZM13.5 4H2.5C2.22344 4 2 4.22344 2 4.5V5C2 5.06875 2.05625 5.125 2.125 5.125H3.06875L3.45469 13.2969C3.47969 13.8297 3.92031 14.25 4.45312 14.25H11.5469C12.0813 14.25 12.5203 13.8313 12.5453 13.2969L12.9312 5.125H13.875C13.9438 5.125 14 5.06875 14 5V4.5C14 4.22344 13.7766 4 13.5 4ZM11.4266 13.125H4.57344L4.19531 5.125H11.8047L11.4266 13.125Z' fill='%23796E65'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.qw-file-remove:hover{
  opacity:1;
}


@media (max-width: 849px){
  .qw-job-card__title-wrap {
    flex-direction: column;
  }
  .qw-job-card {
    padding: 18px;
  }
}

/* ===== Submit Button giống mockup ===== */
/* ===== Submit frame like screenshot ===== */
.qw-cf7-submit-block {
  margin: 24px auto 0;
  text-align: center;
}

.row-danhmuc .danhmuc-img{
  transition: filter .35s ease, transform .35s ease, opacity .35s ease;
}

/* tất cả mờ đi */
.row-danhmuc:hover .danhmuc-img img{
  filter: blur(2px) brightness(.7);
}
.row-danhmuc-item .box-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}
/* item đang hover nổi bật */
.row-danhmuc .danhmuc-img:hover img {
  filter: blur(0) brightness(1);
  z-index: 2;
}

@media (min-width: 850px){
  .row-danhmuc-item .col {
      transition: all 0.35s ease;
  }

  /* khi hover vào row */
  .row-danhmuc-item.row-danhmuc-1:hover .col {
      flex: 0 0 46;
      max-width: 46%;
  }

  /* col đang hover */
  .row-danhmuc-item.row-danhmuc-1 .col:hover {
      flex: 0 0 54%;
      max-width: 54%;
  }

  .row-danhmuc-2 {
    overflow: hidden;
  }

  .row-danhmuc-2 > .col{
    transition: flex-basis .35s ease, max-width .35s ease, height .35s ease;
    height: 50%;
    display: flex;
  }

  .row-danhmuc-2 > .col:first-child:hover{
    height: 55%;
  }

  .row-danhmuc-2:has(> .col:first-child:hover) > .col:nth-child(n+2){
    height: 45%;
  }

  .row-danhmuc-2:has(> .col:nth-child(n+2):hover) > .col:nth-child(n+2){
    flex: 0 0 31%;
    max-width: 31%;
    height: 50% !important;
  }

  .row-danhmuc-2 > .col:nth-child(n+2):hover{
    flex: 0 0 38% !important;
    max-width: 38% !important;
    height: 50% !important;
  }

  .row-danhmuc-2 .col-inner{
    width: 100%;
    height: 100%;
  }

  .row-danhmuc-2 .box.danhmuc-img{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
  }
  .row-danhmuc-2 .box-image{
    flex: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .row-danhmuc-2 .box-image > a,
  .row-danhmuc-2 .box-image > a > div{
    display: block;
    width: 100%;
    height: 100%;
  }
}






header .ux-menu-link__link {
  border: 0;
  padding: 4px 16px;
}
header .ux-menu-link.flex.menu-item span {
  color: var(--neutral-700, #535353);
  font-family: 'Plus Jakarta Sans', serif !important;;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 31px;
  padding: 0;
  margin: 0;
  border-bottom: 0;
}
/*header .ux-menu-link.flex.menu-item:hover {
  background: rgba(0, 0, 0, 0.06);
}*/
header .ux-menu-link.flex.menu-item:hover span {
  color: #7E1416;
}
@media (max-width: 549px) {
    .btn-fixed {
        bottom: 105px;
    }
}



@media (max-width: 549px){


  body{
    padding-bottom: 82px;
  }

  .qw-mobile-bar{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;

    background: #fff;
    border-top: 1px solid rgba(0,0,0,.08);
    box-shadow: 0 -6px 20px rgba(0,0,0,.06);
  }

  .qw-mobile-nav{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    padding: 4px 0;
  }

  .qw-mnav-item{
    text-decoration: none !important;
    color: #777;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 0;
    min-height: 60px;
    outline: none;
    box-shadow: none;
  }

  .qw-mnav-ic{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
  }
  .qw-mnav-ic svg{
    width: 24px;
    height: 24px;
  }

  .qw-mnav-tx{
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: center;
  }


  .qw-mnav-item.is-active{
    color: #7E1416;
  }
  .qw-mnav-item.is-active:not(.item-home) svg path {
    fill: #7E1416;
  }

  .qw-mnav-item.is-active .qw-mnav-tx{
    font-weight: 700;
    line-height: 13px;
  }


  .qw-home-indicator{
    height: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 8px;
  }
  .qw-home-indicator::before{
    content:"";
    width: 140px;
    height: 6px;
    border-radius: 999px;
    background: rgba(0,0,0,.5);
    opacity: .45;
  }
}

@media (min-width: 550px){
  .qw-mobile-bar{ display:none; }
}

#top-bar.header-top {
  background: linear-gradient(90deg, #FFF2C7 0%, #FFF 100%)!important;
}






body #header {
    top: 0;
    width: 100%;
    background: transparent;
    z-index: 1001;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.03);
}
body #header {
    position: sticky;
}
@media (min-width: 850px) {
    body.page-template-page-fixed-header #header {
        position: fixed;
        right: 0;
        left: 0;
    }
}

body #header * {
  transition: background-color .2s;
}
body.page-template-page-fixed-header:not(.scroll) #header {
  box-shadow: none;
}

body.page-template-page-fixed-header .header-bottom {
  background-color: transparent !important;
  transition: all .2s;
}
.qw-search-trigger .icon-sm {
    display: none;
}
@media (max-width: 849px){

    .qw-search-trigger .icon-pc {
        display: none;
    }

    .qw-search-trigger .icon-sm {
        display: block;
    }
}
@media (min-width: 850px){
  body.page-template-page-fixed-header:not(.scroll) .header-bg-color,
  body.page-template-page-fixed-header:not(.scroll) .header-bottom {
      background-color: transparent;
  }

  body.page-template-page-fixed-header:not(.scroll) .nav > li > a {
    color: #fff !important;
  }

  body.page-template-page-fixed-header:not(.scroll) .nav > li.nav-icon > a {
    color: #fff !important;
  }
  body.page-template-page-fixed-header:not(.scroll) .nav > li > a svg path {
    stroke: #fff !important;
  }
  /*body.page-template-page-fixed-header:not(.scroll) .nav > li > a.qw-search-trigger svg path {
    fill: #fff !important;
  }*/
  body.page-template-page-fixed-header .header_logo.header-logo {
    display: none !important;
    transition: all .2s;
  }
  body.page-template-page-fixed-header .header-logo-dark {
    transition: all .2s !important;
    display: block !important;
  }
  body.page-template-page-fixed-header.scroll .header_logo.header-logo {
    display: block!important;
  }
  body.page-template-page-fixed-header.scroll .header-logo-dark {
    display: none !important;
  }

}

.row-bst-product-slide .flickity-page-dots {
  margin-top: 24px;
}

.flickity-page-dots .dot.is-selected {
    background-color: #796E65;
}


.qw-gold-bar{
  position: relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 14px;
  background:#7E1416;
  color:#fff;
}
.qw-gold-bar::before{
  content:"";
  position:absolute;
  inset:0;
  background-image: url('../images/pattern.png');
  background-repeat: repeat;
  background-size: auto;
  pointer-events:none;
}
.qw-gold-ic{
  width: 22px;
  height: 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  opacity:.95;
}

.qw-gold-label{
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .2px;
}

@media (max-width: 849px){
  .qw-gold-label{
    font-size: 18px;
  }
}
@media (max-width: 549px){
  .qw-gold-bar {
    gap: 6px;
  }
  .qw-gold-label{
    font-size: 13px;
  }
}

.qw-gold-part{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  font-size: 18px;
}
@media (max-width: 849px){
  .qw-gold-part{
    font-size: 14px;
  }
}
@media (max-width: 549px){
  .qw-gold-part{
    font-size: 12px;
  }
}


.qw-gold-k{
  opacity:.95;
  font-weight: 500;
}

.qw-gold-v{
  font-weight: 800;
}

.qw-gold-divider{
  width: 1px;
  height: 20px;
  background: rgba(255,255,255,.45);
  margin: 0 4px;
}

.ss-sanpham .tab-panels {
  transition: min-height .2s ease;
  padding-top: 40px;
}
@media (max-width: 549px){
  .ss-sanpham .tab-panels {
    padding-top: 24px;
  }
}
.row-loiich h3 {
  font-family: 'Plus Jakarta Sans', serif !important;
}


.section.bottom-footer:before{
  content:"";
  position:absolute;
  inset:0;
  background-image: url('../images/pattern.png');
  background-repeat: repeat;
  background-size: auto;
  pointer-events:none;
  opacity:.3;
}

.row-journey h3 {
  font-family: 'Plus Jakarta Sans', serif !important;
}

.bottom-footer .text.title p {
  font-family: 'Beautique Display', serif !important;
}
#top-bar.header-top,
#top-bar.header-top .hide-for-medium.flex-center {
  display:block !important;
}
.mobile-nav .nav-icon.has-icon a i {
  display: none;
}
.mobile-nav .nav-icon.has-icon a {
    padding-top: 2px;
    padding-bottom: 2px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 8L4 8C3.44772 8 3 7.55229 3 7C3 6.44772 3.44772 6 4 6L20 6C20.5523 6 21 6.44772 21 7C21 7.55228 20.5523 8 20 8Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 13L4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11L20 11C20.5523 11 21 11.4477 21 12C21 12.5523 20.5523 13 20 13Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 18L4 18C3.44772 18 3 17.5523 3 17C3 16.4477 3.44772 16 4 16L20 16C20.5523 16 21 16.4477 21 17C21 17.5523 20.5523 18 20 18Z' fill='black'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    margin-top: 3px;
    margin-left: -1px;
}
div#wide-nav {
  padding-bottom: 0;
}
/* Trang fixed header khi scroll */
body.page-template-page-fixed-header.scroll .header:not(.transparent) .header-bottom-nav.nav > li.current-dropdown > a,
body.page-template-page-fixed-header.scroll .header:not(.transparent) .header-bottom-nav.nav > li > a:hover,
body.page-template-page-fixed-header.scroll .header:not(.transparent) .header-bottom-nav.nav > li.active > a,
body.page-template-page-fixed-header.scroll .header:not(.transparent) .header-bottom-nav.nav > li.current > a,
body.page-template-page-fixed-header.scroll .header:not(.transparent) .header-bottom-nav.nav > li > a.active,
body.page-template-page-fixed-header.scroll .header:not(.transparent) .header-bottom-nav.nav > li > a.current,

/* Các trang còn lại mặc định */
body:not(.page-template-page-fixed-header) .header:not(.transparent) .header-bottom-nav.nav > li.current-dropdown > a,
body:not(.page-template-page-fixed-header) .header:not(.transparent) .header-bottom-nav.nav > li > a:hover,
body:not(.page-template-page-fixed-header) .header:not(.transparent) .header-bottom-nav.nav > li.active > a,
body:not(.page-template-page-fixed-header) .header:not(.transparent) .header-bottom-nav.nav > li.current > a,
body:not(.page-template-page-fixed-header) .header:not(.transparent) .header-bottom-nav.nav > li > a.active,
body:not(.page-template-page-fixed-header) .header:not(.transparent) .header-bottom-nav.nav > li > a.current {
    color: #7E1416 !important;
}
.sub-menu .ux-menu-link__link {
    margin-bottom: 2px;
}

.sub-menu .ux-menu-link--active .ux-menu-link__link,
.sub-menu .ux-menu-link:hover .ux-menu-link__link {
    background: rgba(163, 27, 31, 0.10);
    border-radius: 4px;
    color: #7E1416 !important;
}

.col-decor .col-inner {
  position: relative;
}
.col-decor .col-inner img {
  margin: 0;
}
.col-decor .col-inner .decoer-img {
  z-index: 2;
}
.col-decor .col-inner .decor-pattern {
  position: absolute;
  inset: 0;
  z-index: 1;
  animation: decorRotate 15s linear infinite;
  transform-origin: center center;
}

@keyframes decorRotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*.ss-sanpham .row-xsmall>.flickity-viewport>.flickity-slider>.col {
  padding: 0 12px 3px;
}
@media (max-width: 549px){
  .ss-sanpham .row-xsmall>.flickity-viewport>.flickity-slider>.col {
    padding: 0 8px 3px;
  }
}*/
.ss-sanpham .flickity-slider .col > .col-inner{
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 549px){
  .ss-sanpham .col > .col-inner{
  padding-left: 8px;
  padding-right: 8px;
  }
}

.mb-0.text p:last-of-type{
  margin-bottom: 0;
}
.col, .columns, .gallery-item {
  padding: 0 16px 32px;
}
@media (max-width: 549px){
    .container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
        margin-bottom: 0;
        margin-left: -8px;
        margin-right: -8px;
    }
    .row-small>.col{
        padding: 0 16px 24px;
    }
    .row-small>.flickity-viewport>.flickity-slider>.col {
        padding: 0 8px 24px;
    }
    .col, .columns, .gallery-item {
        padding: 0 16px 24px;
    }
}
.ss-sanpham .nav>li>a {
  padding: 0;
}


.section.ss-bst {
  padding-bottom: 0 !important;
}
.pt-32 {
  padding-top: 32px;
}
@media (max-width: 549px){
  .pt-32 {
    padding-top: 24px;
  }
}

@media (min-width: 850px){
  .row_col-pb-0.row .col {
    padding-bottom: 0;
  }
  .row-pb-0.row .col {
    padding-bottom: 0 !important;
  }
}
.mb-16.section-title-container {
  margin-bottom: 16px;
}


@media (max-width: 549px){
  .mb-px-16.row {
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .section-title-center span {
    margin: 0;
  }
  .row-tinhhoa .row-img-item .col {
    padding: 0 8px;
  }
  .row.row-tinhhoa .col:last-of-type {
    padding-bottom: 0 !important;
  }

}




@media (max-width: 849px) {
  ul.nav.nav-sidebar.nav-vertical.nav-uppercase li.current-menu-item > a,
  ul.nav.nav-sidebar.nav-vertical.nav-uppercase li.current-menu-ancestor > a {
    color: #7E1416;
  }
  ul.nav.nav-sidebar.nav-vertical.nav-uppercase li:is(.current-menu-item, .current-menu-ancestor)
  > a .ux-sidebar-menu-icon {
    filter: brightness(0) saturate(100%) invert(13%) sepia(48%) saturate(3946%) hue-rotate(341deg) brightness(94%) contrast(102%);
  }

  ul.nav.nav-sidebar.nav-vertical.nav-uppercase li.mobile-logo-menu > a .ux-sidebar-menu-icon,
  ul.nav.nav-sidebar.nav-vertical.nav-uppercase li.is-icon-logo > a .ux-sidebar-menu-icon,
  ul.nav.nav-sidebar.nav-vertical.nav-uppercase li#menu-item-4235 > a .ux-sidebar-menu-icon {
    filter: none;
  }
}

.section.ss-cauchuyen p {
  margin-bottom: 16px;
}

.section.ss-cauchuyen .section-title-container {
  margin-bottom: 16px;
}
.section.ss-cauchuyen .is-divider {
  margin-bottom: 16px!important;
  margin-top: 0!important;
}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
  box-shadow: none;
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
  box-shadow:none;
  border-color: #7E1416;
  border-radius: 0;
}

.qw-dropdown{
  position: relative;
      margin-bottom: 1em;
}

.qw-dropdown-toggle{
  width: 100%;
  height: 40px;
  padding: 0 40px 0 12px;
  background: #fff;
  text-align: left;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.qw-dropdown-arrow{
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 1.5px solid #796e65;
  border-bottom: 1.5px solid #796e65;
  transform: translateY(-60%) rotate(45deg);

}

.qw-dropdown-menu{
  display: none;
  position: absolute;
  top: 100%;
  left: -60px;
  right: 0;
  background: #fff;
  z-index: 99;
  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.05);
  padding: 4px;
  font-size: 14px;
}

.qw-dropdown.open .qw-dropdown-menu{
  display: block;
}

.qw-dropdown-item{
  padding: 10px 12px;
  margin-bottom: 4px;
  cursor: pointer;
}
.qw-dropdown-item:last-of-type{
  margin-bottom: 0;
}

.qw-dropdown-item:hover,
.qw-dropdown-item.is-active{
  background: rgba(163, 27, 31, 0.10);
  color: var(--34, #7E1416);
}

@media (min-width: 850px) {
  .slide-cauchuyen {
    margin-left: -17px;
    margin-right: -17px;
  }
}

.slide-cauchuyen .slider {
    padding-bottom: 0;
}
.section.ss-cauchuyen .section-content {
  padding-top: 52px;
  padding-bottom: 24px;
}

@media (max-width: 549px) {
  .section.ss-cauchuyen .section-content {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.row-loiich .text.mb-0 {
  margin-bottom: 8px !important;
}

.row-loiich .text.info p {
  margin-bottom: 0;
}

.row-loiich .text.info {
  max-width: 90%;
  margin: 0 auto;
}
.row-loiich .text.info p {
  font-size: 14px;
}

.row.footer-bt-1a,
.row.footer-bt-1a .col,
.row.footer-bt-1a .col .col-inner {
  height: 100%;
}
.row.footer-bt-1a > .col > .col-inner {
  display: flex;
  flex-direction: column;

}
.row.footer-bt-1a .row.row-socials {
  margin-top: auto;
}
.row.footer-bt-1a .row.row-socials .col {
  padding-bottom: 19px;
}


.row.footer-bt-1a,
.row.footer-bt-1a a {
  color: #fff !important;
}



.text-justify {
  text-align: justify !important;
}

footer#footer .row.mb-full-footer .text.title p {
  margin-bottom: 16px;
}

@media (max-width: 849px) {

  
    .logo-footer {
        text-align: center;
        margin-bottom: 24px;
    }

  .row-socials .col-inner {
    justify-content:center;
  }
  .footer-bt-1a .text.text-justify {
    text-align: center!important;
  }
}

@media (max-width: 549px) {
    .bottom-footer .text.title p,
  footer#footer .row.mb-full-footer .text.title p {
    margin-bottom: 16px;
  }
  .title.title-gcn p {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .row.footer-bt-1 .col.col-right {
    padding-bottom: 0;
  }
}

.row.row-ttch h4.name {
  color: var(--26, #7D5609);
  font-family: "Plus Jakarta Sans" !important;
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.row.row-ttch.is-active h4.name {
  color: #7E1416;
}
.row.row-ttch.is-active h4.name img {
  filter: brightness(0) saturate(100%) invert(13%) sepia(48%) saturate(3946%) hue-rotate(341deg) brightness(94%) contrast(102%);
}


.row.row-ttch h4.name img {
  margin-bottom: 0;
  width: 24p;
  height: 24px;
}
.row.row-ttch .text.info p {
  margin-bottom: 10px;
}

.row.row-ttch .col {
  padding-top: 16px;
  padding-bottom: 0;
}
@media (max-width: 549px) {
    .row.row-ttch .col {
      padding-left: 16px;
      padding-right: 16px;
    }
}
.row.row-ttch .is-divider {
  margin-bottom: 12px;
  margin-top: 24px;
}

.iframe-map p {
  margin-bottom: 0;
}

.post-title a.plain {
  color: #181A20;
  font-family: "Plus Jakarta Sans";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 8px;
}

@media (max-width: 549px) {
    
}

.from_the_blog_excerpt {
  color: var(--46, #767676);
  text-align: justify;
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  line-height: 160%;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.khuyen-mai-item .from_the_blog_excerpt {
  -webkit-line-clamp: 2;
}


/*.row.row-postslide .box-text {
  padding-top: 24px;
}*/

/* ===== LDJ Custom Post Media ===== */

.ldj-post-media {
  display: flex;
  column-gap: 8px;
  width: 100%;
}

.ldj-post-media__date {
  flex: 0 0 80px;
  max-width: 80px;
}

.ldj-post-media__image {
  flex: 1 1 auto;
  min-width: 0;
}

.ldj-post-media__link {
  display: block;
  width: 100%;
  text-decoration: none;
}

.ldj-post-media__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 161 / 85;
  object-fit: cover;
}

/* ===== Date ===== */

.ldj-post-date-custom {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #E6D7A6;
  font-family: "Beautique Display", serif;
  font-weight: 400;
  line-height: 1;
  text-align: left;
  font-style: italic;
  height: 100%;
}

.ldj-post-date-top {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  align-content: flex-end;
  column-gap: 2px;
  row-gap: 0;
  margin: 0;
  max-width: 86px;
}

.ldj-day,
.ldj-month {
  display: block;
  font-size: 56px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -3px;
}

.ldj-day {
  min-width: 54px;
}

.ldj-slash {
  display: block;
  font-size: 32px;
  line-height: 1;
  margin-left: -6px;
  padding-bottom: 4px;
}

.ldj-month {
  width: 100%;
  margin-top: -4px;
}

.ldj-year {
  display: block;
  font-size: 30px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -1px;
  margin-top: 8px;
}

/* ===== Responsive ===== */

/*@media (max-width: 849px) {

  .ldj-post-media__date {
    flex-basis: 58px;
    max-width: 58px;
  }

  .ldj-post-date-top {
    max-width: 58px;
    margin-bottom: 8px;
  }

  .ldj-day,
  .ldj-month {
    font-size: 46px;
    letter-spacing: -2px;
  }

  .ldj-slash {
    font-size: 22px;
    margin-top: 4px;
  }

  .ldj-year {
    font-size: 24px;
  }
}

@media (max-width: 549px) {

  .ldj-post-media__date {
    flex-basis: 46px;
    max-width: 46px;
  }

  .ldj-post-date-top {
    max-width: 46px;
    margin-bottom: 6px;
  }

  .ldj-day,
  .ldj-month {
    font-size: 34px;
    letter-spacing: -1px;
  }

  .ldj-slash {
    font-size: 16px;
    margin-top: 3px;
  }

  .ldj-year {
    font-size: 18px;
  }
}*/

/* ===== Wrapper slider ===== */
.row.row-postslide .flickity-prev-next-button {
  display: none;
}


.row.row-postslide:after {
  display: none;
}
.row-postslide::-webkit-scrollbar {
  display: none;
}

/* ===== Item ===== */
.row-postslide > .col.post-item {
  scroll-snap-align: start;
  padding: 0 !important;
}

/* ===== Mobile ===== */

/* ===== Dots ===== */
.ldj-post-dots {
  display: none;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}


@media (max-width: 549px) {
  .ldj-post-dots {
    display: flex;
  }

}


.ldj-post-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(0,0,0,.2);
  cursor: pointer;
  transition: all .25s ease;
}

.ldj-post-dot.active {
  background: #000;
}

.stack.stack-gcn .img {
  width: auto!important;
  height: auto;
}
/*@media (min-width: 550px) {
    .text.box-pttt img {
      padding-top: 10px;
    }
}
*/
.ss-sanpham .name.product-title {
  min-height: 48px;
  max-height: 48px;
}

.name.product-title a {
  color: var(--44, #796E65);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  text-align: center;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.ss-sanpham .name.product-title a {
  -webkit-line-clamp: 2;
}

.ss-sanpham .flickity-viewport,
.ss-sanpham .flickity-slider .col,
.ss-sanpham .flickity-slider .col .col-inner {
  transition: none !important;
}

.slider-nav-light .flickity-page-dots .dot {
  background: #fff;
}

















.qw-exchange-rotator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 14px;
  background: #7E1416;
  color: #fff;
  overflow: hidden;
  width: 100%;
  touch-action: pan-y;
  user-select: none;
  -webkit-user-select: none;
  margin-top: 32px;
}

@media (max-width: 549px) {
  
    .qw-exchange-rotator {
      margin-top: 16px;
    }

}
.qw-exchange-rotator::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(../images/pattern.png);
    background-repeat: repeat;
    background-size: auto;
    pointer-events: none;
}

.qw-exchange-item {
  display: none;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  cursor: grab;
}

.qw-exchange-item.is-active {
  display: flex;
}

.qw-exchange-ic {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.qw-exchange-ic img {
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain;
}

.qw-exchange-label {
  display: inline-flex;
  align-items: center;
}

.qw-exchange-label p {
  margin: 0;
  color: #fff;
}


.qw-exchange-label p {
  font-size: 20px;
  font-weight: 800;
  letter-spacing: .2px;
}

@media (max-width: 849px){
  .qw-exchange-label p {
    font-size: 18px;
  }
}
@media (max-width: 549px){
  .qw-exchange-label p {
    font-size: 13px;
  }
}


.qw-exchange-part{
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  font-size: 18px;
}
@media (max-width: 849px){
  .qw-exchange-part{
    font-size: 14px;
  }
}
@media (max-width: 549px){
  .qw-exchange-part{
    font-size: 12px;
    gap: 4px;
  }
}


.qw-exchange-divider {
  width: 1px;
  height: 14px;
  background: rgba(255,255,255,.3);
}
.qw-exchange-v {
  font-weight: 800;
}


button.qw-td-filter__submit[type='submit']{
  --qw-btn-color: #7E1416;
  --qw-btn-thickness: 1px;
  --qw-btn-padding: 0;

  display:inline-block;
  position:relative;
  text-decoration:none;
  color:var(--qw-btn-color);
  text-align:center;
  padding: 2px;
  background-color: #fff;
  display: none;
}

.qw-td-filter__submit .qw-td-filter__submit-text{
  display:block;
  padding: var(--qw-btn-padding) 24px;
  text-transform:uppercase;
  letter-spacing:2px;
  font-size:16px;
  font-weight:400;
  color:var(--qw-btn-color);
}

.dark .qw-td-filter__submit .qw-td-filter__submit-text{
  color:#7E1416;
}
@media (max-width: 549px) {  
  .qw-td-filter__submit .qw-td-filter__submit-text {
    padding: var(--qw-btn-padding) 20px;
  }
}

/* top & bottom lines */
.qw-td-filter__submit::before,
.qw-td-filter__submit::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  height:var(--qw-btn-thickness);
  background:var(--qw-btn-color);
}
.dark .qw-td-filter__submit::before,
.dark .qw-td-filter__submit::after{
  background:#fff;
}

.qw-td-filter__submit::before{
  top:0;
}

.qw-td-filter__submit::after{
  bottom:0;
}

/* vertical short lines */
.qw-td-filter__submit .qw-td-filter__submit-text::before,
.qw-td-filter__submit .qw-td-filter__submit-text::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:var(--qw-btn-thickness);
  height:90%;
  background:var(--qw-btn-color);
}
.dark .qw-td-filter__submit .qw-td-filter__submit-text::before,
.dark .qw-td-filter__submit .qw-td-filter__submit-text::after{
  background:#fff;
}

.qw-td-filter__submit .qw-td-filter__submit-text::before{
  left:0;
  margin:auto 0;
}

.qw-td-filter__submit .qw-td-filter__submit-text::after{
  right:0;
  margin:auto 0;
}

/* Hover effect */
.qw-td-filter__submit:hover .qw-td-filter__submit-text {
  background:#7E1416;
  color:#fff;
}


@media (max-width: 549px){
  .qw-dropdown-menu {
    left: -30px;
    right: -30px;
  }
}


.section.ss-khtt-info .section-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media (max-width: 849px) {
    body.body-scroll-lock--active .mfp-wrap {
        z-index: 99995;
    }
}



@media (min-width: 850px) {
  .footer-bt-1.row-large>.col {
    padding-bottom: 0!important;
  }
}

.row.footer-bt-1a .social-pc .row.row-socials .col {
  padding-bottom: 12px;
}

.text.link-arrow a {
  position: relative;
  color: var(--44, #796E65);
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  line-height: 160%;
  display: flex;
  align-items: center;
  gap: 4px;
}
.text.link-arrow a:after {
  content: '';
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.8616 2.86189C9.12195 2.60154 9.54406 2.60154 9.80441 2.86189L14.4711 7.52855C14.7314 7.7889 14.7314 8.21101 14.4711 8.47136L9.80441 13.138C9.54406 13.3984 9.12195 13.3984 8.8616 13.138C8.60125 12.8777 8.60125 12.4556 8.8616 12.1952L12.3902 8.66663H1.99967C1.63148 8.66663 1.33301 8.36815 1.33301 7.99996C1.33301 7.63177 1.63148 7.33329 1.99967 7.33329H12.3902L8.8616 3.8047C8.60125 3.54435 8.60125 3.12224 8.8616 2.86189Z' fill='%23796E65'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-flex;
}

.ldj-search-header{
  text-align:center;
  padding-bottom: 32px;
  padding-top: 32px;
  width: 100%;
  max-width: 1218px;
  margin: 0 auto;
}

.ldj-search-header h1{
  color: var(--44, #796E65);
  text-align: center;
  font-family: "Beautique Display";
  font-size: var(--font-size-48, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 16px;
}

@media (max-width: 849px) {  
  .ldj-search-header h1{
    font-size: 38px;
    line-height: 140%;
  }
}

@media (max-width: 549px) {  
  .ldj-search-header h1{
    font-size: 28px;
    line-height: 130%;
  }
}


.ldj-search-tabs{
    display:flex;
    justify-content:center;
    gap:32px;
    flex-wrap:wrap;
}

.ldj-search-tabs a{
  position:relative;
  color: var(--44, #796E65);
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 14.4px */
  text-transform: uppercase;
  height: 30px;
  outline: none;
}

.ldj-search-tabs a.active{
  color:#7E1416;
}

.ldj-search-tabs a.active::after{
  content:'';
  position:absolute;
  left:10%;
  right:10%;
  bottom:0;
  width:80%;
  height:2px;
  background:#7E1416;
}

.search-no-results .no-results {
  padding-top: 48px;
}

.search div#content.blog-wrapper {
  padding-top: 32px;
  padding-bottom: 24px;
}
.search-no-results .message-container {
  font-family: 'Beautique Display' !important;
  font-weight: 700;
  font-style: normal;
  font-size: 1.7em;
  line-height: 1.3;
  color: #555;
  padding-top: 32px;
}

.search-page #content .row .post-item {
  flex-basis: 100%;
  max-width: 100%;
  padding: 24px 0;
  border-bottom: 1px solid var(--solid-gray, #E5E5E5);
  margin-left: 15px;
  margin-right: 15px;
}
.search-page .post-item .box-text {
  padding: 0;
}
.search-page .post-item .is-divider,
.search-page .post-item .box-image {
  display: none;
}
.search-page .post-item .post-title a.plain {
  color: var(--57, #B78E6C);
  text-align: justify;

  /* System/16/m_bold */
  font-family: "Plus Jakarta Sans";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  margin-bottom: 0;
}
.search-page .post-item p.from_the_blog_excerpt  {
  overflow: hidden;
  color: var(--46, #767676);
  text-align: justify;
  text-overflow: ellipsis;

  /* System/14/s */
  font-family: "Plus Jakarta Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: var(--font-weight-400, 400);
  line-height: 160%; /* 22.4px */
  margin-top: 16px;
}

.ldj-tax-header{
    background: #fff;
    padding: 0 0 24px;
    margin-bottom: 0;
}

.ldj-tax-header__title{
  color: var(--44, #796E65);
  text-align: center;

  /* BP/Category title */
  font-family: "Beautique Display";
  font-size: var(--font-size-48, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 72px */
  text-transform: capitalize;
  margin-bottom: 16px;
}

.ldj-tax-header__nav-wrap{
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
}

.ldj-tax-header__nav-scroll{
    flex: 1 1 auto;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.ldj-tax-header__nav-scroll::-webkit-scrollbar{
    display: none;
}

.ldj-tax-header__nav{
    display: flex;
    align-items: center;
    gap: 30px;
    min-width: max-content;
    width: fit-content;
    margin: 0 auto;
    padding: 0 0 12px;
}

.ldj-tax-header__nav-item{
    position: relative;
    white-space: nowrap;
    text-decoration: none;
    color: var(--44, #796E65);
  text-align: center;

  /* System/12/xs_bold_UP */
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}

.ldj-tax-header__nav-item:hover,
.ldj-tax-header__nav-item.active{
    color: #7E1416;
}

.ldj-tax-header__nav-item.active::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 2px;
    background: #7E1416;
}

.ldj-tax-header__arrow{
    display: none;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #111;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex: 0 0 24px;
    margin: 0;
    min-height: 24px;
}

.ldj-tax-header__toolbar{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    border-top: 1px solid #BCB6B3;
    border-bottom: 1px solid #BCB6B3;
    padding: 24px 0;
}

.ldj-tax-header__toolbar-left{
    display: flex;
    align-items: center;
    gap: 18px;
    flex: 1 1 auto;
    min-width: 0;
}

.ldj-tax-header__result-count{
    color: #767676;
    font-size: 14px;
    white-space: nowrap;
}

.ldj-tax-header__filters{
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.ldj-tax-header__result-count.for-desktop {
    border-right: 1px solid var(--72, #BCB6B3);
    padding-right: 16px;
}

.ldj-tax-header__filter-item{
    padding: 0;
}

.ldj-tax-header__filter-item select,
.ldj-tax-header__sort-form select,
.ldj-tax-header__sort--mobile select{
    border: 0;
    background: transparent;
    color: #4f4b48;
    font-size: 14px;
    font-weight: 400;
    padding: 0 18px 0 0;
    height: auto;
    min-height: 24px;
    box-shadow: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none;
    cursor: pointer;
    margin-bottom: 0;
}

/*.ldj-tax-header__filter-item::after,
.ldj-tax-header__sort-form::after,
.ldj-tax-header__sort--mobile::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-right: 1.5px solid #8d92a5;
    border-bottom: 1.5px solid #8d92a5;
    transform: rotate(45deg);
    pointer-events: none;
}*/

.ldj-tax-header__filter-item{
    position: relative;
}

.ldj-tax-header__toolbar-right{
    flex: 0 0 auto;
}

.ldj-tax-header__sort-form{
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}

.ldj-tax-header__sort-label{
    margin: 0;
    color: #1D1D1D;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.ldj-tax-header__sort--mobile{
    display: none;
    position: relative;
    padding: 0 18px;
    /*border-left: 1px solid #d3cec9;*/
}

@media (min-width: 850px){
    .ldj-tax-header{
        padding-left: 8px;
        padding-right: 8px;
    }

    .ldj-tax-header__nav-wrap{
        justify-content: center;
    }

    .ldj-tax-header__nav-scroll{
        overflow: visible;
    }
}
body:not(.single-post) .breachcrumb {
    display: none!important;
}

body.single-post .breachcrumb {
    padding-bottom: 0!important;
}


@media (max-width: 849px){
    .ldj-tax-header__title{
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 16px;
    }

    .ldj-tax-header__arrow{
        display: inline-flex;
    }

    .ldj-tax-header__nav{
        gap: 28px;
        margin: 0;
        padding: 0;
    }

    .ldj-tax-header__toolbar{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 0;
    }

    .ldj-tax-header__toolbar-left{
        display: none;
    }

    .ldj-tax-header__filters{
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        justify-content: flex-end;
        padding: 14px 0;
    }

    .ldj-tax-header__filter-item{
        padding: 0 14px 0 0;
        flex: 1 1 auto;
        min-width: 0;
    }

    .ldj-tax-header__filter-item + .ldj-tax-header__filter-item{
        border-left: 0;
    }

    .ldj-tax-header__sort--mobile{
        display: block;
        /*flex: 1 1 auto;*/
        min-width: 0;
        /*padding: 0 14px 0 16px;*/
    }

    /*.ldj-tax-header__toolbar-right{
        display: none;
    }
*/

    .ldj-tax-header__sort-label.ldj-orderby-desktop {
      display: none;
    }
    .ldj-tax-header__result-count{
        padding: 14px 0 0;
        font-size: 14px;
    }

    .ldj-tax-header__filter-item select,
    .ldj-tax-header__sort--mobile select{
        width: 100%;
        font-size: 14px;
    }
}


@media (max-width: 549px){
  .ldj-tax-header__title{
      font-size: 24px;
  }
}



.ldj-dropdown{
    position: relative;
}

.ldj-dropdown-toggle{
    border: 0;
    background: transparent;
    cursor: pointer;
    padding-right: 18px;
    position: relative;
    text-transform: unset;
    margin: 0;
    color: var(--11, #1D1D1D);
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: var(--font-weight-400, 400);
    line-height: 155%;
    padding-left: 0;
}

.ldj-dropdown-toggle::after{
    content:"";
    position:absolute;
    right:0;
    top:50%;
    width:8px;
    height:8px;
    margin-top:-5px;
    border-right:1.5px solid #8d92a5;
    border-bottom:1.5px solid #8d92a5;
    transform:rotate(45deg);
}

.ldj-dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    min-width:180px;
    background:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    opacity:0;
    visibility:hidden;
    transform:translateY(8px);
    transition:.25s ease;
    z-index:20;
    padding: 4px;
}

.ldj-tax-header__sort-form .ldj-dropdown-menu{
    left:unset;
    right: 0;
}

.ldj-dropdown:hover .ldj-dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.ldj-dropdown-menu a{
    display:block;
    padding:10px 14px;
    font-size:14px;
    color:#4f4b48;
    text-decoration:none;

}

.ldj-dropdown-menu a:hover,
.ldj-dropdown-menu a.active{
    background: rgba(163, 27, 31, 0.10);
    color: var(--34, #7E1416);
}

.ldj-tax-header__result-count.for-mobile {
  display: none;
}
@media (max-width: 849px){
  .ldj-tax-header__result-count.for-mobile {
    display: block;
  }
  .ldj-tax-header__result-count.for-desktop {
    display: none;
  }
}

.woocommerce-product-gallery .button.icon.circle {
  display: none!important;
}

.title-breadcrumbs a:hover, .breadcrumbs a:hover{
  color: var(--9-a-2331, #7E1416);
}

.product-gallery-slider.slider {
  padding-bottom: 0;
}






.product-gallery .row-small>.col {
    padding: 0 12px 0;
}
.product-gallery .row-small>.col:not(.vertical-thumbnails) {
    padding: 0;
}
@media (max-width: 849px){
    .product-gallery .row-small>.col:not(.vertical-thumbnails) {
        padding: 0 8px 0;
    }

}

.list-cat a, .list-cat a span.css-1l7n2ui {
  color: var(--44, #796E65);
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 14.4px */
}
.list-cat a:hover, .list-cat a:hover span.css-1l7n2ui{
  color: var(--9-a-2331, #7E1416);
}
.product-title.product_title {
   color: var(--11, #1D1D1D);
  font-size: var(--font-size-H2, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  text-transform: capitalize;
}


.product-info.summary.col-fit.col.entry-summary.product-summary .sticky_show {
    gap: 8px;
}


a.btn-lapduc-contact{
  --qw-btn-color: #796E65;
  --qw-btn-thickness: 1px;
  --qw-btn-padding: 12px;

  display:inline-block;
  position:relative;
  text-decoration:none;
  color:var(--qw-btn-color);
  text-align:center;
  width:100%;
  min-width:180px;
  max-width:fit-content;
  margin:16px auto;
  padding: 3px;
}


.btn-lapduc-contact .btn-lapduc-contact__string{
  display:block;
  padding: var(--qw-btn-padding) 30px;
  text-transform:uppercase;
  font-size:16px;
  font-weight:400;
  color:var(--qw-btn-color);
  font-style: normal;
}

.dark .btn-lapduc-contact .btn-lapduc-contact__string {
  color:#fff;
}
@media (max-width: 549px) {  
  .btn-lapduc-contact .btn-lapduc-contact__string {
    padding: var(--qw-btn-padding) 20px;
    font-size: 14px;
  }
}

/* top & bottom lines */
.btn-lapduc-contact::before,
.btn-lapduc-contact::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  height:var(--qw-btn-thickness);
  background:var(--qw-btn-color);
}
.dark .btn-lapduc-contact::before,
.dark .btn-lapduc-contact::after{
  background:#fff;
}

.btn-lapduc-contact::before{
  top:0;
}

.btn-lapduc-contact::after{
  bottom:0;
}

/* vertical short lines */
.btn-lapduc-contact .btn-lapduc-contact__string::before,
.btn-lapduc-contact .btn-lapduc-contact__string::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:var(--qw-btn-thickness);
  height:90%;
  background:var(--qw-btn-color);
}
.dark .btn-lapduc-contact .btn-lapduc-contact__string::before,
.dark .btn-lapduc-contact .btn-lapduc-contact__string::after{
  background:#fff;
}

.btn-lapduc-contact .btn-lapduc-contact__string::before{
  left:0;
  margin:auto 0;
}

.btn-lapduc-contact .btn-lapduc-contact__string::after{
  right:0;
  margin:auto 0;
}

/* Hover effect */

.dark .btn-lapduc-contact:hover .btn-lapduc-contact__string {
  background:#7E1416;
  color:#fff;
}
.btn-lapduc-contact:hover .btn-lapduc-contact__string {
  background:#7E1416;
  color:#fff;
}

.dark .btn-lapduc-contact .btn-lapduc-contact__string {
  background:#7E1416;
  color:#fff;
}
.btn-lapduc-contact .btn-lapduc-contact__string {
  background:#7E1416;
  color:#fff;
}


.btn-lapduc-contact::before,
.btn-lapduc-contact::after,
.dark .btn-lapduc-contact .btn-lapduc-contact__string::before,
.btn-lapduc-contact .btn-lapduc-contact__string::after {
  background:#7E1416;
}



.btn-lapduc-contact:hover::before,
.btn-lapduc-contact:hover::after,
.dark .btn-lapduc-contact:hover .btn-lapduc-contact__string::before,
.btn-lapduc-contact:hover .btn-lapduc-contact__string::after {
  background:#7E1416;
}


.chinhsach.ssss{
  display:flex;
  flex-wrap:wrap;
  gap:18px 32px;
  margin-top:20px;
}

.chinhsach.ssss .item{
  width:calc(50% - 16px);
  display:flex;
  align-items:center;
  gap:10px;
}

.chinhsach.ssss .icon{
  flex:0 0 24px;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.chinhsach.ssss .icon img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  display:block;
}

.chinhsach.ssss .title{
  color: var(--44, #796E65);

  /* System/12/xs_medium */
  font-family: "Plus Jakarta Sans";
  font-size: 12px;
  font-style: normal;
  line-height: 120%; /* 14.4px */
}

@media (max-width: 849px){
  .chinhsach.ssss{
    gap:14px;
  }

  .chinhsach.ssss .item{
    width:100%;
  }

  .chinhsach.ssss .title{
    font-size:14px;
  }
}


.ldj-related-posts{
  margin-top: 16px;
}

.ldj-related-posts__heading {
  margin: 0 0 16px;
  font-size: 22px;
  line-height: 1.3;
}

.ldj-related-posts__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0;
}

.ldj-related-posts__item {
    margin-bottom: 24px;
}

.ldj-related-posts__item:last-child {
    margin-bottom: 0;
}

.ldj-related-posts__link {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    text-decoration: none;
}

.ldj-related-posts__thumb {
    flex: 0 0 45%;
    width: 45%;
}

.ldj-related-posts__thumb .bialty-container {
    width: 100%;
    aspect-ratio: 410 / 214;
    overflow: hidden;
}

.ldj-related-posts__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.ldj-related-posts__content {
    flex: 1;
    min-width: 0;
}

.ldj-related-posts__title {
    color: #202020;
    font-size: 14px;
    font-weight: 700;
    line-height: 160%;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.ldj-related-posts__excerpt {
    color: #6F7890;
}

.ldj-related-posts__excerpt p {
    font-size: 12px;
    line-height: 140%;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #6F7890;
}

@media (max-width: 849px) {
    .ldj-related-posts__link {
        gap: 6px;
    }

    .ldj-related-posts__thumb {
        flex: 0 0 140px;
        width: 140px;
    }

}

@media (max-width: 549px) {
    .ldj-related-posts__link {
        gap: 10px;
    }

    .ldj-related-posts__thumb {
        flex: 0 0 120px;
        width: 120px;
    }

    .ldj-related-posts__thumb img {
        aspect-ratio: 120 / 76;
    }

    .ldj-related-posts__title {
        font-size: 15px;
        line-height: 1.4;
    }

    .ldj-related-posts__excerpt {
        font-size: 13px;
        line-height: 1.4;
    }
}


/*
.ldj-related-posts__item{
  position: relative;
}
.ldj-related-posts__link{
  position: relative;
  display: block;
  overflow: hidden;
  text-decoration: none;
  border-radius: 0;
  aspect-ratio: 205/108;
}

.ldj-related-posts__thumb{
  position: relative;
  aspect-ratio: 16/10;
  overflow: hidden;
}

.ldj-related-posts__thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.ldj-related-posts__overlay{
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,.45) 0%, rgba(0,0,0,.18) 65%, rgba(0,0,0,0) 100%);
  pointer-events: none;
}

.ldj-related-posts__content{
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 18px;
  z-index: 2;
}

.ldj-related-posts__title{
  margin: 0;
  color: var(--solid, #FFF);
  font-family: "Plus Jakarta Sans";
  font-size: var(--font-size-16, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 8px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;

}

.ldj-related-posts__link:hover .ldj-related-posts__thumb img{
  transform: scale(1.04);
}*/

.blog-archive .large-9.col,
.blog-single .large-9.col {
  padding-right: 12px;
}
.blog-archive .post-sidebar.large-3.col,
.blog-single .post-sidebar.large-3.col {
  padding-left: 12px;
  border: none;
}
@media screen and (min-width: 850px) {
  .blog-archive .large-9.col,
  .blog-single .large-9.col {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .blog-archive .post-sidebar.large-3.col,
  .blog-single .post-sidebar.large-3.col {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

@media screen and (max-width: 849px) {
  .blog-archive .post-sidebar.large-3.col,
  .blog-single .post-sidebar.large-3.col {
    display: none;
  }
}

.row-large>.col .col-post-title {
  padding-bottom: 24px;
}
.col-post-title .entry-header-text .entry-title {
  color: var(--black-solid, #000);
  /* System/Heading/H1 */
  font-family: "Beautique Display";
  font-size: var(--font-size-H1, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: 160%; /* 51.2px */
  text-transform: capitalize;
  margin-bottom: 0;
}
@media screen and (max-width: 549px) {
  .col-post-title .entry-header-text .entry-title {
    font-size: 24px;
  }
}


.ldj-post-meta-line{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:64px;
  margin:0;
}

.ldj-post-meta-line__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#8B8178;
  font-size:16px;
  font-weight:400;
  line-height:1.5;
}

.ldj-post-meta-line__icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#8B8178;
  flex:0 0 18px;
}

.ldj-post-meta-line__icon svg{
  display:block;
  width:18px;
  height:18px;
}

.ldj-post-meta-line__text{
  display:inline-block;
}

@media (max-width: 849px){
  .ldj-post-meta-line{
    gap:14px 20px;
  }

  .ldj-post-meta-line__item{
    font-size:14px;
  }
}
@media (min-width: 850px){
  .single-post .post,
  .single-post .entry-content {
      margin-bottom: 0;
  }
}



.category-page-row {
    padding-top: 0;
}


.blog-archive .page-title,
.archive.category .page-title,
.archive .page-header,
.archive .page-title-inner{
    display: none !important;
}


.ldj-post-archive{
    padding-bottom: 32px;
}

.ldj-post-archive__cats{
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    margin-bottom: 32px;
    align-items: center;
}

.ldj-cat-tab{
    position: relative;
    display: inline-block;
    color: var(--44, #796E65);
    text-align: center;
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    text-transform: uppercase;
    transition: all .25s ease;
}

.ldj-cat-tab:hover,
.ldj-cat-tab.is-active{
    color: #7E1416;
}

.ldj-cat-tab.is-active::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #7E1416;
}

.ldj-featured-posts {
    display: grid;
    grid-template-columns: 2.1fr 1fr;
    gap: 16px;
    margin-bottom: 56px;
}

.ldj-featured-post--1{
    grid-row: span 2;
    min-height: 470px;
}

.ldj-featured-post--2,
.ldj-featured-post--3{
    min-height: 227px;
}

.ldj-featured-post{
    position: relative;
    overflow: hidden;
    background: #fff;
}

.ldj-featured-post__link{
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
    text-decoration: none;
}

.ldj-featured-post__thumb{
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: top right;
    transition: transform .5s ease;
}

.ldj-featured-post:hover .ldj-featured-post__thumb{
    transform: scale(1.04);
}

.ldj-featured-post__overlay{
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.52) 0%, rgba(0,0,0,.1) 55%, rgba(0,0,0,0) 100%);
    z-index: 1;
}

.ldj-featured-post__info{
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 2;
    margin: 0;
}

@media (max-width: 549px){
    .ldj-featured-post__info{
        position: absolute;
        left: 16px;
        right: 16px;
        bottom: 16px;
    }

}


.ldj-featured-post__title{
    color: #fff;
    text-align: justify;

    /* System/16/m_bold */
    font-family: "Plus Jakarta Sans";
    font-size: var(--font-size-16, 16px);
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 22.4px */
    margin-bottom: 8px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ldj-featured-post__date {
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

@media (max-width: 549px){
    .ldj-post-featured-line__icon {
        width: 16px;
        height: 16px;
    }
    .ldj-featured-post__date {
        font-size: 12px;
    }

}


.ldj-post-featured-line__icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex: 0 0 18px;
}


.ldj-related-posts__date {
    color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ldj-post-related-line__icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex: 0 0 18px;
}

.ldj-more-posts a {
  height: 100%;
}

.ldj-more-posts__heading{
    margin: 0 0 32px;
    color: var(--44, #796E65);
    text-align: center;
    font-family: "Beautique Display";
    font-size: var(--font-size-H1, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: 160%; /* 51.2px */
    text-transform: capitalize;
}


@media (max-width: 849px){
    .ldj-post-archive{
        padding-bottom: 35px;
    }

    .ldj-post-archive__cats{
        gap: 16px;
        margin-bottom: 18px;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
    }

    .ldj-cat-tab{
        white-space: nowrap;
    }

    .ldj-featured-posts{
        grid-template-columns: 1fr;
        gap: 12px;
        margin-bottom: 36px;
    }

    .ldj-featured-post--1,
    .ldj-featured-post--2,
    .ldj-featured-post--3{
        grid-row: auto;
        min-height: 220px;
    }

    .ldj-featured-post__title{
        font-size: 14px;
        left: 16px;
        right: 16px;
        bottom: 16px;
    }

    
}


@media (max-width: 549px){

  .ldj-more-posts__heading{
      font-size: 24px;
      margin: 0 0 16px;
  }
  .ldj-more-posts .box-text {
    padding-bottom: 0;
  }
}
.nav-pagination li {
  margin: 0 2px;
}
.nav-pagination>li>a,
.nav-pagination>li>span {
    border: 1px solid transparent;
    width: 24px;
    height: 24px;
    font-size: 14px;
    min-width: 24px;
    line-height: 23px;
}
.nav-pagination>li>a:hover,
.nav-pagination>li .current {
    color: #7E1416!important;
}
.nav-pagination>li>a:hover {
  border-color: transparent !important;
}
.banner-cat,
.archive .breachcrumb {
  display: none !important;
}

.khuyen-mai-item.slider {
  padding-bottom: 0;
}

.row.khuyen-mai-item .post-title a.plain {
  min-height: unset;
}

.flickity-prev-next-button {
  width: 40px;
  height: 40px;
  transform: translateX(0) !important;
  background: var(--95, #F2F0F0);
  opacity: 1;
  border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
}
.flickity-prev-next-button:hover {
  background: #7E1416;
}
.flickity-prev-next-button:after{
    content:"";
    display:block;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px 24px;
    transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;
}
.flickity-prev-next-button.next:after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.9461 11.4093L7.38047 3.15697C7.35286 3.13523 7.31968 3.12173 7.28474 3.118C7.2498 3.11427 7.21452 3.12047 7.18295 3.13589C7.15137 3.15131 7.12479 3.17532 7.10625 3.20517C7.08771 3.23502 7.07796 3.26949 7.07813 3.30463V5.11635C7.07813 5.23119 7.13203 5.34134 7.2211 5.41166L15.6586 11.9999L7.2211 18.5882C7.12969 18.6585 7.07813 18.7687 7.07813 18.8835V20.6953C7.07813 20.8523 7.2586 20.939 7.38047 20.8429L17.9461 12.5906C18.0359 12.5205 18.1085 12.4309 18.1585 12.3286C18.2084 12.2262 18.2344 12.1138 18.2344 11.9999C18.2344 11.886 18.2084 11.7737 18.1585 11.6713C18.1085 11.569 18.0359 11.4794 17.9461 11.4093Z' fill='%23796E65'/%3E%3C/svg%3E");
}
.flickity-prev-next-button.previous:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.05393 11.4093L16.6195 3.15697C16.6471 3.13523 16.6803 3.12173 16.7153 3.118C16.7502 3.11427 16.7855 3.12047 16.8171 3.13589C16.8486 3.15131 16.8752 3.17532 16.8938 3.20517C16.9123 3.23502 16.922 3.26949 16.9219 3.30463V5.11635C16.9219 5.23119 16.868 5.34134 16.7789 5.41166L8.34143 11.9999L16.7789 18.5882C16.8703 18.6585 16.9219 18.7687 16.9219 18.8835V20.6953C16.9219 20.8523 16.7414 20.939 16.6195 20.8429L6.05393 12.5906C5.96413 12.5205 5.89149 12.4309 5.84152 12.3286C5.79155 12.2262 5.76558 12.1138 5.76558 11.9999C5.76558 11.886 5.79155 11.7737 5.84152 11.6713C5.89149 11.569 5.96413 11.4794 6.05393 11.4093Z' fill='%23796E65'/%3E%3C/svg%3E");
}

.flickity-prev-next-button:hover:after {
  filter: brightness(0) saturate(100%) invert(98%) sepia(100%) saturate(0%) hue-rotate(324deg) brightness(104%) contrast(104%);
}


.flickity-prev-next-button .arrow,
.flickity-prev-next-button svg {
  display: none;
}
.flickity-prev-next-button.next {
  right: -9px;
}
.flickity-prev-next-button.previous {
  left: -9px;
}


.product-sales-page .flickity-prev-next-button.next {
  right: -3px;
}
.product-sales-page .flickity-prev-next-button.previous {
  left: -3px;
}

.product-gallery .flickity-prev-next-button.next,
.product-gallery .flickity-prev-next-button.previous {
  display: none;
}

@media (min-width: 850px){
  .product-gallery .flickity-prev-next-button,
  .product-gallery .flickity-prev-next-button {
    display: none;
  }
}


.ldj-tax-header__filter-item--clear{
    display:flex;
    align-items:center;
}

.ldj-clear-filters{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    /*border:1px solid #d8d0c8;*/
    background:#fff;
    color:#796E65;
    font-size:14px;
    line-height:1;
    text-decoration:none;
    transition:all .25s ease;
    white-space:nowrap;
}

.ldj-clear-filters:hover{
    /*background:#796E65;*/
    /*border-color:#796E65;*/
    color:#7E1416;
}


.ldj-filter-group{
    position: relative;
}

.ldj-filter-group__toggle{
    min-height: 40px;
    padding: 0 14px;
    color: #796E65;
    cursor: pointer;
    margin-bottom: 0;
    text-transform: unset;
    font-weight: 400;
}

.ldj-filter-group__dropdown{
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220px;
    max-height: 320px;
    overflow: auto;
    background: #fff;
    border: 1px solid #e5ddd6;
    padding: 12px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    z-index: 30;
    display: none;
}

.ldj-filter-group:hover .ldj-filter-group__dropdown{
    display: block;
}

.ldj-filter-check{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 10px;
    cursor: pointer;
    font-size: 14px;
    color: #796E65;
}

.ldj-filter-check:last-child{
    margin-bottom: 0;
}

.ldj-filter-actions{
    display: flex;
    align-items: center;
    gap: 10px;
}

.ldj-filter-apply{
    min-height: 40px;
    padding: 0 18px;
    border: 1px solid #796E65;
    background: #796E65;
    color: #fff;
    cursor: pointer;
}



.ldj-mobile-filter-toggle,
.ldj-mobile-filter{
    display: none;
}

.ldj-filter-open,
html.ldj-filter-open,
body.ldj-filter-open{
    overflow: hidden;
}

@media (max-width: 849px){
    .ldj-tax-header__toolbar{
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
    }

    .ldj-tax-header__toolbar-left{
        width: 100%;
    }

    .ldj-tax-header__toolbar-right{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16px;
    }

    .ldj-tax-header__filters{
        display: none !important;
    }

    .ldj-orderby-desktop{
        display: none !important;
    }

    .ldj-tax-header__sort-form{
      justify-content: center;
      gap: 16px;
    }

    .ldj-mobile-filter-toggle{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 22px;
        padding: 0 32px 0 0;
        background: #fff;
        color: #000;
        font-weight: 400;
        font-size: 14px;
        line-height: 1;
        cursor: pointer;
        margin: 0;
        text-transform: unset;
        border: 0;
        border-right: 1px solid #BCB6B3;
    }
    .ldj-mobile-filter-toggle::after {
      content: "";
      position: absolute;
      right: 16px;
      top: 50%;
      width: 8px;
      height: 8px;
      margin-top: -5px;
      border-right: 1.5px solid #8d92a5;
      border-bottom: 1.5px solid #8d92a5;
      transform: rotate(45deg);
  }

    .ldj-mobile-filter{
        position: fixed;
        inset: 0;
        z-index: 99999;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .25s ease, visibility .25s ease;
    }

    .ldj-mobile-filter.is-open{
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        display: block;
    }

    .ldj-mobile-filter__overlay{
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,.2);
    }

    .ldj-mobile-filter__panel{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        max-width: 420px;
        height: 100%;
        background: #F7F5F2;
        overflow-y: auto;
        padding: 0 16px 24px;
        transform: translateX(-100%);
        transition: transform .28s ease;
    }

    .ldj-mobile-filter.is-open .ldj-mobile-filter__panel{
        transform: translateX(0);
    }

    .ldj-mobile-filter__head{
        position: sticky;
        top: 0;
        z-index: 3;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 76px;
        background: #F7F5F2;
        border-bottom: 1px solid #D8D2CB;
    }

    .ldj-mobile-filter__title{
        font-size: 14px;
        font-weight: 700;
        color: #1D1D1D;
    }

    .ldj-mobile-filter__close{
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        border: 0;
        background: transparent;
        color: #000;
        font-size: 20px;
        line-height: 1;
        padding: 0;
        cursor: pointer;
    }

    .ldj-tax-header__filters--mobile{
        display: block !important;
        margin-top: 10px;
    }

    .ldj-mobile-filter__group{
        border-bottom: 1px solid #D8D2CB;
    }

    .ldj-mobile-filter__group-toggle{
        width: 100%;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border: 0;
        background: transparent;
        padding: 0;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        color: #000;
        cursor: pointer;
        text-transform: unset;
        margin-bottom: 0;
    }

    .ldj-mobile-filter__group-toggle i{
        position: relative;
        display: block;
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
    }

    .ldj-mobile-filter__group-toggle i::before,
    .ldj-mobile-filter__group-toggle i::after{
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 12px;
        height: 1.5px;
        background: #796E65;
        transform: translate(-50%, -50%);
        transition: all .25s ease;
    }

    .ldj-mobile-filter__group-toggle i::after{
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .ldj-mobile-filter__group.is-open .ldj-mobile-filter__group-toggle i::after{
        opacity: 0;
    }

    .ldj-mobile-filter__group-content{
        display: none;
        padding: 2px 0 18px;
    }

    .ldj-mobile-filter__group.is-open .ldj-mobile-filter__group-content{
        display: block;
    }

    .ldj-mobile-filter__option{
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 6px 0;
        font-size: 14px;
        color: #111;
        cursor: pointer;
        font-weight: 400;
        margin-bottom: 0;
    }

    .ldj-mobile-filter__option input{
        margin: 0;
        flex: 0 0 auto;
    }

    .ldj-mobile-filter__actions{
        display: flex;
        gap: 12px;
        margin-top: 20px;
    }

    .ldj-mobile-filter__clear {
        flex: 1 1 0;
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #796E65;
        font-size: 14px;
        text-decoration: none;
        cursor: pointer;
    }

    .ldj-mobile-filter__clear{
        background: #fff;
        color: #796E65;
    }

    .ldj-mobile-filter__submit{
      --qw-btn-color: #7E1416;
      --qw-btn-thickness: 1px;
      --qw-btn-padding: 10px;
      flex: 1 1 0;
      display:inline-block;
      position:relative;
      text-decoration:none;
      color:var(--qw-btn-color);
      text-align:center;
      margin:0;
      padding: 2px;
      line-height: unset;
      background-color: transparent !important;
    }

    .ldj-mobile-filter__submit .text{
      display:block;
      padding: var(--qw-btn-padding) 24px;
      text-transform:uppercase;
      letter-spacing:2px;
      font-size:16px;
      font-weight:400;
      color:var(--qw-btn-color);
    }

    .dark .ldj-mobile-filter__submit .text{
      color:#7E1416;
    }
    @media (max-width: 549px) {  
      .ldj-mobile-filter__submit .text {
        padding: var(--qw-btn-padding) 20px;
      }
    }

    /* top & bottom lines */
    .ldj-mobile-filter__submit::before,
    .ldj-mobile-filter__submit::after{
      content:"";
      position:absolute;
      left:4px;
      right:4px;
      height:var(--qw-btn-thickness);
      background:var(--qw-btn-color);
    }
    .dark .ldj-mobile-filter__submit::before,
    .dark .ldj-mobile-filter__submit::after{
      background:#fff;
    }

    .ldj-mobile-filter__submit::before{
      top:0;
    }

    .ldj-mobile-filter__submit::after{
      bottom:0;
    }

    /* vertical short lines */
    .ldj-mobile-filter__submit .text::before,
    .ldj-mobile-filter__submit .text::after{
      content:"";
      position:absolute;
      top:0;
      bottom:0;
      width:var(--qw-btn-thickness);
      height:90%;
      background:var(--qw-btn-color);
    }
    .dark .ldj-mobile-filter__submit .text::before,
    .dark .ldj-mobile-filter__submit .text::after{
      background:#fff;
    }

    .ldj-mobile-filter__submit .text::before{
      left:0;
      margin:auto 0;
    }

    .ldj-mobile-filter__submit .text::after{
      right:0;
      margin:auto 0;
    }

    /* Hover effect */
    .ldj-mobile-filter__submit .text {
      background:#7E1416;
      color:#fff;
    }
}

@media (min-width: 850px){
    .ldj-mobile-filter,
    .ldj-mobile-filter-toggle,
    .ldj-tax-header__filters--mobile{
        display: none !important;
    }
}




.ldj-cat-header__title{
  color: var(--44, #796E65);
  text-align: center;

  /* BP/Category title */
  font-family: "Beautique Display";
  font-size: var(--font-size-48, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 72px */
  text-transform: capitalize;
  margin-bottom: 16px;
}


@media (max-width: 849px){
    .ldj-cat-header__title{
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 16px;
    }

}


@media (max-width: 549px){
    .ldj-cat-header__title{
        font-size: 24px;
    }

}


.post-date-line__icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
}

.post-date {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #796E65;
    font-size: 14px;
    margin-bottom: 2px;
    margin-top: 6px;
}

@media (max-width: 549px){
    
    .post-date {
        font-size: 12px;
    }

}

.ldj-popup-open,
html.ldj-popup-open,
body.ldj-popup-open{
    overflow: hidden;
}

.ldj-map-gallery-popup{
    position: fixed;
    inset: 0;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: .25s ease;
}

.ldj-map-gallery-popup.is-open{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ldj-map-gallery-popup__overlay{
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.78);
}

.ldj-map-gallery-popup__dialog{
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 32px;
    max-width: 1200px;
    margin: auto;
}

.ldj-map-gallery-popup__content{
    position: relative;
    max-width: min(1000px, 100%);
    max-height: 100%;
    z-index: 2;
}

.ldj-map-gallery-popup__image{
    display: block;
    max-width: 100%;
    max-height: calc(100vh - 80px);
    width: auto;
    height: auto;
    object-fit: contain;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    background: #fff;
}

.mfp-ready .mfp-container .mfp-close,
.mfp-ready .mfp-close i,
.mfp-ready .mfp-close svg,
.mfp-arrow i {
    display: none;
}
.mfp-ready .mfp-close,
.ldj-map-gallery-popup__close{
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 3;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--95, #F2F0F0);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    mix-blend-mode: unset;
}
.mfp-ready .mfp-close:after,
.ldj-map-gallery-popup__close:after{
    content:"";
    display:block;
    width:24px;
    height:24px;
    color: #796E65;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px 24px;
    transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.2143 12L19.3666 4.66641C19.4697 4.54453 19.383 4.35938 19.2236 4.35938H17.3533C17.2432 4.35938 17.1377 4.40859 17.065 4.49297L11.9908 10.5422L6.91659 4.49297C6.84628 4.40859 6.74081 4.35938 6.62831 4.35938H4.758C4.59863 4.35938 4.51191 4.54453 4.61503 4.66641L10.7674 12L4.61503 19.3336C4.59193 19.3608 4.57711 19.394 4.57233 19.4293C4.56755 19.4647 4.57301 19.5006 4.58806 19.533C4.60312 19.5653 4.62713 19.5926 4.65725 19.6117C4.68737 19.6308 4.72234 19.6408 4.758 19.6406H6.62831C6.73847 19.6406 6.84394 19.5914 6.91659 19.507L11.9908 13.4578L17.065 19.507C17.1353 19.5914 17.2408 19.6406 17.3533 19.6406H19.2236C19.383 19.6406 19.4697 19.4555 19.3666 19.3336L13.2143 12Z' fill='%23796E65'/%3E%3C/svg%3E");
}
.off-canvas-left.mfp-ready .mfp-close {
  background: transparent;
}
.off-canvas-left.mfp-ready .mfp-close:after {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.29289%205.29289C5.68342%204.90237%206.31658%204.90237%206.70711%205.29289L18.7071%2017.2929C19.0976%2017.6834%2019.0976%2018.3166%2018.7071%2018.7071C18.3166%2019.0976%2017.6834%2019.0976%2017.2929%2018.7071L5.29289%206.70711C4.90237%206.31658%204.90237%205.68342%205.29289%205.29289Z%22%20fill%3D%22black%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.7071%205.29289C18.3166%204.90237%2017.6834%204.90237%2017.2929%205.29289L5.29289%2017.2929C4.90237%2017.6834%204.90237%2018.3166%205.29289%2018.7071C5.68342%2019.0976%206.31658%2019.0976%206.70711%2018.7071L18.7071%206.70711C19.0976%206.31658%2019.0976%205.68342%2018.7071%205.29289Z%22%20fill%3D%22black%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.mfp-arrow,
.ldj-map-gallery-popup__nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--95, #F2F0F0);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    mix-blend-mode: unset !important;
}

.mfp-ready .mfp-arrow-left,
.ldj-map-gallery-popup__prev{
    left: 18px;
}

.mfp-ready .mfp-arrow-right,
.ldj-map-gallery-popup__next{
    right: 18px;
}

.mfp-ready .mfp-close:hover,
.ldj-map-gallery-popup__close:hover,
.mfp-arrow:hover,
.ldj-map-gallery-popup__nav:hover {
  background: #7E1416;
}
.mfp-arrow:after,
.ldj-map-gallery-popup__nav:after{
    content:"";
    display:block;
    width:24px;
    height:24px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:24px 24px;
    transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;

}
.mfp-ready .mfp-arrow-right:after,
.ldj-map-gallery-popup__next:after{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M17.9461 11.4093L7.38047 3.15697C7.35286 3.13523 7.31968 3.12173 7.28474 3.118C7.2498 3.11427 7.21452 3.12047 7.18295 3.13589C7.15137 3.15131 7.12479 3.17532 7.10625 3.20517C7.08771 3.23502 7.07796 3.26949 7.07813 3.30463V5.11635C7.07813 5.23119 7.13203 5.34134 7.2211 5.41166L15.6586 11.9999L7.2211 18.5882C7.12969 18.6585 7.07813 18.7687 7.07813 18.8835V20.6953C7.07813 20.8523 7.2586 20.939 7.38047 20.8429L17.9461 12.5906C18.0359 12.5205 18.1085 12.4309 18.1585 12.3286C18.2084 12.2262 18.2344 12.1138 18.2344 11.9999C18.2344 11.886 18.2084 11.7737 18.1585 11.6713C18.1085 11.569 18.0359 11.4794 17.9461 11.4093Z' fill='%23796E65'/%3E%3C/svg%3E");
}
.mfp-ready .mfp-arrow-left:after,
.ldj-map-gallery-popup__prev:after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6.05393 11.4093L16.6195 3.15697C16.6471 3.13523 16.6803 3.12173 16.7153 3.118C16.7502 3.11427 16.7855 3.12047 16.8171 3.13589C16.8486 3.15131 16.8752 3.17532 16.8938 3.20517C16.9123 3.23502 16.922 3.26949 16.9219 3.30463V5.11635C16.9219 5.23119 16.868 5.34134 16.7789 5.41166L8.34143 11.9999L16.7789 18.5882C16.8703 18.6585 16.9219 18.7687 16.9219 18.8835V20.6953C16.9219 20.8523 16.7414 20.939 16.6195 20.8429L6.05393 12.5906C5.96413 12.5205 5.89149 12.4309 5.84152 12.3286C5.79155 12.2262 5.76558 12.1138 5.76558 11.9999C5.76558 11.886 5.79155 11.7737 5.84152 11.6713C5.89149 11.569 5.96413 11.4794 6.05393 11.4093Z' fill='%23796E65'/%3E%3C/svg%3E");
}
.mfp-ready .mfp-close:hover:after,
.mfp-ready .mfp-arrow-right:hover:after,
.mfp-ready .mfp-arrow-left:hover:after,
.ldj-map-gallery-popup__close:hover:after,
.ldj-map-gallery-popup__nav:hover:after {
  filter: brightness(0) saturate(100%) invert(98%) sepia(100%) saturate(0%) hue-rotate(324deg) brightness(104%) contrast(104%);
}

.row-map .img .img-inner img{
    cursor: pointer;
}

@media (max-width: 849px){
    .ldj-map-gallery-popup__dialog{
        padding: 20px 16px 30px;
    }

    .ldj-map-gallery-popup__image{
        max-height: calc(100vh - 110px);
    }

    .ldj-map-gallery-popup__nav{
        width: 40px;
        height: 40px;
        font-size: 28px;
    }

    .ldj-map-gallery-popup__prev{
        left: 8px;
    }

    .ldj-map-gallery-popup__next{
        right: 8px;
    }

    .ldj-map-gallery-popup__close{
        top: 10px;
        right: 10px;
    }
}

#logo img {
    max-height: 32px !important;
}
@media (max-width: 549px) {
    #logo img {
        max-height: 26px !important;
    }
}

@media (max-width: 549px) {
    .header-main {
        height: 48px!important;
    }
}

@media (max-width: 549px) {
    .btn-fixed{
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transform: translateX(200px);
        transition: all .25s ease;
    }

    .btn-fixed.is-show{
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateX(0);
    }
}



.img.img-border {
  position: relative;
  overflow: hidden;
}
.img.img-border:before {
  content: '';
  position: absolute;
  top: 16px;
  right: 24px;
  bottom: 16px;
  left: 24px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  z-index: 2;
}
.img.img-border:after {
  content: '';
  position: absolute;
  top: 24px;
  right: 16px;
  bottom: 24px;
  left: 16px;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  z-index: 2;
}
@media (max-width: 549px) {
  .img.img-border:before {
    top: 8px;
    right: 12px;
    bottom: 8px;
    left: 12px;
  }
  .img.img-border:after {
    top: 12px;
    right: 8px;
    bottom: 12px;
    left: 8px;
  }
}

.img.img-border img {
  transition: all .2s ease-in-out;
}
.img.img-border:hover img {
  transform: scale(1.03);
}


.img.img-border-full  {
  position: relative;
  overflow: hidden;
}
.img.img-border-full:before {
  content: '';
  position: absolute;
  inset: 16px;
  border: 1px solid #ffffff;
  z-index: 2;
}
@media (max-width: 549px) {
  .img.img-border-full:before {
    inset: 8px;
  }
}

.box-image .km-status{
    position: absolute;
    top: 8px;
    left: 8px;
}
.km-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 12px;
    border-radius:4px;
    font-size:12px;
    font-weight:700;
    line-height:120%;
    z-index: 2;
}

.km-status-tam-ngung{
    background:#C6001E;
    color:#fff;
}

.km-status-dang-dien-ra{
    background:#00A28D;
    color:#fff;
}

.km-status-sap-dien-ra{
    background:#2563EB;
    color:#fff;
}

.km-status-het-hieu-luc{
    background:#777777;
    color:#fff;
}
@media (max-width: 549px) {
    .product-bst .col,
    .product-bst .col {
        flex-basis: 50% !important;
        max-width: 50% !important
    }
}

body:not(.page-template-page-fixed-header) #main {
    padding-top: 32px;
}

ul.nav.header-nav.header-bottom-nav.nav-center.nav-uppercase > li {
    padding-bottom: 8px;
}

.slide-cauchuyen .col-info {
    display: flex;
    flex-direction: column;
}

.blog-single .row-large>.col.col-post-title {
    padding-bottom: 8px;
}

.ldj-post-meta-line__date-range {
    margin-bottom: 16px;
}

.section.ss-home-logo .section-bg.bg-loaded {
    opacity: .7;
}


.flickity-page-dots .dot {
    border: none!important;
    width: 8px;
    height: 8px;
    background-color: #111;
}


@media (max-width: 1200px) {
    .flickity-prev-next-button {
        display:none!important;
    }
}

.single-product .mfp-bg.mfp-ready {
    opacity: .9;
}
.single-product .mfp-figure:after {
    background: transparent;
    box-shadow: none;
}
.single-product figcaption {
    display: none;
}
.single-product .mfp-image-holder {
    padding: 0 6.66%;
    display: flex;
    align-items: center;
}
.single-product img.mfp-img {
    max-height: 100vh;
    padding: 0;
}

.single-product .woocommerce-product-gallery__wrapper,
.single-product .product-thumbnails .flickity-slider a {
    background: #fff;
}

@media (min-width: 850px) {
    .single-product .flickity-page-dots .dot {
        display:none!important;
    }
}

@media (max-width: 849px) {
    .single-product .vertical-thumbnails {
        display:none!important;
    }
}

.product-thumbnails .is-nav-selected a,
.product-thumbnails a:hover {
    border-color: rgb(163 27 31);
}


/* ===== Vertical thumbnails custom scroll ===== */
.vertical-thumbnails {
  position: relative;
}

.ldj-vertical-thumbs {
  --thumb-gap: 12px;
  --thumb-radius: 0;
  --thumb-btn-size: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  height: 100%;
}

.ldj-vertical-thumbs__viewport {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
  padding-right: 2px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.ldj-vertical-thumbs__viewport::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

.ldj-vertical-thumbs__list {
  display: flex;
  flex-direction: column;
  gap: var(--thumb-gap);
}

.ldj-vertical-thumbs__item {
  flex: 0 0 auto;
}

.ldj-vertical-thumbs__item a {
  display: block;
  border: 1px solid #fff;
  border-radius: var(--thumb-radius);
  overflow: hidden;
  background: #fff;
  transition: all .25s ease;
}

.ldj-vertical-thumbs__item img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.ldj-vertical-thumbs__item.is-active a {
  border-color: #7E1416;
}

.ldj-vertical-thumbs__btn {
  width: var(--thumb-btn-size);
  height: var(--thumb-btn-size);
  min-height: var(--thumb-btn-size);
  margin: 0 auto;
  padding: 0;
  border: none;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .2s ease;
}
.ldj-vertical-thumbs__btn svg {
  width: var(--thumb-btn-size);
  height: var(--thumb-btn-size);
}

.ldj-vertical-thumbs__btn.ldj-vertical-thumbs__btn--up{
  transform: rotate(180deg);
}

.ldj-vertical-thumbs__btn:hover svg rect {
  fill: #7E1416;
}


.ldj-vertical-thumbs__btn:hover svg path {
  fill: #fff;
}

.ldj-vertical-thumbs__btn.is-hidden {
  display: none;
}

.ldj-vertical-thumbs__btn.is-disabled {
  opacity: .35;
  pointer-events: none;
}

.ldj-vertical-thumbs__btn span {
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #131f2f;
  border-bottom: 2px solid #131f2f;
}

.ldj-vertical-thumbs__btn--up span {
  transform: rotate(135deg);
  margin-top: 4px;
}

.ldj-vertical-thumbs__btn--down span {
  transform: rotate(-45deg);
  margin-top: -4px;
}

/* desktop */
@media (min-width: 850px) {
  .vertical-thumbnails {
    display: block !important;
  }
}


@media (max-width: 849px) {
  .vertical-thumbnails {
    display: none !important;
  }
}
.ldj-vertical-thumbs__viewport {
  cursor: grab;
  user-select: none;
  -webkit-user-select: none;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.ldj-vertical-thumbs__viewport::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.ldj-vertical-thumbs__viewport.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}

.ldj-vertical-thumbs__viewport a,
.ldj-vertical-thumbs__viewport img {
  -webkit-user-drag: none;
  user-drag: none;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
}

#main {
    overflow-x: hidden;
}

.footer-wrapper {
    background-color: #7E1416;
}

.row-card-vip .title {
  margin-bottom: 10px;
}
.row-card-vip .title p {
  text-align: center;
  font-family: "Beautique Display";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.row-card-vip .sub-title p {
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 8px;
}
.row-card-vip .content {
  max-width: 80%;
  margin: auto;
}
.row-card-vip .content p {
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%;
}

@media (max-width: 549px) {
  
  .row-card-vip .title p {
    font-size: 18px;
  }
  .row-card-vip .sub-title p {
    font-size: 12px;
  }

}

@media (max-width: 549px) {
  
  .post-item .box-text {
    padding-bottom: 0;
  }

}

@media (max-width: 549px) {

  .row-mt-xs-24 {
    margin-top: 24px !important;
  }

  .row-mt-xs-16 {
    margin-top: 16px !important;
  }

  .row-mt-xs-8 {
    margin-top: 8px !important;
  }


  .row-mt-xs-0 {
    margin-top: 0 !important;
  }

}

.row-thien-nguyen .banner h1,
.row-thien-nguyen .banner h2,
.row-thien-nguyen .banner h3 {
  margin-bottom: 0;
  margin-top: 0;
}

.row-thien-nguyen {
  position: relative;
  padding-top: 32px;
}
.row-thien-nguyen .col-img {
  z-index: 2;
}
@media (min-width: 850px) {
  .row-thien-nguyen .col-content-pc {
    position: absolute;
    left: 35%;
    right: 0;
    width: 65%;
    flex-basis: 65%;
    max-width: 65%;
    z-index: 1;
  }
}
.row-thien-nguyen .banner p {
  font-size: 14px;
  line-height: 160%;
  margin-top: 0;
  margin-bottom: 24px;
}
.row-thien-nguyen .section-title-container {
    margin-bottom: 24px;
}
.row-thien-nguyen .col-content .col-inner {
  background: center/cover url(../images/thien-nguyen-bgmb.png) no-repeat;
  padding: 48px 16px;
}
.row-thien-nguyen .col-content .text p {
  margin-bottom: 16px;
}
@media (max-width: 549px) {
  .row-thien-nguyen {
    padding-top: 24px;
  }
}


/* ===== STORY SLIDER FADE ===== */

.ss-cauchuyen .section-content {
  position: relative;
}

/* mặc định ẩn tất cả row */
.ss-cauchuyen .section-content > .row {
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .45s ease, visibility .45s ease;
}

/* row đang active thì hiện */
.ss-cauchuyen .section-content > .row.is-active {
  display: flex;
  opacity: 1;
  visibility: visible;
}

/* trong lúc chuyển slide */
.ss-cauchuyen .section-content > .row.is-fading-out {
  display: none;
  opacity: 0;
  visibility: hidden;
}

.ss-cauchuyen .section-content > .row.is-fading-in {
  display: flex;
  opacity: 1;
  visibility: visible;
}

/* tránh bấm bôi đen */
.ss-cauchuyen .qw-slide-nav-btn {
  user-select: none;
  -webkit-user-select: none;
}
.ss-cauchuyen .qw-slide-nav-btn:hover {
  background: #7E1416;
}
.ss-cauchuyen .qw-slide-nav-btn:hover svg path {
  fill: #fff;
}
.ss-cauchuyen .col-info .col-inner {
    display: flex;
    flex-direction: column;
}


.page-template-page-blank-title-center .page-wrapper {
  padding-top: 0;
}

.page-template-page-blank-title-center #content header .is-divider {
  display: none;
}




.page-template-page-blank-title-center #content header .entry-title {
  color: var(--44, #796E65);
  text-align: center;

  /* BP/Category title */
  font-family: "Beautique Display";
  font-size: var(--font-size-48, 48px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 72px */
  text-transform: capitalize;
  margin-bottom: 16px;
}
@media (max-width: 849px){
    .page-template-page-blank-title-center #content header .entry-title {
        font-size: 38px;
        line-height: 1.15;
        margin-bottom: 16px;
    }

}


@media (max-width: 549px){
    .page-template-page-blank-title-center #content header .entry-title {
        font-size: 24px;
    }

}


.col-inner.text-center .row:not(.row-collapse) {
  margin-right: auto;
  margin-left: auto;
}


button[type="submit"].qw-cf7-btn{
  --qw-btn-color: #7E1416;
  --qw-btn-thickness: 1px;
  --qw-btn-padding: 12px;

  display:inline-block;
  position:relative;
  text-decoration:none;
  color:var(--qw-btn-color);
  text-align:center;
  width:100%;
  min-width:180px;
  max-width:fit-content;
  margin:0 auto;
  padding: 3px;
  background-color: transparent;
  min-height: unset;
  line-height: 1;
}


.qw-cf7-btn span{
  display:block;
  padding: var(--qw-btn-padding) 30px;
  text-transform:uppercase;
  font-size:16px;
  font-weight:400;
  color:var(--qw-btn-color);
  font-style: normal;
}

.dark .qw-cf7-btn span {
  color:#fff;
}
@media (max-width: 549px) {  
  .qw-cf7-btn span {
    padding: 12px 20px;
    font-size: 14px;
  }
}

/* top & bottom lines */
.qw-cf7-btn::before,
.qw-cf7-btn::after{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  height:var(--qw-btn-thickness);
  background:var(--qw-btn-color);
}
.dark .qw-cf7-btn::before,
.dark .qw-cf7-btn::after{
  background:#fff;
}

.qw-cf7-btn::before{
  top:0;
}

.qw-cf7-btn::after{
  bottom:0;
}

/* vertical short lines */
.qw-cf7-btn span::before,
.qw-cf7-btn span::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:var(--qw-btn-thickness);
  height:90%;
  background:var(--qw-btn-color);
}
.dark .qw-cf7-btn span::before,
.dark .qw-cf7-btn span::after{
  background:#fff;
}

.qw-cf7-btn span::before{
  left:0;
  margin:auto 0;
}

.qw-cf7-btn span::after{
  right:0;
  margin:auto 0;
}

/* Hover effect */

.dark .qw-cf7-btn span {
  background:#7E1416;
  color:#fff;
}
.qw-cf7-btn span {
  background:#7E1416;
  color:#fff;
}


.qw-cf7-btn::before,
.qw-cf7-btn::after,
.dark .qw-cf7-btn span::before,
.dark .qw-cf7-btn span::after,
.qw-cf7-btn span::after {
  background:#7E1416;
}


.col-form > .col-inner {
  border: 1px solid #eee;
  background: rgba(192, 145, 90, 0.10);
  padding: 32px;
}
@media (max-width: 849px){
  .col-form > .col-inner {
    padding: 24px;
  }
}

@media (max-width: 549px){
  .col-form {
    margin-left: 16px;
    margin-right: 16px;
  }
  .col-form > .col-inner {
    padding: 24px 16px;
  }
}

.col-form > .col-inner form {
  margin-bottom: 0;
}

.row-popup-camon {
  background: center/cover url(../images/cam-on-bg.jpg) no-repeat;
}

.row-popup-camon .col {
  padding: 48px 32px;
}
.row-popup-camon .stack .img {
  max-width: 40px;
  height: 40px;
}

.row-popup-camon h3 {
  color: var(--44, #796E65);
  text-align: center;
  font-family: "Beautique Display";
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  text-transform: capitalize;
  margin-bottom: 16px;
}
@media (max-width: 549px){
    .row-popup-camon h3 {
        font-size: 24px;
    }

}


.ux-sidebar-menu-icon {
  margin-right: 8px;
}

.has-dropdown .icon-angle-down {
    margin-left: 5px;
}

@media (max-width: 549px){
    .woocommerce-page .product-small.col {
        padding: 0 10px 8px;
    }
    .ldj-post-archive .row-card-vip .col,
    .woocommerce-page .row-card-vip .col {
        padding: 0 0 24px;
    }
    .ldj-post-archive .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .blog-single .post {
        padding-left: 4px;
        padding-right: 4px;
    }
    .row-map.row-small>.col,
    body:not(.home).wp-singular .col.post-item {
        padding: 0 8px 24px;
    }
}



.ldj-thumb-wrap .ldj-thumb-main,
.ldj-thumb-wrap .ldj-thumb-model,
.ldj-thumb-wrap .imgover {
    display: block;
    width: 100%;
    height: auto;
}

.ldj-thumb-wrap .ldj-thumb-main {
    position: relative;
    z-index: 1;
    transition: opacity .35s ease, transform .35s ease;
}

.ldj-thumb-wrap .ldj-thumb-model {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity .35s ease, transform .35s ease;
}

.ldj-thumb-wrap .imgover {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    object-fit: cover;
}

.product-small:hover .ldj-thumb-wrap .ldj-thumb-main,
.product:hover .ldj-thumb-wrap .ldj-thumb-main {
    opacity: 0;
}

.product-small:hover .ldj-thumb-wrap .ldj-thumb-model,
.product:hover .ldj-thumb-wrap .ldj-thumb-model {
    opacity: 1;
}

.product-small:hover .ldj-thumb-wrap .ldj-thumb-main,
.product-small:hover .ldj-thumb-wrap .ldj-thumb-model,
.product:hover .ldj-thumb-wrap .ldj-thumb-main,
.product:hover .ldj-thumb-wrap .ldj-thumb-model {
    transform: scale(1);
}

@media (max-width: 849px) {
    .ldj-thumb-wrap.is-touch-hover .ldj-thumb-main {
        opacity: 0;
    }

    .ldj-thumb-wrap.is-touch-hover .ldj-thumb-model {
        opacity: 1;
    }
}


.home-slide-top .slider .flickity-prev-next-button.previous {
    left: 16px;
}
.home-slide-top .slider .flickity-prev-next-button.next {
    right: 16px;
}
.home-slide-top:not(:hover) .slider .flickity-prev-next-button {
    display: none;
}
.home-slide-top .slider .flickity-prev-next-button {
    transform: translate(0,-50%) !important;
    top: 50%;
}

.khtt-banner .qw-outline-button:hover::before,
.khtt-banner .qw-outline-button:hover::after,
.khtt-banner .qw-outline-button:hover .qw-btn-text::before,
.khtt-banner .qw-outline-button:hover .qw-btn-text::after {
    background: #fff;
}
.khtt-banner .qw-outline-button:hover .qw-btn-text {
    background: #fff;
    color: #7E1416;
}


.wpcf7-form.submitting {
    position: relative;
    pointer-events: none;
}

.wpcf7-form.submitting:after {
    content: '';
    position: absolute;
    inset: 0;
    background: #fff;
    z-index: 8;
    opacity: 0;
}

.wpcf7-form.submitting .qw-cf7-submit {
    pointer-events: none;
}

.wpcf7-form.submitting .qw-cf7-submit:before {
    content: '';
    position: absolute;
    inset: 0;
    background: #fff;
    z-index: 9;
    opacity: 0;
}

.wpcf7-form.submitting button[type="submit"].qw-cf7-btn {
    opacity: 0.5;
}

.wpcf7-form.submitting .qw-cf7-submit:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #fff;
    border-top-color: #7E1416;
    border-radius: 50%;
    animation: qw-spin 0.7s linear infinite;
    z-index: 10;
}
@keyframes qw-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.qw-file-label {
    margin-bottom: 0;
}

.qw-file-error {
    margin-top: 8px;
    color: #b20000;
    font-size: 11px;
    opacity: .8;
    padding: 5px 8px;
}

.ss-htch-home {
    aspect-ratio: 1280/440;
}

.banner.banner-thien-nguyen * {
    opacity: 1 !important;
    transition: unset !important;
    visibility: visible;
}

/* ===== Tổng thể ===== */
.row-quyenloi{
  --qw-line: #7D5609;
  --qw-text: #767676;
  --qw-bg: #fff;
  margin: 0 !important;
  background: var(--qw-bg);
  border-bottom: 1px dashed var(--qw-line);
}

.row-quyenloi > .col{
  padding: 0 !important;
  border-right: 1px dashed var(--qw-line);
}

.row-quyenloi > .col:last-child{
  border-right: 0;
}

.row-quyenloi > .col > .col-inner,
.row-quyenloi > .col > .col-inner > .row{
  height: 100%;
}

.row-quyenloi .row-collapse{
  margin: 0 !important;
}

/* reset padding cột con */
.row-quyenloi .row-collapse > .col{
  padding: 0 !important;
}

.row-quyenloi .row-collapse > .col > .col-inner{
  padding: 0 !important;
  min-height: 100%;
}



.row-quyenloi .text p{
  margin: 0;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: var(--qw-text);
}

/* ===== PC: 4 cột ngang, mỗi cột có 3 hàng ===== */
@media (min-width: 850px){

  .row-quyenloi > .col > .col-inner{
    width: 100%;
  }

  .row-quyenloi .row-collapse > .col:nth-child(1),
  .row-quyenloi .row-collapse > .col:nth-child(2){
    border-bottom: 1px dashed var(--qw-line);
  }

  /* hàng ảnh */
  .row-quyenloi .row-collapse > .col:nth-child(1) .col-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 20px !important;
  }

  .row-quyenloi .img{
    margin: 0 auto;
    text-align: center;
  }

  .row-quyenloi .img-inner{
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .row-quyenloi .img-inner img{
    display: block;
    width: 100%;
    max-width: 172px;
    height: auto;
    object-fit: contain;
  }

  /* text */
  .row-quyenloi .text{
    height: 100%;
    padding: 24px 16px;
  }

  .row-quyenloi .text p{
    font-size: 14px;
    font-weight: 600;
  }
}

/* ===== Mobile: dạng bảng 4 hàng x 3 cột ===== */
@media (max-width: 849px){
  .row-quyenloi{
    border-bottom: 0;
  }

  .row-quyenloi > .col{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    border-right: 0;
    border-bottom: 1px dashed var(--qw-line);
  }

  .row-quyenloi > .col:last-child{
    border-bottom: 1px dashed var(--qw-line);
  }

  .row-quyenloi .row-collapse{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: stretch;
  }

  .row-quyenloi .row-collapse > .col{
    border-right: 1px dashed var(--qw-line);
  }

  .row-quyenloi .row-collapse > .col:last-child{
    border-right: 0;
  }

  .row-quyenloi .row-collapse > .col > .col-inner{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 14px !important;
  }

  /* cột ảnh */
  .row-quyenloi .row-collapse > .col:nth-child(1) .col-inner{
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 12px;
    background: #f8f3e5;
  }

  .row-quyenloi .text p{
    font-size: 12px;
    font-weight: 700;
  }
}



/* ===== Bảng đổi điểm quà tặng ===== */
.row-doidienthuong{
  --line: #7D5609;
  --text: #767676;
  --bg: #fff;
  --bg-left: #f3ecec;

  margin: 0 !important;
  background: var(--bg);
  border-top: 1px dashed var(--line);
  border-left: 1px dashed var(--line);
}

.row-doidienthuong,
.row-doidienthuong *{
  box-sizing: border-box;
}

.row-doidienthuong > .col{
  padding: 0 !important;
  border-right: 1px dashed var(--line);
}

.row-doidienthuong > .col > .col-inner{
  height: 100%;
  padding: 0 !important;
}

.row-doidienthuong .row-collapse{
  margin: 0 !important;
  height: 100%;
}

.row-doidienthuong .row-collapse > .col{
  padding: 0 !important;
}

.row-doidienthuong .row-collapse > .col > .col-inner{
  padding: 0 !important;
  height: 100%;
}

.row-doidienthuong .text{
  width: 100%;
}

.row-doidienthuong .text p{
  margin: 0;
  color: var(--text);
  font-weight: 600;
  font-size: 14px;
  line-height: 160%;
}

.row-doidienthuong .img{
  margin: 0 !important;
}

.row-doidienthuong .img-inner{
  display: flex;
  align-items: center;
  justify-content: center;
}

.row-doidienthuong .img-inner img{
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}



/* ===== PC ===== */
@media (min-width: 850px){

  .row-doidienthuong .row-collapse > .col{
    border-bottom: 1px dashed var(--line);
  }

  .row-doidienthuong .row-collapse > .col:nth-child(1) .col-inner,
  .row-doidienthuong .row-collapse > .col:nth-child(3) .col-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px !important;
  }

  .row-doidienthuong .row-collapse > .col:nth-child(2) .col-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px !important;
  }

  .row-doidienthuong .row-collapse > .col:nth-child(1){
    background: var(--bg-left);
  }
  .row-doidienthuong .row-collapse > .col:nth-child(2) .img-inner img{
    max-height: 108px;
  }
}


/* ===== Mobile ===== */
@media (max-width: 849px){
  .row-doidienthuong{
    border-bottom: 0;
  }

  .row-doidienthuong > .col{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    border-bottom: 1px dashed var(--line);
  }

  .row-doidienthuong .row-collapse{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .row-doidienthuong .row-collapse > .col{
    border-right: 1px dashed var(--line);
  }

  .row-doidienthuong .row-collapse > .col:last-child{
    border-right: 0;
  }

  .row-doidienthuong .row-collapse > .col > .col-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 14px !important;
  }

  .row-doidienthuong .row-collapse > .col:nth-child(1){
    background: var(--bg-left);
  }

  .row-doidienthuong .row-collapse > .col:nth-child(2) .img-inner img{
    max-height: 88px;
  }
  .row-doidienthuong .col .text p{
    font-size: 12px;
  }
}

.ss-khtt .text a {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: #796E65;
}
.ss-khtt .text a::after{
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;

  background-color: currentColor;

  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M8.97303 5.70478L3.69023 1.57861C3.67643 1.56774 3.65984 1.56099 3.64237 1.55912C3.6249 1.55726 3.60726 1.56036 3.59147 1.56807C3.57569 1.57578 3.5624 1.58778 3.55312 1.60271C3.54385 1.61763 3.53898 1.63487 3.53906 1.65244V2.55829C3.53906 2.61572 3.56602 2.67079 3.61055 2.70595L7.82929 6.00009L3.61055 9.29423C3.56484 9.32939 3.53906 9.38447 3.53906 9.44189V10.3477C3.53906 10.4263 3.6293 10.4696 3.69023 10.4216L8.97303 6.2954C9.01793 6.26038 9.05426 6.21558 9.07924 6.1644C9.10422 6.11323 9.11721 6.05704 9.11721 6.00009C9.11721 5.94315 9.10422 5.88695 9.07924 5.83578C9.05426 5.78461 9.01793 5.7398 8.97303 5.70478Z'/></svg>") no-repeat center / contain;

  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M8.97303 5.70478L3.69023 1.57861C3.67643 1.56774 3.65984 1.56099 3.64237 1.55912C3.6249 1.55726 3.60726 1.56036 3.59147 1.56807C3.57569 1.57578 3.5624 1.58778 3.55312 1.60271C3.54385 1.61763 3.53898 1.63487 3.53906 1.65244V2.55829C3.53906 2.61572 3.56602 2.67079 3.61055 2.70595L7.82929 6.00009L3.61055 9.29423C3.56484 9.32939 3.53906 9.38447 3.53906 9.44189V10.3477C3.53906 10.4263 3.6293 10.4696 3.69023 10.4216L8.97303 6.2954C9.01793 6.26038 9.05426 6.21558 9.07924 6.1644C9.10422 6.11323 9.11721 6.05704 9.11721 6.00009C9.11721 5.94315 9.10422 5.88695 9.07924 5.83578C9.05426 5.78461 9.01793 5.7398 8.97303 5.70478Z'/></svg>") no-repeat center / contain;

  transition: transform .2s ease;
}

.ss-khtt .text a:hover::after{
  transform: translateX(2px);
}

.row-ttch .text.info p {
  font-size: 14px;
}


.ss-sanpham .tab-panels .box-image img {
  aspect-ratio: 1;
}

/*.bialty-container {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: hidden;*/
/*}*/

.ldj-bo-suu-tap {
  min-height: 14px;
  line-height: 120%;
  margin-bottom: 8px;
  text-align: center;
}
a.ldj-bo-suu-tap__link {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #796E65;
}
a.ldj-bo-suu-tap__link:hover {
  color: #796E65;
}

div#ez-toc-container {
  border: 0;
  border-radius: 0;
  padding: 16px 16px 12px;
  background: rgba(241, 237, 231, 0.5);
  margin-bottom: 24px;
}

div#ez-toc-container .ez-toc-title {
  font-size: 16px !important;
  line-height: 120%;
  color: #000;
  font-weight: 700;
}
@media (max-width: 549px){
  div#ez-toc-container .ez-toc-title {
    font-size: 14px !important;
  }
}
div#ez-toc-container .ez-toc-js-icon-con,
div#ez-toc-container .ez-toc-toggle label {
    border: 0;
}
div#ez-toc-container .ez-toc-icon-toggle-span svg {
    fill: #000 !important;
    color: #000 !important;
}
div#ez-toc-container .ez-toc-icon-toggle-span svg:last-child {
  display: none;
}
#ez-toc-container .ez-toc-js-icon-con,
#ez-toc-container .ez-toc-toggle label {
    float: left;
    width: unset;
    left: 0;
}
div#ez-toc-container a.ez-toc-toggle {
    float: left !important;
    margin-left: 0;
    padding-left: 0;
}
div#ez-toc-container .ez-toc-list > li > a {
  position: relative;
    font-weight: 700;
    padding-left: 18px;
}

div#ez-toc-container .ez-toc-list > li > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='currentColor'><path fill-rule='evenodd' clip-rule='evenodd' d='M11.4952 4.83687C11.723 5.06468 11.723 5.43402 11.4952 5.66183L7.41183 9.74516C7.18402 9.97297 6.81468 9.97297 6.58687 9.74516L2.50354 5.66183C2.27573 5.43402 2.27573 5.06468 2.50354 4.83687C2.73134 4.60906 3.10069 4.60906 3.32849 4.83687L6.99935 8.50772L10.6702 4.83687C10.898 4.60906 11.2674 4.60906 11.4952 4.83687Z'/></svg>") no-repeat center;

    background-size: contain;
}
div#ez-toc-container a {
  text-decoration: none;
    color: rgba(0, 0, 0, 0.88);
    line-height: 160%;
    font-size: 14px !important;
    margin-bottom: 4px;
}
div#ez-toc-container a:hover {
  color: #7E1416;
  text-decoration: none;
}
#ez-toc-container ul ul, .ez-toc div.ez-toc-widget-container ul ul {
    margin-left: 1.65em;
}
.ez-toc-icon-toggle-span {
    display: flex;
    align-items: center;
    width: unset;
    height: 23px;
    justify-content: center;
    direction: ltr;
}
.ez-toc-list {
  margin-top: 8px;
}

.stack-gcn img {
  height: 32px;
  width: auto;
}

@media (max-width: 849px) {
    .row.footer-bt-1a .row.row-socials {
        margin: auto;
    }
}


.col.post-item {
    display: flex;
}
.col.post-item .col-inner,
.col.post-item .box {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.col.post-item .box-text {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.col.post-item .box-text-inner {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.col.post-item .from_the_blog_excerpt {
    margin-top: auto;
}


.post-item .box-image {
  aspect-ratio: 410/214;
  margin: unset;
}

.post-item .box-image .image-cover {
  width: 100%;
  height: 100%;
  padding-top: unset !important;
}

.post-item .box-image .image-cover a img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.chinhsach.ssss,
.row-menu-bst .col-banner .row {
    display: none;
}

.row-menu-bst .col-banner .row.is-active {
    display: block;
}

@media screen and (max-width: 549px) {
    body.single-post .entry-content.single-page p {
        font-size: 16px;
    }
}

.ez-toc-title-container {
  cursor: pointer;
  position: relative;
  padding-right: 32px;
}

.ez-toc-title-container::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 50%;
  width: 16px;
  height: 16px;

  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.52925 2.86128C5.7896 2.60093 6.21171 2.60093 6.47206 2.86128L11.1387 7.52794C11.3991 7.78829 11.3991 8.2104 11.1387 8.47075L6.47206 13.1374C6.21171 13.3978 5.7896 13.3978 5.52925 13.1374C5.2689 12.8771 5.2689 12.455 5.52925 12.1946L9.72451 7.99935L5.52925 3.80409C5.2689 3.54374 5.2689 3.12163 5.52925 2.86128Z' fill='%23796E65'/%3E%3C/svg%3E");

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;

  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.3s ease;
}

.toc_close .ez-toc-title-container::after {
  transform: translateY(-50%) rotate(90deg);
}