.single, .archive {
        background-color: #fff;
        background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-tour-single.webp);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        
    }
.title-tr h1 {
    color: #1E293B;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
}    
  .transparent #logo img {
    max-height: 70px !important;
}  
/* dùng ảnh nền cho nút tab */
.albumdiemden-tab-btn{
  border: 0;
  display: block;                     /* theo yêu cầu */
  background-image: url('https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/btn-contact-footer.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;         /* kéo full khung “tem” */
  color: #fff;                        /* nếu nền tối */
  min-width: 180px;                   /* tuỳ kích thước asset */
  height: 56px;                       /* tuỳ kích thước asset */
  padding: 0 16px;                    /* text không dính mép */
  line-height: 56px;                  /* căn giữa dọc cho 1 dòng */
  text-align: center;
  box-shadow: none;
}

/* trạng thái active: có thể dùng cùng ảnh, thêm đổ bóng, hoặc đổi ảnh */
.albumdiemden-tab-btn[aria-selected="true"]{
  filter: drop-shadow(0 6px 18px rgba(0,0,0,.15));
}
p.price span {
    font-size: 13px;
    color: #383435;
}
/* nếu tiêu đề dài > 1 dòng */
.albumdiemden-tab-btn{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* responsive */
@media (max-width:600px){
.off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
           width: 100% !important; 
}
.mfp-content * {
    color: white !important;
}   
.mfp-ready .mfp-close {
    opacity: 1;
    color: white;
}
.nav-sidebar.nav-vertical>li+li {
    border-top: 0px solid #ececec !important;
    color: white;
}
.nav-sidebar.nav-vertical a{
    color: white;
        font-size: 17px;
}
.mfp-content{
    background-color: #9a0f11 !important;
    background-image: url("https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-about.webp");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    background-blend-mode: multiply;}
  .albumdiemden-tab-btn{
    min-width: 140px;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
  }
} 
/* Bố cục dots */
.testimonial-slick-slider .slick-dots,
.testimonial-slick-slider .slick-dots li {
  list-style: none !important;
}
.testimonial-slick-slider .slick-dots {
  display: flex !important;
  gap: 10px;
  justify-content: center;
  align-items: center;
  margin: 14px 0 0;
}

/* Xóa chấm mặc định của Slick (::before) */
.testimonial-slick-slider .slick-dots li button:before {
  content: '' !important;
}

/* Button dot = icon hình thoi */
.testimonial-slick-slider .slick-dots li {
  margin: 0;
  width: 18px;   /* chỉnh theo ý */
  height: 18px;
}
.testimonial-slick-slider .slick-dots li button {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: url('https://client.quynhonadv.com/wp-content/uploads/2025/09/Asset-36@4x.png')
              center/contain no-repeat; /* viền rỗng */
  font-size: 0;          /* ẩn số 1,2,3... trong button */
  color: transparent;    /* phòng trường hợp font-size bị override */
  outline: none;
  cursor: pointer;
  transition: transform .2s ease;
}

/* Trạng thái active = hình thoi tô màu */
.testimonial-slick-slider .slick-dots li.slick-active button {
  background-image: url('https://client.quynhonadv.com/wp-content/uploads/2025/09/Asset-35@4x.png');
}

/* Hover/focus (tùy chọn) */
.testimonial-slick-sliderr .slick-dots li button:hover,
.testimonial-slick-sliderr .slick-dots li button:focus {
  transform: scale(1.05);
}
/* product */
/* Xóa chấm mặc định của Slick (::before) */
.product-slider .slick-dots,
.product-slider .slick-dots li {
  list-style: none !important;
}
.product-slider .slick-dots li button:before {
  content: '' !important;
}
.product-slider .slick-dots {
    display: flex !important;
    gap: 10px;
    justify-content: center;
    align-items: center;
    margin: 14px 0 0;
}

/* Button dot = icon hình thoi */
.product-slider .slick-dots li {
  margin: 0;
  width: 18px;   /* chỉnh theo ý */
  height: 18px;
}
.product-slider .slick-dots li button {
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  background: url('https://client.quynhonadv.com/wp-content/uploads/2025/09/Asset-36@4x.png')
              center/contain no-repeat; /* viền rỗng */
  font-size: 0;          /* ẩn số 1,2,3... trong button */
  color: transparent;    /* phòng trường hợp font-size bị override */
  outline: none;
  cursor: pointer;
  transition: transform .2s ease;
}

/* Trạng thái active = hình thoi tô màu */
.product-slider .slick-dots li.slick-active button {
  background-image: url('https://client.quynhonadv.com/wp-content/uploads/2025/09/Asset-35@4x.png');
}

/* Hover/focus (tùy chọn) */
.product-sliderr .slick-dots li button:hover,
.product-sliderr .slick-dots li button:focus {
  transform: scale(1.05);
}

.single #main, .single #wrapper, .archive #main, .archive #wrapper{
    background: transparent;
    width: 100%;}
.top-testi-tr p {
    margin: 0px;
}
.header-button i {
    color: #9a0f11;
    /* font-size: 18px; */
}
.header-button a { 
    animation: pulseBox 1.5s infinite; /* Gọi animation cho cả box */
}

@keyframes pulseBox {
    0% {
        transform: scale(1);
      /*  box-shadow: 0 0 0 rgba(0, 176, 155, 0.7);*/
        
    }
    50% {
        transform: scale(1.08);
         /*box-shadow: 0 0 25px rgba(0, 176, 155, 0.5);*/
    }
    100% {
        transform: scale(1);
        /* box-shadow: 0 0 0 rgba(0, 176, 155, 0.7);*/
    }
}
.lwptoc {
    width: 100%;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-baogom.png);
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 10px 10px 10px 10px;
    position: relative;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .08);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    margin-top: 20px;
}
.lwptoc-light .lwptoc_i {
    color: #333;
     background: none !important;
}
.lwptoc-light .lwptoc_items A:visited {
    color: #9a0f11 !important;
}
.lwptoc-light .lwptoc_i A {
    color: #9a0f11!important;
}
/* Bất kỳ mục nào có số nguyên (1., 2., 3.) sẽ đậm */
.lwptoc_item_number:not([class*="."]) + .lwptoc_item_label {
    font-weight: 700;
}

.top-testi-tr {
    display: flex
;
    align-items: center;
}
.top-testi-tr img {
    width: 48px;
    height: 48px;
    display: block;
    border-radius: 50%;
    margin-right: 16px;
}
.testi-item-tr {
    padding: 40px;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-test-item.webp);
    background-size: 100% 100%;
}
p.name-testi {
    color: #1E293B;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.2px;
    line-height: 24px;
}
.tour-item-tr { 
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    margin-bottom: 20px; 
}
.info-tour-item {
    padding: 10px;
        background: white;
    border-radius: 10px;
}
.bottom-testi-tr {
    font-size: 14px;
    color: #1E293B;
    margin-top: 10px;
    margin-bottom: 10px;
}
p.position-testi {
    font-size: 15px;
    color: #64748B;
}
.testimonial-slick-slider .slick-slide, .product-slider .slick-slide {
    margin: 0 15px; 
}

.testimonial-slick-slider .slick-list, .product-slider .slick-list {
    margin: 0 -15px; 
}
.box-text.text-left {
    padding: 10px;
}
.box.box-normal.box-text-bottom.box-blog-post.has-hover {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    border-radius: 10px;
}
.title-tr h2 {
    color: #1E293B;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
}
.title-tr p {
    color: #475569;
    font-size: 15px;
    font-weight: 400;
    max-width:650px;
    margin:0 auto;
    line-height: 20px;
}
.title-tr {
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/title-bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 86px;
    position: relative;
}
.footer-tr {
    padding-top: 70px !important;
    background-image: url(/wp-content/uploads/2025/09/footer-bg.webp);
    background-repeat: no-repeat !important;
    background-position: bottom center;
    background-size: 100% auto;
}
.faq-tr {
    background-image: url('/wp-content/uploads/2025/09/bg-faq.webp');
    background-repeat: no-repeat;
    background-position: bottom center;
}
.info-post-tr {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #64748B;
}
p.author-tr img {
    border-radius: 50%;
    margin-right: 4px;
}
.info-post-tr {
    display: flex
;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #64748B;
    margin-top: 5px;
    margin-bottom: 5px;
}
.post-item-tr h5.post-title.is-large {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.2px;
    line-height: 24px;
}
.post-item-tr h5.post-title.is-large a{
    color: #1E293B;
}
.post-item-tr p.from_the_blog_excerpt {
    color: #475569;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 10px;
}
.new-tr:before {
    content: '';
    position: absolute;
    bottom: -30%;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-news.webp);
    background-position: bottom center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}
.feature-tr>a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-blog-item.png);
    background-size: 100% 100%;z-index: 2;
}
.feature-tr>a {
    position: relative;
    display: block;
}
.feature-tr img {
    height: 220px;
    object-fit: cover;
}
.gallery-tr {
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-gallery.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    padding: 90px 0px !important;
}
.tabbed-content.tab-gallery>.nav>li a {
    font-size: 18px;
    font-weight:800;
    letter-spacing: -0.16px;
    line-height: 18px;
    padding: 6px 12px;
}
.tabbed-content.tab-gallery>.nav{
    gap: 12px;
    margin-bottom: 30px;
}
.info-tour-item h4 a {
    color: #1E293B;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
}
.info-tour-item h4 {
    margin: 12px 0px;
}
span.price, p.price {
    color: #1C9E48;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: -0.26px;
    margin-bottom: 10px;
}

p.date-tour {
    color: #747475;
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 10px;
}
.info-tour-item p.tour-card-origin {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 0 0 8px;
    color: #747475;
    font-size: 12px;
    line-height: 1.4;
}
.info-tour-item p.tour-card-origin i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #9a0f11;
}
.tour-styles a {
    background: #fbeeee;
    padding: 2px 8px;
    color: #9a0f11;
    margin: 0px;
    height: auto;
    line-height: 20px;
}
a.btn-read-tour {
    color: #FFF;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/btn-book-tour.png);
    
}
a.btn-read-tour {
    color: #FFF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/btn-book-tour.png);
    height: 36px;
    width: 171px;
    display: block;
    text-align: center;
    line-height: 36px;
    margin-top: 12px;
        background-size: contain;
}
.product-slider .slick-arrow {
    color: transparent;
    font-size: 0px;
    position: absolute;
    top: 30%;
    width: 40px;
    height: 40px;
    right: 0;
}
.product-slider .slick-arrow:before {
    content: '';
    position: absolute;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/next.svg);
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.product-slider .slick-prev {
    left: 0;
    z-index: 2;
}
.product-slider .slick-prev:before {
background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/prev.svg);
right: -15px;
}
.icon-box-home-tr {
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-about-tr.png);
}
.single-post img {
    width: 100%;
    margin-bottom: 10px;
}
.icon-box-home-tr {
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-about-tr.png);
    padding: 37px;
    background-size: 100% 100%;
    min-height: 200px;
    font-size: 11px;
}
.icon-box-home-tr h4 {
    color: #9a0f11;
    font-size: 21px;
    font-weight: 800;
    line-height: 20px;
}
.about-tr:before {
    content: '';
    position: absolute;
    bottom: -30%;
    height: 180%;
    width: 100%;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-about.webp);
    background-position: bottom;
    z-index: 2;
    background-repeat: no-repeat;
}
.about-tr {
    z-index: 2;
    margin-top: 0px;
}
.banner-tr {
    z-index: 1;
}
.about-tr:after {
    content: '';
    position: absolute;
    bottom: 0%;
    height: 150%;
    width: 100%;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-banner.webp);
    background-position: top;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: 100%;
}
.title-tr.title-white-tr h2 {
    color: #fff;
}
.about-tr .section-content.relative{
    z-index: 3;
}
.slider-for{ position: relative; }
.slider-for img{
  width: 100%;  object-fit: cover;
  height: 900px;

}
.slider-nav {
    margin-top: 14px;
    position: absolute;
    bottom: 35%;
    width: 50%;
    float: right;
    right: -1%;
    z-index: 3;
}
.slider-nav .slick-slide{ padding: 0 6px; opacity: .6; }
.slider-nav .slick-current{ opacity: 1; }
.slider-nav img {
    width: 100%;
    height: 120px;
    object-fit: cover;
    padding: 4px;
    clip-path: polygon(0 17%, 7% 0%, 92% 0, 100% 16%, 100% 85%, 92% 100%, 8% 100%, 0% 83%);
}
.slick-prev, .slick-next{
  width: 44px; height: 44px; z-index: 2;
}
.slick-prev:before, .slick-next:before{
  font-size: 28px; line-height: 44px;
}
.slider-for .banner-img:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
    z-index: 1;
}
.slider-nav .slick-slide .img-thumb-slider{
  position: relative;
}
.slider-nav .slick-slide .img-thumb-slider:after {
    content: '';
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-thum-slider.png);
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
}
.slider-nav button.slick-arrow {
    position: absolute;
    bottom: -50px;
    left: 0;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/prev-icon.png);
    font-size: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}
.slider-nav button.slick-next.slick-arrow {
    left: 50px;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/next-icon.png);
}
.banner-img {
    position: relative;
}
.content-banner-tr {
    position: absolute;
    z-index: 9;
    width: 40%;
    right: 8.7%;
    top: 16%;
    color: #fff;
}
.content-banner-tr h3 { 
    font-size: 30px;
    color: #fff;
    font-weight: 800;
    line-height: 48px;
    margin-bottom: 5px;
}
.content-banner-tr a{
    color: #fff;
}
.content-banner-tr a:hover{
    color: #fff;
}
p.price-banner {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 26px;
    margin-bottom: 20px;
}
p.price-banner span {
    font-size: 15px;
    font-weight: 400;
}
.content-banner-tr>a {
    display: block;
    width: 135px;
    /* font-size: 14px; */
    /* padding: 8px 10px; */
    /* text-align: left; */
    /* border: none; */
    border-radius: 8px;
    cursor: pointer;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-read-more.png);
    font-weight: 500;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 180px;
    height: 42px; 
    color: #9a0f11;
    /* display: block; */
    /* margin: 0 auto; */
    /* margin-top: 30px; */
    text-align: center;
    padding: 7px;
}

.accordion.acc-tr .accordion-title {
    position: relative;
    color: #1E293B;
    font-size: 16px;
    background: transparent;
    font-weight: 500;
    border: none;
    padding: 20px 0px;
    border-bottom: 1px solid #E2E8F0;
}

.accordion.acc-tr .toggle {
    left: inherit;
    right: 0;
    font-size: 11px;
    top: 10px;
    width: auto;
    margin: 0;
}
.acc-tr {
  counter-reset: section; /* reset bộ đếm */
}

.acc-tr .accordion-title span::before {
    counter-increment: section;
    content: counter(section, decimal-leading-zero) ". ";
    font-weight: bold;
    margin-right: 5px;
    color: #64748B;
}
.acc-tr  a.accordion-title.plain.active span::before{
    color: #9a0f11;
}
.footer-menu-tr h3 {
    color: var(--Gray-80, #1E293B);
    font-weight: 700;
    font-size: 18px;
    margin:10px 0px;
}
.footer-menu-tr ul {
    list-style: none;
    line-height: normal;
    padding: 0;
    margin: 0;
}
.footer-menu-tr ul li {
    margin: 0px;
    padding: 14px 0px;
    list-style: none;
}
.footer-menu-tr img {
    max-height: 90px;
    width: auto !important;
}
.footer-menu-tr ul li, .footer-menu-tr ul li a{
    color: #475569;
}
.footer_anh .col {
    padding-bottom: 0px;
}
.btn-footer-tr a, .booking-tour-btn {
       display: inline-block;
    color: #fff;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/btn-contact-footer.png);
    width: 218px;
    height: 60px; 
    margin-bottom: 0px;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    max-width: 100%;
    background-size: 100% 100%;
}
.form-box-tr {
    width: 490px;
    margin: auto;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-search.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 40px;
    max-width: 100%;
}
    .form-group-tr {
      margin-bottom: 0px;
    }

    .form-group-tr label {
    display: block;
    margin-bottom: 6px;
    color: #1E293B;
    font-size: 14px;
    font-weight: 500;
}

    .form-group-tr input {
      width: 100%;
      padding: 8px 10px;
      border: 1px solid #ddd;
      border-radius: 6px;
      outline: none;
    }
.inline-inputs-tr {
    display: grid
;
    gap: 10px;
    grid-template-columns: 49% 49%;
}

    .inline-inputs-tr input {
      flex: 1;
    }

.counter-box-tr {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 6px;
}
.counter-box-tr span {
    flex: 1;
    color: #1E293B;
    font-size: 15px;
    font-weight: 400;
}
.counter-controls-tr
 {
    display: flex
;
    align-items: center;
    gap: 8px;
    width: 124px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.counter-controls-tr input {
    width: 44px !important;
    height: 32px !important;
    box-shadow: none !important;
    border: none !important;
    background: transparent !important;margin-bottom: 0px;
}
.counter-controls-tr button {
    width: 32px;
    max-height: 28px;
    border: none;
    border-radius: 6px;
    background: #F1F5F9;
    cursor: pointer;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
    color: #1E293B;
    line-height: 0px;
    display: flex !important
;
    align-items: center;
    justify-content: center;
}
    .counter-controls-tr input {
      width: 40px;
      text-align: center;
      border: none;
      font-size: 16px;
      background: transparent;
      pointer-events: none;
    }
.search-banner {
    position: absolute;
    top: 15%;
    right: 56%;
    z-index: 2;
}
.form-group-tr input {
    background: #fff;
    border: none !important;
    box-shadow: none !important;
    border-radius: 12px !important;
    outline: none !important;
}
.bg-form-tr {
    background: #ffffff;
    padding: 10px;
    border-radius: 10px;
    padding-bottom: 5px;
}
.form-box-tr>img {
    max-height: 70px;
    width: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
}
.btn-search-tr {
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/btn-search.png);
    width: 100%;
    max-width: 266px;
    color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin: 0 auto;
    display: flex ;
    margin-top: 15px; 
    font-size: 14px;
    font-weight: normal;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

header.header.transparent.has-transparent {
    border: none;
}
header.header {
    border-bottom: 1px solid #F1F5F9;
}
.faq-item-tour[aria-expanded="true"] .faq-idx-tour{
 color: #9a0f11;   
}
ul li.bullet-arrow, ul li.bullet-checkmark, ul li.bullet-cross, ul li.bullet-star { 
    padding: 7px 0 7px 15px !important; 
}
@media screen and (max-width: 1024px){
.content-banner-tr h3 {
    font-size: 26px;
    color: #fff;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 5px;
}
.form-box-tr{
    width: 100%;
}
}
.readmore-btn-tr {
    margin-top: 10px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-read-more.png);
    font-weight: 500;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 180px;
    height: 36px;
    padding: 0;
    color: #9a0f11;
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}
@media screen and (max-width: 768px){
    .product-slider.slick-initialized.slick-slider .item {
    padding: 0px 5px;
}
    a.btn-read-tour {
    color: #FFF !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/btn-book-tour.png);
    height: 32px;
    width: 150px;
    display: block;
    text-align: center;
    line-height: 30px;
    margin-top: 12px;
    background-size: contain;
}
p.price span {
    font-size: 10px;
    color: #383435;
}
.info-tour-item h4 {
    margin: 5px 0px;
    line-height: 18px;
}
.info-tour-item h4 a{
    font-size:17px;
     display: -webkit-box;          /* cho Safari/Chromium */
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;         /* số dòng tối đa */
  overflow: hidden;
  text-overflow: ellipsis;

  /* (tùy chọn) cố định chiều cao để grid đều nhau */
  line-height: 1.35;
  max-height: calc(1.35em * 2);
  /* chống vỡ layout bởi từ quá dài */
  word-break: break-word;
}
    .gallery-tr{
        padding:0px !important;
    }
.top-testi-tr img {
    width: 37px;
    height: 37px;}
.post-item-tr p.from_the_blog_excerpt {
    color: #475569;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.6em;
    max-height: calc(1.6em* 3);
}
.row.footer_anh :nth-child(odd) {
          font-size: 13px;
  padding-left: 0px;
} 
.row.footer_anh :nth-child(even) {
  padding-right: 0px;
} 
.text.footer-menu-tr.icon_sine {
    padding: 0px 15px;
}
.social-icons-vertical{ 
    gap: 5px !important; 
}
.row.box_icon :nth-child(odd) {
  padding-right: 5px;
} 
.row.box_icon :nth-child(even) {
  padding-left: 0px;
} 
.row .col.post-item:nth-child(odd) {
  padding-right: 5px;
}
.row .col.post-item:nth-child(even) {
  padding-left: 5px;
}
.testi-item-tr{
    padding:10px;
    margin:0 5px;
}
.top-testi-tr img{
    margin-right:9px;
}
.info-post-tr {
    display: none;
}
.feature-tr img {
    height: 150px;
    object-fit: cover;
}
.accordion.acc-tr .accordion-title{
    font-size:13px;
}
.home .form-box-tr{
    display:none;
}
.slider-nav {
    margin-top: 14px;
    bottom: 49px;
    width: 100%;
    float: right;
    right: 0;
    z-index: 3;
}
.slider-nav img{
    height: 60px;
} 
.form-box-tr>img {
    display: none;
}
.search-banner {
    display: block;
    top: 40%;
    bottom: 10px;
    right: calc(50% - 150px);
    width: 90%;
    max-width: 300px;
}
.form-box-tr {
    padding: 30px 40px;
    padding-bottom: 15px;
}
.form-group-tr input {
    height: 30px !important;
    font-size: 12px !important;
    border-radius: 3px !important;
}
.form-group-tr label{
    font-size: 12px;
}
.counter-box-tr span {
    font-size: 12px;
}
.counter-controls-tr button {
    width: 25px;
    max-height: 22px;
   
    font-size: 10px;
    margin: 0px;
    padding: 0px;
  
;
    align-items: center;
    justify-content: center;
}
.bg-form-tr {
    background: #ffffff;
    padding: 5px;
    border-radius: 10px;
}
form.search-form.tour-search {
    margin-bottom: 0px;
}

.content-banner-tr {
    width: 100%;
    right: 0;
    color: #fff;
    padding: 0px 15px;
    top: 18vh;
}

.mobilehide{
    display:none;
}

    .content-banner-tr h3 {
        font-size: 18px;
        font-weight:600; 
        line-height: 30px;
        text-align: left;
    }
p.price-banner {
    text-align: left;
    font-size: 15px;
    justify-content: left;
    margin-bottom:10px;
}
.content-banner-tr>a { 
    display: block;
    width: 135px;
    font-size: 14px;
    padding: 8px 10px; 
}
 .about-tr:before {
    content: '';
    position: absolute;
    bottom: 52%;
    height: 58%;
    width: 100%;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-about.webp);
    background-position: center;
    z-index: 2;
    background-repeat: no-repeat;
}
.about-tr:after {
    content: '';
    position: absolute;
    bottom: 0%;
    height: 185%;
    width: 100%;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-banner.webp);
    background-position: center;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: 100%;
}
.icon-box-home-tr p{
   font-size:8px !important;
}
.icon-box-home-tr {
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-about-tr.png);
    padding: 20px;
    background-size: 100% 100%;
    min-height: 130px;
    font-size: 11px;
}
.icon-box-img img, .icon-box-img svg {
    padding-top: .2em;
    width: auto !important;
    height: 30px;
            margin-bottom: -5px;
    
}
.title-tr p {
    color: #475569;
    font-size: 10px;
    font-weight: 400;
     line-height:unset;
    margin-bottom: 0px;
    max-width:650px;
}
.slider-for img {
    height:58vh;
}
.slider-nav button.slick-arrow {
    width: 28px;
    height: 28px;
    bottom: -35px;
    left: calc(50% - 34px);
}
.slider-nav button.slick-next.slick-arrow {
    left: calc(50% + 6px);
}
.slider-nav .slick-slide {
    padding: 0 6px;
    opacity: 1;
}
.title-tr h2{
    font-size: 20PX;
}
.title-tr.title-white-tr h2{
        color: #1E293B;
    font-size: 20px;
}
.testimonial-slick-slider .slick-list, .product-slider .slick-list {
    margin: 0px;
}
.testimonial-slick-slider .slick-slide, .product-slider .slick-slide {
    margin: 0px;
}
.post-item-tr h5.post-title.is-large {
    font-size: 13px;
    line-height: 0px;
}
.box-blog-post{
    margin-bottom: 10px !important;
}
.post-item-tr h5.post-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* Giới hạn 2 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4em;          /* chiều cao dòng */
  max-height: calc(1.4em * 2); /* đảm bảo đúng 2 dòng */
}
.info-post-tr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.col.post-item.post-item-tr {
    padding-bottom: 0px;
}
.testimonial-slick-slider {
    padding: 15px;
}
.bottom-testi-tr {
    font-size: 10px;
    color: #1E293B;
    margin-top: 10px;
    margin-bottom: -5px;
}
p.position-testi {
    font-size: 8px;
    color: #64748B;
}
p.name-testi{
    font-size: 8px;
}
.footer_about{
    margin:0 2px !important;
}
.footer-menu-tr h3{
    font-size:15px;
}
.footer-menu-tr ul li, .footer-menu-tr ul li a { 
    font-size: 14px;
}
.footer-tr {
    padding-top:10px !important;
    background-size: auto 100%;
    background-color: #ead7d7;
}
 .icon-box-home-tr h4{
     font-size:10px;
     line-height:10px;
 }
.content-single-tour-tr h1 {
    font-size: 20px;
}
p#breadcrumbs {
    font-size: 14px;
}
.row.grid-gallery>.gallery-item-tr img {
    height: 200px;
}
.col.medium-6.small-12.large-6.gallery-small-tr .col.medium-6.small-12.large-6.gallery-item-tr {
    flex-basis: 50%;
    max-width: 50%;
}
.gallery-small-tr .gallery-item-tr img {
    height: 120px;
}
.content-tour-left-tr h3.title-gioi-thieu{
    font-size: 18px;
    line-height: 28px;
}
.content-tour-read h3 {
    font-size: 18px;
    line-height: 24px;
}
.heading-tr {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}
.content-inner-tr p, .faq-title-tour {
    font-size: 14px;
}
.accordion-header-tr2 {
    font-size: 14px;
}
.accordion-content-inner-tr2 p, .accordion-content-inner-tr2 li {
    font-size: 14px;
    line-height: 20px;
}
.accordion-icon-tr2, .accordion-toggle-tr2{
    top: 18px;
}
.booking-box-tr {
    padding: 47px 33px;
}
.booking-box-tr h3{
    font-size: 16px;
}
.info-tour-item {
    padding: 0px 10px 10px 10px;
}
    p.price {
        font-size: 14px;
        margin-bottom: 5px;
    }
       p.date-tour {
        margin-bottom: 5px;
        font-size: 10px;
    }
button.booking-tour-btn {
    font-size: 17px;
    height: 50px;
    line-height: 50px;
}
.col.medium-6.small-12.large-6 .destination-item-tour img{
    height: 218px;
}
.gallery-small-tr .gallery-item-tr:nth-child(4) a:after{
      background-size: 50px auto;  
}
.content-tour-left-tr {
    font-size: 14px;
}ul.nav-tr {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 10px;
    text-align: center;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    scrollbar-width: thin;       /* Firefox */
}

ul.nav-tr::-webkit-scrollbar {
    height: 6px; /* Safari/Chrome */
}
ul.nav-tr li {
    flex: 0 0 auto; /* giữ cho item không co lại, không xuống dòng */
}
.btn-search-tr{
    height: 32px;
    font-size: 11px;
}
}
/* Vị trí & hiệu ứng xuất hiện */
.floating-actions{
  position: fixed;
  right: 18px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
  animation: fa-slide-in .45s ease-out both;
}
@keyframes fa-slide-in {
  from { transform: translateX(80px); opacity: 0; }
  to   { transform: translateX(0);    opacity: 1; }
}

/* Nút */
.floating-actions .fa-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 51px;
  padding: 8px 12px;
 /* border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(16,24,40,.14);
  border: 1px solid #eef0f3;*/
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
  overflow: hidden;            /* ẩn label khi thu nhỏ */
}

/* Icon */
.floating-actions .fa-btn img{
  width: 45px; height: 45px; object-fit: contain; display: block;
}

/* Label trượt ra khi hover */
.floating-actions .fa-btn span{
  font-weight: 700;
  color: #111827;
  white-space: nowrap;
  max-width: 0;
  opacity: 0;
  transform: translateX(8px);
  transition: max-width .25s ease, opacity .25s ease, transform .25s ease;
}
.floating-actions .fa-btn:hover{
  transform: translateY(-2px);
 /* box-shadow: 0 16px 38px rgba(16,24,40,.18);
  background: #f8fafc;*/
}
.floating-actions .fa-btn:hover span{
  max-width: 180px;
  opacity: 1;
  transform: translateX(0);
}

/* Màu nhấn từng nút (viền mờ + hiệu ứng) */
.fa-call{ border-color:#ffe5e5; }
.fa-zalo{ border-color:#e5f0ff; }
.fa-consult{ border-color:#fff0e5; }

/* Mobile: gom sát mép dưới, label mặc định ẩn */
@media (max-width: 640px){
  .floating-actions{ right: 12px; bottom: 10%; gap: 8px; }
  .floating-actions .fa-btn{ height: 46px; padding: 8px 10px; }
   
}
div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-column: 2;
    width: 490px;
    margin: auto;
    /* padding: 20px; */
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    /* background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-search.webp); */
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /* padding: 40px; */
    max-width: 100%;
    grid-row: 2;
    font-size;15px;
    place-self: center center;
    background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/bg-form-booking.png);
}
.swal2-actions {
    margin: 0px;
}
button.swal2-cancel.swal2-styled {
    display: none !important;
}
div#swal2-validation-message {
    background: no-repeat;
    margin: 0px;
    color: red;
    padding: 0px;
}
button.swal2-confirm.swal2-styled {
    background: #9a0f11;
    min-width:200px;
}
button.swal2-close {
    margin-right: 30px;
    color: #9a0f11;
}
h2#swal2-title {
    margin-top: 0px !important;
    padding: 0px;
}
.counter-controls-tr button:disabled {
    opacity: .45;
    cursor: not-allowed;
}

/* Card tour shortcode: ảnh hành trình là điểm nhấn, lịch mở bán và giá
   giúp khách quyết định nhanh ngay trong danh sách tour. */
.product-slider .slick-list { margin: 0 -12px; }
.product-slider .slick-slide { height: auto; padding: 0 12px; }
.product-slider .slick-slide > div, .product-slider .item { height: 100%; }
.tour-card-v2 {
  --tour-pink: #9a0f11; --tour-pink-dark: #7d0b0d; --tour-ink: #1e293b; --tour-muted: #64748b;
  height: 100%; overflow: hidden; border: 1px solid #d9e1ea; border-radius: 22px;
  background: #eaf0f7; box-shadow: 0 9px 25px rgba(20, 41, 76, .13);
  transition: transform .22s ease, box-shadow .22s ease;
}
.tour-card-v2:hover { transform: translateY(-5px); box-shadow: 0 18px 38px rgba(20, 41, 76, .2); }
.tour-card-v2-media { position: relative; min-height: 240px; overflow: hidden; background: #dbe7ee; }
.tour-card-v2-media > a:first-child, .tour-card-v2-media > a:first-child img { display: block; width: 100%; height: 100%; }
.tour-card-v2-media > a:first-child { position: absolute; inset: 0; }
.tour-card-v2-media > a:first-child::after { display: none; }
.tour-card-v2-media img { object-fit: cover; transition: transform .5s ease; }
.tour-card-v2:hover .tour-card-v2-media img { transform: scale(1.055); }
.tour-card-v2-badge { position: absolute; top: 18px; left: 18px; z-index: 1; max-width: calc(100% - 36px); padding: 8px 16px; border-radius: 999px; background: rgba(255,255,255,.94); color: var(--tour-pink); font-size: 14px; font-weight: 800; line-height: 1.2; }
.tour-card-v2-media > .tour-card-v2-quick { position: absolute; right: 14px; bottom: 14px; left: auto; z-index: 3; display: inline-flex; align-items: center; gap: 8px; width: auto; height: auto; padding: 10px 15px; border-radius: 12px; background: rgba(20, 31, 48, .9); color: #fff !important; font-size: 14px; font-weight: 700; line-height: 1; transition: background .2s ease; }
.tour-card-v2-media > .tour-card-v2-quick::after { display: none; }
.tour-card-v2-quick:hover, .tour-card-v2-quick:focus { background: var(--tour-pink); color: #fff !important; }
.tour-card-v2-info { position: relative; z-index: 2; margin: -20px 10px 10px; padding: 20px 18px 14px; border-radius: 17px 17px 13px 13px; background: #fff; }
.tour-card-v2-info h4 { min-height: 2.7em; margin: 0 0 12px; font-size: 19px; font-weight: 800; line-height: 1.35; }
.tour-card-v2-info h4 a { display: -webkit-box; overflow: hidden; color: var(--tour-ink); -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; }
.tour-card-v2-info h4 a:hover { color: var(--tour-pink); }
.tour-card-v2-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 14px; color: #3c4658; font-size: 13px; line-height: 1.4; }
.tour-card-v2-meta span { display: inline-flex; align-items: center; gap: 6px; min-width: 0; }
.tour-card-v2-meta i { color: var(--tour-pink); font-size: 14px; }
.tour-card-v2-date-rail { display: grid; grid-template-columns: 45px minmax(0, 1fr) 45px; align-items: center; column-gap: 1px; margin: 0 0 16px; }
.tour-card-v2-dates { display: flex; min-width: 0; gap: 8px; overflow-x: auto; margin: 0; padding: 2px; scroll-behavior: smooth; scrollbar-width: none; }
.tour-card-v2-dates::-webkit-scrollbar { display: none; }
.tour-card-v2-dates a { flex: 0 0 auto; display: inline-flex; min-width: 54px; justify-content: center; padding: 7px 8px; border: 1.5px solid var(--tour-pink); border-radius: 8px; color: var(--tour-pink); font-size: 13px; font-weight: 700; line-height: 1.2; }
.tour-card-v2-dates a:hover, .tour-card-v2-dates a:focus { border-color: var(--tour-pink-dark); background: #fbeeee; color: var(--tour-pink-dark); }
.tour-card-v2-date-control { justify-self: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #b6bdc8; box-shadow: 0 5px 16px rgba(20, 41, 76, .16); font-size: 13px; line-height: 1; }
.tour-card-v2-date-control.is-next { background: var(--tour-pink); color: #fff; margin:0px}
.tour-card-v2-date-control:disabled { cursor: default; opacity: .48; margin:0px }
.tour-card-v2-date-control:focus-visible { outline: 3px solid #ffb900; outline-offset: 2px; }
.tour-card-v2-footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding-top: 13px; border-top: 1px solid #edf0f4; }
.tour-card-v2 .price { display: grid; gap: 2px; margin: 0; color: var(--tour-muted); line-height: 1.1; }
.tour-card-v2 .price span { color: var(--tour-muted); font-size: 13px; }
.tour-card-v2 .price strong { color: var(--tour-pink); font-size: 24px; font-weight: 850; letter-spacing: -.4px; white-space: nowrap; }
.tour-card-v2 .btn-read-tour { flex: 0 0 171px; width: 171px; height: 36px; margin: 0; padding: 0; border-radius: 0; background-color: transparent; background-image: url(https://trungquoc.travel/wp-content/themes/flatsome-child/imgs/btn-book-tour.png); background-size: contain; background-repeat: no-repeat; color: #fff; font-size: 14px; font-weight: 500; line-height: 36px; text-align: center; }
.tour-card-v2 .btn-read-tour:hover, .tour-card-v2 .btn-read-tour:focus { background-color: transparent; color: #fff; }
.tour-card-v2 a:focus-visible { outline: 3px solid #ffb900; outline-offset: 3px; }
.tour-grid .tour-card-v2 { height: 100%; }
@media (max-width: 700px) {
  .product-slider .slick-list { margin: 0 -7px; }
  .product-slider .slick-slide { padding: 0 7px; }
  .tour-card-v2-media { min-height: 340px; }
  .tour-card-v2-info { margin: -22px 10px 10px; padding: 20px 16px 14px; }
  .tour-card-v2-info h4 { min-height: 2.7em; font-size: 19px; }
  .tour-card-v2-meta { justify-content: space-between; font-size: 13px; }
  .tour-card-v2 .btn-read-tour { flex-basis: 150px; width: 150px; height: 32px; line-height: 30px; }
  .tour-grid > .col.small-6 { flex-basis: 100%; max-width: 100%; }
}
@media (max-width: 380px) {
  .tour-card-v2-media { min-height: 300px; }
  .tour-card-v2-footer { align-items: stretch; flex-direction: column; }
  .tour-card-v2 .btn-read-tour { justify-content: center; }
}

/* Archive tour: tokens (primitive → semantic → component) và catalogue/filter. */
.tour-archive-page {
  /* primitives */
  --ta-rose-950: #5c0a0b;
  --ta-rose-800: #7d0b0d;
  --ta-rose-700: #9a0f11;
  --ta-rose-200: #f6d0d0;
  --ta-rose-100: #fbeeee;
  --ta-ink-950: #172033;
  --ta-ink-700: #3c4658;
  --ta-ink-500: #64748b;
  --ta-cloud-50: #f8fafc;
  --ta-cloud-100: #edf2f7;
  --ta-white: #ffffff;
  --ta-white-70: rgba(255, 255, 255, .7);
  --ta-white-74: rgba(255, 255, 255, .74);
  --ta-white-88: rgba(255, 255, 255, .88);
  --ta-hero-gradient: linear-gradient(124deg, #5c0a0b, #9a0f11);
  --ta-hero-media-gradient: linear-gradient(90deg, rgba(92, 10, 11, .97) 0%, rgba(92, 10, 11, .84) 43%, rgba(92, 10, 11, .27) 100%);
  --ta-hero-media-gradient-mobile: linear-gradient(180deg, rgba(92, 10, 11, .9), rgba(92, 10, 11, .67));
  --ta-space-2: .5rem;
  --ta-space-3: .75rem;
  --ta-space-4: 1rem;
  --ta-space-5: 1.25rem;
  --ta-space-6: 1.5rem;
  --ta-space-8: 2rem;
  --ta-space-12: 3rem;
  --ta-radius-sm: .75rem;
  --ta-radius-md: 1.125rem;
  --ta-radius-lg: 1.5rem;
  --ta-shadow-card: 0 18px 42px rgba(92, 10, 11, .16);
  --ta-shadow-focus: 0 0 0 3px rgba(154, 15, 17, .22);
  /* semantic */
  --ta-color-primary: var(--ta-rose-700);
  --ta-color-primary-hover: var(--ta-rose-800);
  --ta-color-on-primary: var(--ta-white);
  --ta-color-ink: var(--ta-ink-950);
  --ta-color-muted: var(--ta-ink-500);
  --ta-color-surface: var(--ta-white);
  --ta-color-surface-muted: var(--ta-cloud-50);
  --ta-color-border: var(--ta-cloud-100);
  --ta-color-hero-muted: var(--ta-rose-200);
  /* components */
  --ta-filter-bg: var(--ta-color-surface);
  --ta-filter-border: var(--ta-color-border);
  --ta-filter-radius: var(--ta-radius-md);
  --ta-filter-focus: var(--ta-shadow-focus);
  --ta-button-bg: var(--ta-color-primary);
  --ta-button-bg-hover: var(--ta-color-primary-hover);
  --ta-button-fg: var(--ta-color-on-primary);
  --ta-hero-bg: var(--ta-hero-gradient);
  --ta-hero-media-overlay: var(--ta-hero-media-gradient);
  --ta-hero-media-overlay-mobile: var(--ta-hero-media-gradient-mobile);
  color: var(--ta-color-ink);
}
.tour-archive-hero { position: relative; overflow: visible; min-height: 404px; padding: var(--ta-space-5) 0 0; background: var(--ta-hero-bg); }
.tour-archive-hero__media { position: absolute; inset: 0; background-image: var(--ta-hero-media-overlay), var(--tour-archive-image, none); background-position: center; background-size: cover; }
.tour-archive-hero__inner { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 690px); align-content: start; min-height: 404px; }
.tour-archive-breadcrumb { display: flex; align-items: center; gap: var(--ta-space-2); margin-bottom: var(--ta-space-12); color: var(--ta-white-74); font-size: 14px; }
.tour-archive-breadcrumb a { color: var(--ta-color-on-primary); text-decoration: none; }
.tour-archive-breadcrumb a:hover { text-decoration: underline; }
.tour-archive-hero__copy { color: var(--ta-color-on-primary); }
.tour-archive-eyebrow { margin: 0 0 var(--ta-space-2); color: var(--ta-color-primary); font-size: 12px; font-weight: 800; letter-spacing: .11em; line-height: 1.2; text-transform: uppercase; }
.tour-archive-hero .tour-archive-eyebrow { color: var(--ta-color-hero-muted); }
.tour-archive-hero h1 { max-width: 680px; margin: 0; color: var(--ta-color-on-primary) !important; font-size: clamp(36px, 4.8vw, 64px); font-weight: 800; letter-spacing: -.045em; line-height: 1.04; }
.tour-archive-hero__copy > p:not(.tour-archive-eyebrow):not(.tour-archive-availability) { max-width: 580px; margin: var(--ta-space-4) 0 0; color: var(--ta-white-88); font-size: 17px; line-height: 1.55; }
.tour-archive-availability { display: inline-flex; align-items: center; gap: var(--ta-space-2); margin: var(--ta-space-5) 0 0; color: var(--ta-color-on-primary); font-size: 14px; font-weight: 700; }
.tour-archive-availability i { color: var(--ta-color-hero-muted); }
.tour-filter { display: grid; grid-template-columns: minmax(210px, 1.45fr) repeat(4, minmax(130px, 1fr)) auto auto; align-items: end; gap: var(--ta-space-3); width: min(1190px, calc(100vw - 48px)); margin: var(--ta-space-8) 0 -44px; padding: var(--ta-space-5); border: 1px solid var(--ta-white-70); border-radius: var(--ta-filter-radius); background: var(--ta-filter-bg); box-shadow: var(--ta-shadow-card); }
.tour-filter__field { position: relative; display: grid; grid-template-rows: 15px 46px; align-content: end; gap: 6px; min-width: 0; margin: 0 !important; }
.tour-filter__field > span { display: block; margin: 0; color: var(--ta-color-ink); font-size: 12px; font-weight: 800; line-height: 15px; }
.tour-filter__field input[type="search"], .tour-filter__field select { width: 100%; height: 46px !important; margin: 0 !important; border: 1px solid var(--ta-filter-border); border-radius: var(--ta-radius-sm); background: var(--ta-color-surface-muted); color: var(--ta-color-ink); font: inherit; font-size: 14px; outline: 0; }
.tour-filter__field input { padding: 0 38px 0 var(--ta-space-3); }
.tour-filter__field select { padding: 0 38px 0 var(--ta-space-3); }
.tour-filter__field input::placeholder { color: var(--ta-color-muted); }
.tour-filter__field input:focus, .tour-filter__field select:focus { border-color: var(--ta-color-primary); box-shadow: var(--ta-filter-focus); background: var(--ta-color-surface); }
.tour-filter__field--search > i { position: absolute; right: var(--ta-space-3); bottom: 15px; color: var(--ta-color-primary); pointer-events: none; }
.tour-filter__select-icon { position: absolute; right: var(--ta-space-3); bottom: 16px; color: var(--ta-color-primary); font-size: 12px; pointer-events: none; }
.tour-filter__submit { align-self: end; display: inline-flex; align-items: center; justify-content: center; gap: var(--ta-space-2); height: 46px; margin: 0 !important; padding: 0 var(--ta-space-5); border: 0; border-radius: var(--ta-radius-sm); background: var(--ta-button-bg); color: var(--ta-button-fg); font: inherit; font-size: 14px; font-weight: 800; white-space: nowrap; transition: background .2s ease, transform .2s ease; }
.tour-filter__submit:hover, .tour-filter__submit:focus-visible { background: var(--ta-button-bg-hover); color: var(--ta-button-fg); transform: translateY(-1px); }
.tour-filter__reset { align-self: center; margin-top: 20px; color: var(--ta-color-primary); font-size: 13px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.tour-filter__reset:hover { color: var(--ta-color-primary-hover); text-decoration: underline; }
.tour-archive-results { padding-top: 84px; }
.tour-archive-results__header { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--ta-space-6); margin-bottom: var(--ta-space-6); }
.tour-archive-results__header h2 { margin: 0; color: var(--ta-color-ink); font-size: clamp(26px, 3vw, 36px); font-weight: 800; letter-spacing: -.035em; line-height: 1.12; }
.tour-archive-results__header > p { max-width: 370px; margin: 0; color: var(--ta-color-muted); font-size: 14px; line-height: 1.45; text-align: right; }
.tour-archive-results .tour-grid { margin-top: 0; }
@media (max-width: 1180px) {
  .tour-filter { grid-template-columns: minmax(250px, 1.6fr) repeat(2, minmax(180px, 1fr)) auto; }
}
@media (max-width: 800px) {
  .tour-archive-hero { min-height: 0; padding-top: var(--ta-space-4); }
  .tour-archive-hero__media { background-image: var(--ta-hero-media-overlay-mobile), var(--tour-archive-image, none); }
  .tour-archive-hero__inner { min-height: 0; }
  .tour-archive-breadcrumb { margin-bottom: var(--ta-space-8); }
  .tour-archive-hero h1 { font-size: clamp(34px, 11vw, 48px); }
  .tour-archive-hero__copy > p:not(.tour-archive-eyebrow):not(.tour-archive-availability) { font-size: 15px; }
  .tour-filter { grid-template-columns: 1fr 1fr; width: 100%; margin-top: var(--ta-space-6); margin-bottom: -32px; padding: var(--ta-space-4); }
  .tour-filter__field--search { grid-column: 1 / -1; }
  .tour-filter__submit { min-width: 0; }
  .tour-archive-results { padding-top: 70px; }
}
@media (max-width: 540px) {
  .tour-archive-hero__inner.container, .tour-archive-results.container { padding-right: 16px; padding-left: 16px; }
  .tour-archive-breadcrumb { font-size: 13px; }
  .tour-archive-availability { align-items: flex-start; line-height: 1.35; }
  .tour-filter { grid-template-columns: 1fr; gap: var(--ta-space-3); }
  .tour-filter__field--search { grid-column: auto; }
  .tour-filter__submit { width: 100%; }
  .tour-filter__reset { justify-self: center; margin-top: 0; }
  .tour-archive-results__header { align-items: flex-start; flex-direction: column; gap: var(--ta-space-3); }
  .tour-archive-results__header > p { max-width: none; text-align: left; }
  .floating-actions.is-obscured-by-tour-filter { visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; transform: translateX(18px); }
}

/* Destination archive: image-led atlas, using real destination posts. */
.destination-archive-page {
  --da-rose-950: #5c0a0b;
  --da-rose-800: #7d0b0d;
  --da-rose-700: #9a0f11;
  --da-rose-200: #f6d0d0;
  --da-ink-950: #172033;
  --da-ink-700: #3c4658;
  --da-ink-500: #64748b;
  --da-cloud-50: #f8fafc;
  --da-cloud-100: #e8eef4;
  --da-white: #ffffff;
  --da-space-2: .5rem;
  --da-space-3: .75rem;
  --da-space-4: 1rem;
  --da-space-5: 1.25rem;
  --da-space-6: 1.5rem;
  --da-space-8: 2rem;
  --da-space-12: 3rem;
  --da-radius-sm: .75rem;
  --da-radius-md: 1.125rem;
  --da-radius-lg: 1.5rem;
  --da-color-primary: var(--da-rose-700);
  --da-color-primary-hover: var(--da-rose-800);
  --da-color-ink: var(--da-ink-950);
  --da-color-muted: var(--da-ink-500);
  --da-color-surface: var(--da-white);
  --da-color-surface-muted: var(--da-cloud-50);
  --da-color-border: var(--da-cloud-100);
  --da-hero-bg: var(--da-rose-950);
  --da-hero-overlay: linear-gradient(90deg, rgba(92, 10, 11, .96) 0%, rgba(92, 10, 11, .84) 42%, rgba(92, 10, 11, .28) 100%);
  --da-hero-overlay-mobile: linear-gradient(180deg, rgba(92, 10, 11, .92), rgba(92, 10, 11, .67));
  --da-card-overlay: linear-gradient(180deg, rgba(23, 32, 51, .04) 16%, rgba(23, 32, 51, .82) 100%);
  color: var(--da-color-ink);
  width: 100%;
  overflow-x: clip;
  background: var(--da-color-surface-muted);
}
.destination-archive-hero { position: relative; min-height: 366px; overflow: hidden; padding: var(--da-space-5) 0 var(--da-space-12); background: var(--da-hero-bg); }
.destination-archive-hero__media { position: absolute; inset: 0; background-image: var(--da-hero-overlay), var(--destination-archive-image, none); background-position: center; background-size: cover; }
.destination-archive-hero__inner { position: relative; z-index: 1; box-sizing: border-box; width: 100%; min-height: 318px; }
.destination-archive-breadcrumb { display: flex; align-items: center; gap: var(--da-space-2); margin-bottom: 72px; color: rgba(255, 255, 255, .72); font-size: 14px; line-height: 1.3; }
.destination-archive-breadcrumb a { color: var(--da-white); text-decoration: none; }
.destination-archive-breadcrumb a:hover { color: var(--da-rose-200); text-decoration: underline; }
.destination-archive-hero__copy { max-width: 630px; color: var(--da-white); }
.destination-archive-eyebrow { margin: 0 0 var(--da-space-2); color: var(--da-color-primary); font-size: 12px; font-weight: 800; letter-spacing: .11em; line-height: 1.25; text-transform: uppercase; }
.destination-archive-hero .destination-archive-eyebrow { color: var(--da-rose-200); }
.destination-archive-hero h1 { max-width: 680px; margin: 0; overflow-wrap: anywhere; color: var(--da-white) !important; font-size: clamp(38px, 5vw, 64px); font-weight: 800; letter-spacing: -.045em; line-height: 1.04; white-space: normal !important; }
.destination-archive-hero__copy > p:not(.destination-archive-eyebrow):not(.destination-archive-availability) { max-width: 570px; margin: var(--da-space-4) 0 0; color: rgba(255, 255, 255, .88); font-size: 17px; line-height: 1.55; }
.destination-archive-availability { display: inline-flex; align-items: center; gap: var(--da-space-2); margin: var(--da-space-5) 0 0; color: var(--da-white); font-size: 14px; font-weight: 700; }
.destination-archive-availability i { color: var(--da-rose-200); }
.destination-archive-content { box-sizing: border-box; width: 100%; padding-top: 68px; padding-bottom: 72px; }
.destination-archive-heading { display: flex; align-items: end; justify-content: space-between; gap: var(--da-space-8); margin-bottom: var(--da-space-8); }
.destination-archive-heading h2 { margin: 0; color: var(--da-color-ink); font-size: clamp(28px, 3.2vw, 42px); font-weight: 800; letter-spacing: -.04em; line-height: 1.1; }
.destination-archive-heading > p { max-width: 360px; margin: 0; color: var(--da-color-muted); font-size: 15px; line-height: 1.55; text-align: right; }
.destination-atlas { display: grid; grid-auto-flow: dense; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: 148px; gap: var(--da-space-4); }
.destination-atlas-card { grid-column: span 3; grid-row: span 2; min-width: 0; overflow: hidden; border-radius: var(--da-radius-md); background: var(--da-rose-950); }
.destination-atlas-card--lead { grid-column: span 6; grid-row: span 4; }
.destination-atlas-card:nth-child(4n + 2) { grid-column: span 6; }
.destination-atlas-card__link { position: relative; display: block; width: 100%; height: 100%; color: var(--da-white) !important; text-decoration: none; isolation: isolate; }
.destination-atlas-card__media, .destination-atlas-card__shade { position: absolute; inset: 0; }
.destination-atlas-card__media { background: var(--da-rose-800); }
.destination-atlas-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.destination-atlas-card__fallback { display: grid; width: 100%; height: 100%; place-items: center; color: var(--da-rose-200); font-size: 42px; }
.destination-atlas-card__shade { z-index: 1; background: var(--da-card-overlay); transition: background .25s ease; }
.destination-atlas-card__body { position: absolute; right: var(--da-space-5); bottom: var(--da-space-5); left: var(--da-space-5); z-index: 2; display: grid; gap: 5px; }
.destination-atlas-card__kicker { color: rgba(255, 255, 255, .73); font-size: 11px; font-weight: 800; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; }
.destination-atlas-card__title { display: -webkit-box; overflow: hidden; color: var(--da-white); font-size: clamp(20px, 2vw, 27px); font-weight: 800; letter-spacing: -.025em; line-height: 1.12; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.destination-atlas-card:not(.destination-atlas-card--lead) .destination-atlas-card__title { font-size: 21px; }
.destination-atlas-card__action { display: inline-flex; align-items: center; gap: 8px; margin-top: 4px; color: var(--da-white); font-size: 13px; font-weight: 700; opacity: 0; transform: translateY(7px); transition: opacity .2s ease, transform .2s ease; }
.destination-atlas-card__link:hover .destination-atlas-card__media img, .destination-atlas-card__link:focus-visible .destination-atlas-card__media img { transform: scale(1.055); }
.destination-atlas-card__link:hover .destination-atlas-card__shade, .destination-atlas-card__link:focus-visible .destination-atlas-card__shade { background: linear-gradient(180deg, rgba(92, 10, 11, .09) 10%, rgba(92, 10, 11, .88) 100%); }
.destination-atlas-card__link:hover .destination-atlas-card__action, .destination-atlas-card__link:focus-visible .destination-atlas-card__action { opacity: 1; transform: translateY(0); }
.destination-atlas-card__link:focus-visible { outline: 3px solid #ffb900; outline-offset: -3px; }
.destination-archive-pagination { margin-top: var(--da-space-8); }
.destination-archive-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.destination-archive-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; margin: 0; border: 1px solid var(--da-color-border); border-radius: 50%; background: var(--da-color-surface); color: var(--da-color-ink); font-size: 14px; font-weight: 800; text-decoration: none; }
.destination-archive-pagination .page-numbers.current, .destination-archive-pagination a.page-numbers:hover, .destination-archive-pagination a.page-numbers:focus-visible { border-color: var(--da-color-primary); background: var(--da-color-primary); color: var(--da-white); }
.destination-archive-empty { display: grid; justify-items: center; padding: 64px var(--da-space-5); border: 1px dashed var(--da-color-border); border-radius: var(--da-radius-md); background: var(--da-color-surface); color: var(--da-color-muted); text-align: center; }
.destination-archive-empty > i { margin-bottom: var(--da-space-3); color: var(--da-color-primary); font-size: 34px; }
.destination-archive-empty h2 { margin: 0; color: var(--da-color-ink); font-size: 24px; }
.destination-archive-empty p { margin: var(--da-space-2) 0 var(--da-space-5); }
.destination-archive-empty a { color: var(--da-color-primary); font-weight: 800; }
@media (max-width: 900px) {
  .destination-atlas { grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: 142px; }
  .destination-atlas-card { grid-column: span 3; }
  .destination-atlas-card--lead, .destination-atlas-card:nth-child(4n + 2) { grid-column: span 6; }
  .destination-atlas-card--lead { grid-row: span 3; }
}
@media (max-width: 600px) {
  .destination-archive-hero { min-height: 0; padding-top: var(--da-space-4); }
  .destination-archive-hero__media { background-image: var(--da-hero-overlay-mobile), var(--destination-archive-image, none); }
  .destination-archive-hero__inner.container, .destination-archive-content.container { padding-right: 16px; padding-left: 16px; }
  .destination-archive-hero__inner { min-height: 0; padding-bottom: 18px; }
  .destination-archive-breadcrumb { margin-bottom: 54px; font-size: 13px; }
  .destination-archive-hero h1 { font-size: clamp(36px, 11vw, 47px); }
  .destination-archive-hero__copy > p:not(.destination-archive-eyebrow):not(.destination-archive-availability) { font-size: 15px; }
  .destination-archive-availability { align-items: flex-start; line-height: 1.4; }
  .destination-archive-content { padding-top: 42px; padding-bottom: 48px; }
  .destination-archive-heading { align-items: flex-start; flex-direction: column; gap: var(--da-space-3); margin-bottom: var(--da-space-5); }
  .destination-archive-heading > p { max-width: none; text-align: left; }
  .destination-atlas { grid-template-columns: 1fr; grid-auto-rows: auto; gap: var(--da-space-3); }
  .destination-atlas-card, .destination-atlas-card--lead, .destination-atlas-card:nth-child(4n + 2) { grid-column: auto; grid-row: auto; min-height: 230px; }
  .destination-atlas-card--lead { min-height: 330px; }
  .destination-atlas-card__body { right: var(--da-space-4); bottom: var(--da-space-4); left: var(--da-space-4); }
  .destination-atlas-card__action { opacity: 1; transform: none; }
  .destination-atlas-card__title, .destination-atlas-card:not(.destination-atlas-card--lead) .destination-atlas-card__title { font-size: 24px; }
}

/* Travel guide archive: editorial lead story and real post catalogue. */
.travel-guide-archive {
  --tg-rose-950: #5c0a0b;
  --tg-rose-800: #7d0b0d;
  --tg-rose-700: #9a0f11;
  --tg-rose-200: #f6d0d0;
  --tg-ink-950: #172033;
  --tg-ink-700: #3c4658;
  --tg-ink-500: #64748b;
  --tg-cloud-50: #f8fafc;
  --tg-cloud-100: #e8eef4;
  --tg-white: #ffffff;
  --tg-space-2: .5rem;
  --tg-space-3: .75rem;
  --tg-space-4: 1rem;
  --tg-space-5: 1.25rem;
  --tg-space-6: 1.5rem;
  --tg-space-8: 2rem;
  --tg-space-12: 3rem;
  --tg-radius-sm: .75rem;
  --tg-radius-md: 1.125rem;
  --tg-radius-lg: 1.5rem;
  --tg-color-primary: var(--tg-rose-700);
  --tg-color-primary-hover: var(--tg-rose-800);
  --tg-color-ink: var(--tg-ink-950);
  --tg-color-muted: var(--tg-ink-500);
  --tg-color-surface: var(--tg-white);
  --tg-color-surface-muted: var(--tg-cloud-50);
  --tg-color-border: var(--tg-cloud-100);
  --tg-hero-bg: var(--tg-rose-950);
  --tg-hero-overlay: linear-gradient(90deg, rgba(92, 10, 11, .97) 0%, rgba(92, 10, 11, .89) 47%, rgba(92, 10, 11, .42) 100%);
  --tg-hero-overlay-mobile: linear-gradient(180deg, rgba(92, 10, 11, .94), rgba(92, 10, 11, .68));
  width: 100%;
  overflow-x: clip;
  color: var(--tg-color-ink);
  background: var(--tg-color-surface-muted);
}
.travel-guide-hero { position: relative; min-height: 514px; overflow: hidden; padding: var(--tg-space-5) 0 var(--tg-space-12); background: var(--tg-hero-bg); }
.travel-guide-hero__media { position: absolute; inset: 0; background-image: var(--tg-hero-overlay), var(--travel-guide-hero-image, none); background-position: center; background-size: cover; }
.travel-guide-hero__inner { position: relative; z-index: 1; box-sizing: border-box; width: 100%; }
.travel-guide-breadcrumb { display: flex; align-items: center; gap: var(--tg-space-2); margin-bottom: 58px; color: rgba(255, 255, 255, .74); font-size: 14px; line-height: 1.3; }
.travel-guide-breadcrumb a { color: var(--tg-white); text-decoration: none; }
.travel-guide-breadcrumb a:hover { color: var(--tg-rose-200); text-decoration: underline; }
.travel-guide-hero__layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(290px, .75fr); align-items: end; gap: 70px; }
.travel-guide-hero__copy { max-width: 690px; color: var(--tg-white); }
.travel-guide-eyebrow { margin: 0 0 var(--tg-space-2); color: var(--tg-color-primary); font-size: 12px; font-weight: 800; letter-spacing: .11em; line-height: 1.25; text-transform: uppercase; }
.travel-guide-hero .travel-guide-eyebrow { color: var(--tg-rose-200); }
.travel-guide-hero h1 { max-width: 690px; margin: 0; overflow-wrap: anywhere; color: var(--tg-white) !important; font-size: clamp(38px, 5vw, 64px); font-weight: 800; letter-spacing: -.045em; line-height: 1.04; white-space: normal !important; }
.travel-guide-hero__copy > p:not(.travel-guide-eyebrow):not(.travel-guide-hero__count) { max-width: 610px; margin: var(--tg-space-4) 0 0; color: rgba(255, 255, 255, .88); font-size: 17px; line-height: 1.55; }
.travel-guide-hero__count { display: inline-flex; align-items: center; gap: var(--tg-space-2); margin: var(--tg-space-5) 0 0; color: var(--tg-white); font-size: 14px; font-weight: 700; }
.travel-guide-hero__count i { color: var(--tg-rose-200); }
.travel-guide-featured { padding: 25px 26px 24px; border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--tg-radius-md); background: rgba(255, 255, 255, .14); box-shadow: 0 18px 48px rgba(52, 8, 9, .23); color: var(--tg-white); backdrop-filter: blur(7px); }
.travel-guide-featured__label { margin: 0 0 12px; color: var(--tg-rose-200); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.travel-guide-featured h2 { margin: 0; font-size: 24px; font-weight: 800; letter-spacing: -.025em; line-height: 1.22; }
.travel-guide-featured h2 a { color: var(--tg-white); text-decoration: none; }
.travel-guide-featured h2 a:hover { color: var(--tg-rose-200); }
.travel-guide-featured__date { display: inline-flex; align-items: center; gap: 7px; margin: 14px 0 0; color: rgba(255, 255, 255, .79); font-size: 13px; }
.travel-guide-featured__excerpt { display: -webkit-box; margin: 13px 0 0; overflow: hidden; color: rgba(255, 255, 255, .88); font-size: 14px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.travel-guide-featured__action, .travel-guide-card__action { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 800; text-decoration: none; }
.travel-guide-featured__action { margin-top: 18px; color: var(--tg-white); }
.travel-guide-featured__action:hover { color: var(--tg-rose-200); }
.travel-guide-listing { box-sizing: border-box; width: 100%; padding-top: 68px; padding-bottom: 72px; }
.travel-guide-catalogue { padding: 38px; border: 1px solid var(--tg-color-border); border-radius: var(--tg-radius-lg); background: var(--tg-color-surface); }
.travel-guide-listing__head { display: flex; align-items: end; justify-content: space-between; gap: var(--tg-space-8); margin-bottom: var(--tg-space-8); }
.travel-guide-listing__head h2 { margin: 0; color: var(--tg-color-ink); font-size: clamp(28px, 3.2vw, 42px); font-weight: 800; letter-spacing: -.04em; line-height: 1.1; }
.travel-guide-listing__head > p { max-width: 350px; margin: 0; color: var(--tg-color-muted); font-size: 15px; line-height: 1.55; text-align: right; }
.travel-guide-tabs { display: flex; gap: 10px; margin: 0 0 var(--tg-space-6); overflow-x: auto; padding: 2px; scrollbar-width: none; }
.travel-guide-tabs::-webkit-scrollbar { display: none; }
.travel-guide-tab { display: inline-flex; min-height: 42px; flex: 0 0 auto; align-items: center; justify-content: center; padding: 0 19px; border: 1px solid var(--tg-color-border); border-radius: 999px; background: var(--tg-color-surface); color: var(--tg-color-ink); font-size: 15px; font-weight: 700; text-decoration: none; transition: border-color .18s ease, background .18s ease, color .18s ease; }
.travel-guide-tab:hover, .travel-guide-tab:focus-visible { border-color: var(--tg-color-primary); color: var(--tg-color-primary); }
.travel-guide-tab.is-active { border-color: var(--tg-color-primary); background: var(--tg-color-primary); color: var(--tg-white); }
.travel-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tg-space-5); }
.travel-guide-card { display: grid; min-width: 0; overflow: hidden; border: 1px solid var(--tg-color-border); border-radius: var(--tg-radius-md); background: var(--tg-color-surface); transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.travel-guide-card--wide { grid-column: span 2; grid-template-columns: minmax(0, 1.12fr) minmax(280px, .88fr); }
.travel-guide-card:hover { border-color: rgba(154, 15, 17, .35); box-shadow: 0 18px 38px rgba(92, 10, 11, .12); transform: translateY(-3px); }
.travel-guide-card__media { display: block; min-height: 218px; overflow: hidden; background: var(--tg-rose-800); }
.travel-guide-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.travel-guide-card:hover .travel-guide-card__media img { transform: scale(1.055); }
.travel-guide-card--wide .travel-guide-card__media { min-height: 100%; }
.travel-guide-card__fallback { display: grid; width: 100%; height: 100%; min-height: 218px; place-items: center; color: var(--tg-rose-200); font-size: 38px; text-align: center; }
.travel-guide-card__fallback::after { content: 'Chưa có ảnh'; display: block; margin-top: 9px; color: var(--tg-white); font-size: 13px; font-weight: 800; }
.travel-guide-card__body { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; padding: 19px 20px 20px; }
.travel-guide-card__meta { display: flex; align-items: center; justify-content: space-between; gap: var(--tg-space-3); width: 100%; margin: 0 0 10px; color: var(--tg-color-muted); font-size: 12px; line-height: 1.3; }
.travel-guide-card__meta span { color: var(--tg-color-primary); font-weight: 800; }
.travel-guide-card__meta time { white-space: nowrap; }
.travel-guide-card h3 { display: -webkit-box; margin: 0; overflow: hidden; color: var(--tg-color-ink); font-size: 20px; font-weight: 800; letter-spacing: -.02em; line-height: 1.28; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.travel-guide-card h3 a { color: inherit; text-decoration: none; }
.travel-guide-card h3 a:hover { color: var(--tg-color-primary); }
.travel-guide-card__excerpt { display: -webkit-box; margin: 11px 0 18px; overflow: hidden; color: var(--tg-color-muted); font-size: 14px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.travel-guide-card__action { margin-top: auto; color: var(--tg-color-primary); }
.travel-guide-card__action:hover { color: var(--tg-color-primary-hover); }
.travel-guide-pagination { margin-top: var(--tg-space-8); }
.travel-guide-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.travel-guide-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; margin: 0; border: 1px solid var(--tg-color-border); border-radius: 50%; background: var(--tg-color-surface); color: var(--tg-color-ink); font-size: 14px; font-weight: 800; text-decoration: none; }
.travel-guide-pagination .page-numbers.current, .travel-guide-pagination a.page-numbers:hover, .travel-guide-pagination a.page-numbers:focus-visible { border-color: var(--tg-color-primary); background: var(--tg-color-primary); color: var(--tg-white); }
.travel-guide-empty { display: grid; justify-items: center; padding: 64px var(--tg-space-5); border: 1px dashed var(--tg-color-border); border-radius: var(--tg-radius-md); background: var(--tg-color-surface); color: var(--tg-color-muted); text-align: center; }
.travel-guide-empty > i { margin-bottom: var(--tg-space-3); color: var(--tg-color-primary); font-size: 34px; }
.travel-guide-empty h2 { margin: 0; color: var(--tg-color-ink); font-size: 24px; }
.travel-guide-empty p { margin: var(--tg-space-2) 0 var(--tg-space-5); }
.travel-guide-empty a { color: var(--tg-color-primary); font-weight: 800; }
@media (max-width: 900px) {
  .travel-guide-hero__layout { grid-template-columns: 1fr; gap: var(--tg-space-6); }
  .travel-guide-featured { max-width: 620px; }
  .travel-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .travel-guide-card--wide { grid-column: span 2; }
}
@media (max-width: 600px) {
  .travel-guide-hero { min-height: 0; padding-top: var(--tg-space-4); }
  .travel-guide-hero__media { background-image: var(--tg-hero-overlay-mobile), var(--travel-guide-hero-image, none); }
  .travel-guide-hero__inner.container, .travel-guide-listing.container { padding-right: 16px; padding-left: 16px; }
  .travel-guide-breadcrumb { margin-bottom: 47px; font-size: 13px; }
  .travel-guide-hero h1 { font-size: clamp(36px, 11vw, 47px); }
  .travel-guide-hero__copy > p:not(.travel-guide-eyebrow):not(.travel-guide-hero__count) { font-size: 15px; }
  .travel-guide-featured { padding: 20px; }
  .travel-guide-featured h2 { font-size: 21px; }
  .travel-guide-listing { padding-top: 42px; padding-bottom: 48px; }
  .travel-guide-catalogue { padding: 24px 16px; border-right: 0; border-left: 0; border-radius: 0; }
  .travel-guide-listing__head { align-items: flex-start; flex-direction: column; gap: var(--tg-space-3); margin-bottom: var(--tg-space-5); }
  .travel-guide-listing__head > p { max-width: none; text-align: left; }
  .travel-guide-tabs { gap: 8px; margin-right: -16px; margin-bottom: var(--tg-space-5); padding-right: 16px; }
  .travel-guide-tab { min-height: 40px; padding: 0 16px; font-size: 14px; }
  .travel-guide-grid { grid-template-columns: 1fr; gap: var(--tg-space-3); }
  .travel-guide-card, .travel-guide-card--wide { grid-column: auto; grid-template-columns: 1fr; }
  .travel-guide-card__media, .travel-guide-card--wide .travel-guide-card__media { min-height: 216px; aspect-ratio: 16 / 9; }
  .travel-guide-card__body { padding: 17px 18px 19px; }
}