.du-lich-page {
    --du-lich-accent: #ffd726;
    --du-lich-blue: #006ace;
    --du-lich-gray-500: #556987;
    --du-lich-gray-900: #2a3342;
    --du-lich-border: #d5dae1;
    --du-lich-container: 1326px;
    font-family: Inter, Arial, sans-serif;
}

.du-lich-page {
    overflow-x: hidden;
}

.du-lich-page .du-lich-grid {
    gap: 0;
}

.du-lich-page .du-lich-grid > .grid-item {
    min-width: 0;
    border-radius: 0;
}

.du-lich-header {
    position: absolute;
    z-index: 20;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px 4.6875vw;
    color: #fff;
}

.du-lich-header__asset--inner { display: none; }

.du-lich-page:not(.du-lich-home) .du-lich-header {
    position: relative;
    top: auto;
    padding: 10px 4.6875vw;
    background: #fff;
    color: #152e57;
}

.du-lich-page:not(.du-lich-home) .du-lich-header__inner {
    background: transparent;
    backdrop-filter: none;
}

.du-lich-page:not(.du-lich-home) .du-lich-header__asset--home { display: none; }
.du-lich-page:not(.du-lich-home) .du-lich-header__asset--inner { display: block; }
.du-lich-page:not(.du-lich-home) .du-lich-header__navigation a {
    position: relative;
    color: #152e57;
    font-size: 15px;
    text-shadow: none;
    text-transform: uppercase;
}

.du-lich-page:not(.du-lich-home) .du-lich-header__navigation a:hover,
.du-lich-page:not(.du-lich-home) .du-lich-header__navigation a:focus-visible {
    background: transparent;
    color: #fe5819;
}

.du-lich-page:not(.du-lich-home) .du-lich-header__navigation a.is-active { color: #fe5819; }
.du-lich-page:not(.du-lich-home) .du-lich-header__navigation a.is-active::after {
    position: absolute;
    bottom: 2px;
    left: 50%;
    width: 30px;
    height: 2px;
    transform: translateX(-50%);
    border-radius: 3px 3px 0 0;
    background: #fe5819;
    content: "";
}

.du-lich-page:not(.du-lich-home) .du-lich-header__search,
.du-lich-page:not(.du-lich-home) .du-lich-header__languages,
.du-lich-page:not(.du-lich-home) .du-lich-header__trip { background: #eef0f3; }

.du-lich-header__inner {
    display: flex;
    width: 100%;
    min-height: 70px;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    border-radius: 16px;
    background: rgba(255, 255, 255, .02);
    backdrop-filter: blur(12.5px);
}

.du-lich-header__brand {
    display: flex;
    flex: 0 0 315px;
    width: 315px;
    height: 70px;
    align-items: center;
    text-decoration: none;
}

.du-lich-header__logo-symbol {
    width: 70px;
    height: 70px;
}

.du-lich-header__logo-text {
    width: 229px;
    height: 66px;
    margin-left: 16px;
}

.du-lich-header__navigation {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
}

.du-lich-header__navigation a {
    padding: 10px 16px;
    border-radius: 99px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .06);
    text-transform: uppercase;
    white-space: nowrap;
    transition: background-color .2s ease;
}

.du-lich-header__navigation a:hover,
.du-lich-header__navigation a:focus-visible {
    background: rgba(255, 255, 255, .16);
    color: #fff;
}

.du-lich-header__tools {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px;
}

.du-lich-header__search,
.du-lich-header__languages,
.du-lich-header__trip {
    background: #fff;
    box-shadow: 0 1px 3px rgba(42, 51, 66, .06), 0 1px 2px rgba(42, 51, 66, .03);
}

.du-lich-header__search {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.du-lich-header__search img {
    width: 20px;
    height: 20px;
}

.du-lich-header__languages {
    display: flex;
    height: 36px;
    align-items: center;
    padding: 3px;
    border-radius: 99px;
}

.du-lich-header__languages a {
    display: flex;
    min-width: 40px;
    height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 99px;
    color: #404f65;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none;
}

.du-lich-header__languages a.is-active {
    background: var(--du-lich-blue);
    color: #fff;
}

.du-lich-header__trip {
    display: flex;
    height: 36px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 99px;
    color: #404f65;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    text-decoration: none;
    white-space: nowrap;
}

.du-lich-header__trip:hover {
    color: var(--du-lich-blue);
}

.du-lich-header__trip img {
    width: 24px;
    height: 24px;
}

.du-lich-header__menu-toggle {
    display: none;
    width: 40px;
    height: 40px;
    padding: 9px;
    border: 0;
    border-radius: 50%;
    background: #fff;
}

.du-lich-header__menu-toggle span {
    display: block;
    height: 2px;
    margin: 4px 0;
    border-radius: 2px;
    background: var(--du-lich-blue);
}

.du-lich-hero {
    position: relative;
    height: 726px;
    overflow: hidden;
    color: #fff;
}

.du-lich-hero__background,
.du-lich-hero__shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.du-lich-hero__background {
    object-fit: cover;
    object-position: center 35%;
}

.du-lich-hero__shade {
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .15) 67%, rgba(0, 0, 0, .5) 100%);
}

.du-lich-hero__cloud {
    position: absolute;
    pointer-events: none;
    object-fit: contain;
    opacity: .8;
}

.du-lich-hero__cloud--top {
    top: 0;
    left: 50%;
    width: 100%;
    height: 274px;
    transform: translateX(-50%);
    object-fit: cover;
}

.du-lich-hero__cloud--center {
    top: -49px;
    left: 29.4%;
    width: 451px;
    height: 357px;
}

.du-lich-hero__cloud--left {
    top: 107px;
    left: 3%;
    width: 238px;
    height: 129px;
}

.du-lich-hero__container {
    position: relative;
    z-index: 2;
    width: min(var(--du-lich-container), calc(100% - 48px));
    height: 100%;
    margin: 0 auto;
}

.du-lich-hero__content {
    position: absolute;
    top: 198px;
    left: 0;
    max-width: 580px;
}

.du-lich-hero__title {
    margin: 0;
    line-height: 0;
}

.du-lich-hero__title img {
    display: block;
    width: 359px;
    max-width: 100%;
    height: auto;
}

.du-lich-hero__signature {
    display: block;
    width: 341px;
    height: auto;
    margin: 8px 0 0;
}

.du-lich-hero__description {
    max-width: 580px;
    margin: 0;
    font-size: 19px;
    font-style: italic;
    line-height: 1.4;
}

.du-lich-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 40px;
}

.du-lich-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 24px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .12);
    color: #000;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;
    transition: transform .2s ease, box-shadow .2s ease;
}

.du-lich-button:hover {
    color: #000;
    transform: translateY(-2px);
    box-shadow: 0 7px 14px rgba(0, 0, 0, .16);
}

.du-lich-button--primary {
    gap: 8px;
    background: var(--du-lich-accent);
}

.du-lich-button--primary img {
    width: 24px;
    height: 24px;
}

.du-lich-highlights {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: min(var(--du-lich-container), calc(100% - 48px));
    margin: -49px auto 0;
    padding: 16px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 20px 24px -4px rgba(42, 51, 66, .03), 0 8px 8px -4px rgba(42, 51, 66, .02);
}

.du-lich-highlights__item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
    padding: 0 16px;
    color: var(--du-lich-gray-900);
    text-decoration: none;
}

.du-lich-highlights__item:first-child {
    padding-left: 0;
}

.du-lich-highlights__item:last-child {
    padding-right: 0;
}

.du-lich-highlights__item + .du-lich-highlights__item::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: var(--du-lich-border);
    content: "";
}

.du-lich-highlights__item > img {
    flex: 0 0 90px;
    width: 90px;
    height: 60px;
    border-radius: 12px;
    object-fit: cover;
}

.du-lich-highlights__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.du-lich-highlights__eyebrow {
    color: var(--du-lich-gray-500);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
}

.du-lich-highlights__copy strong {
    overflow: hidden;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.du-lich-highlights__item:hover strong {
    color: var(--du-lich-blue);
}

.du-lich-destinations {
    min-height: 633px;
    padding: 30px max(24px, calc((100vw - 1320px) / 2)) 40px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .1), rgba(61, 174, 239, .1));
}

.du-lich-destinations__container {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 30px;
}

.du-lich-section-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #404f65;
    text-align: center;
}

.du-lich-section-heading__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 6px;
}

.du-lich-section-heading__eyebrow span {
    width: 90px;
    height: 2px;
}

.du-lich-section-heading__eyebrow span:first-child {
    background: linear-gradient(90deg, transparent, #caa607);
}

.du-lich-section-heading__eyebrow span:last-child {
    background: linear-gradient(90deg, #caa607, transparent);
}

.du-lich-section-heading__eyebrow strong {
    color: #caa607;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.du-lich-section-heading__title {
    display: inline-block;
    margin: 0;
    color: #152e57;
    font-family: Merriweather, Georgia, "Times New Roman", serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: .9px;
    transform: scaleY(1.12);
    transform-origin: center;
}

.du-lich-section-heading > p {
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 22px;
}

.du-lich-destinations__slider {
    width: 100%;
    margin: 0;
}

.du-lich-destinations__slider .slick-list {
    padding-bottom: 10px;
}

.du-lich-destinations__slider .slick-track {
    display: flex;
}

.du-lich-destinations__slider .slick-slide {
    width: 302px !important;
    height: auto;
    margin-right: 30px;
    padding: 0;
    background: transparent !important;
}

.du-lich-destinations__slider .slick-slide > div {
    height: 100%;
    background: transparent;
}

.du-lich-destination-card {
    display: flex !important;
    width: 302px;
    min-height: 434px;
    flex-direction: column;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 2px 4px -2px rgba(42, 51, 66, .031), 0 6px 10px -2px rgba(42, 51, 66, .059);
}

.du-lich-destination-card__media {
    position: relative;
    width: 100%;
    aspect-ratio: 302 / 200;
    overflow: hidden;
    border-radius: 24px 24px 0 0;
}

.du-lich-destination-card__image-link {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.du-lich-destination-card__image-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px 24px 0 0;
    transition: transform .35s ease;
}

.du-lich-destination-card__media:hover .du-lich-destination-card__image-link img {
    transform: scale(1.06);
}

.du-lich-destination-card__media > span {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .06);
    color: #333f51;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    backdrop-filter: blur(4px);
}

.du-lich-destination-card__body {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border-radius: 0 0 24px 24px;
}

.du-lich-destination-card__content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.du-lich-destination-card h3 {
    margin: 0;
    overflow: hidden;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.du-lich-destination-card h3 a {
    color: inherit;
    font: inherit;
    text-decoration: none;
}

.du-lich-destination-card h3 a:hover,
.du-lich-destination-card h3 a:focus-visible {
    color: inherit;
    text-decoration: none;
}

.du-lich-destination-card__location {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: var(--du-lich-blue);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.du-lich-destination-card__location img {
    width: 15px;
    height: 15px;
}

.du-lich-destination-card__description {
    display: -webkit-box;
    height: 80px;
    margin: 2px 0 0;
    overflow: hidden;
    color: #333f51;
    font-size: 14px;
    line-height: 20px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    -webkit-line-clamp: 4;
}

.du-lich-destination-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.du-lich-map-button {
    display: inline-flex;
    height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    border: 1px solid #d5dae1;
    border-radius: 12px;
    color: #333f51;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    text-decoration: none;
}

.du-lich-map-button:hover {
    border-color: var(--du-lich-blue);
    color: var(--du-lich-blue);
}

.du-lich-map-button img {
    width: 14px;
    height: 14px;
}

.du-lich-add-trip {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 215, 38, .8);
}

.du-lich-add-trip img {
    width: 26px;
    height: 26px;
}

.du-lich-carousel-arrow {
    position: absolute;
    z-index: 2;
    top: 50%;
    width: 63px;
    height: 63px;
    padding: 0;
    border: 0;
    background: transparent;
    transform: translateY(-50%);
}

.du-lich-carousel-arrow img {
    width: 100%;
    height: 100%;
}

.du-lich-carousel-arrow--prev {
    left: -56px;
}

.du-lich-carousel-arrow--prev img {
    transform: scaleX(-1);
}

.du-lich-carousel-arrow--next {
    right: -56px;
}

.du-lich-carousel-arrow.slick-disabled {
    opacity: .4;
}

.du-lich-map-section {
    position: relative;
    min-height: 778px;
    overflow: hidden;
    padding: 60px max(24px, calc((100vw - 1320px) / 2));
    color: #fff;
}

.du-lich-map-section__background,
.du-lich-map-section__overlay {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.du-lich-map-section__background {
    object-fit: cover;
}

.du-lich-map-section__overlay {
    background: rgba(17, 68, 152, .8);
}

.du-lich-map-section__container {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 30px;
}

.du-lich-map-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.du-lich-map-heading__eyebrow {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 6px;
}

.du-lich-map-heading__eyebrow span {
    width: 90px;
    height: 2px;
}

.du-lich-map-heading__eyebrow span:first-child {
    background: linear-gradient(90deg, transparent, #ffd726);
}

.du-lich-map-heading__eyebrow span:last-child {
    background: linear-gradient(90deg, #ffd726, transparent);
}

.du-lich-map-heading__eyebrow strong {
    color: #ffd726;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.du-lich-map-heading .du-lich-map-heading__title {
    color: #fff;
}

.du-lich-map-heading p {
    margin: 8px 0 0;
    font-size: 16px;
    line-height: 22px;
}

.du-lich-map-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.du-lich-map-tabs button {
    height: 42px;
    padding: 0 16px;
    border: 0;
    border-radius: 99px;
    background: #fff;
    color: #333f51;
    font-size: 14px;
    font-weight: 600;
}

.du-lich-map-tabs button.is-active {
    background: #ffd726;
    color: #152e57;
}

.du-lich-map-content {
    display: grid;
    grid-template-columns: 2fr 1fr;
    height: 520px;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
}

.du-lich-map-canvas {
    position: relative;
    min-width: 0;
    overflow: hidden;
}

.du-lich-map-canvas__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.du-lich-map-marker {
    position: absolute;
    width: 42px;
    height: 47px;
    padding: 0;
    border: 0;
    background: transparent;
}

.du-lich-map-marker > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.du-lich-map-marker > span {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 36px;
    height: 36px;
    overflow: hidden;
    border-radius: 50%;
}

.du-lich-map-marker > span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.du-lich-map-marker--1 { top: 45.3%; left: 28.1%; }
.du-lich-map-marker--2 { top: 69.5%; left: 36%; }
.du-lich-map-marker--3 { top: 34.1%; left: 62%; }
.du-lich-map-marker--4 { top: 66.4%; left: 85.8%; }
.du-lich-map-marker--5 { top: 19.1%; left: 49.4%; }
.du-lich-map-marker--6 { top: 34.7%; left: 45.8%; }
.du-lich-map-marker--7 { top: 52%; left: 55.2%; }

.du-lich-map-marker strong {
    display: none;
}

.du-lich-map-marker.is-active {
    z-index: 2;
    width: 60px;
    height: 66px;
    transform: translate(-9px, -9px);
}

.du-lich-map-marker.is-active > span {
    top: 4px;
    left: 4px;
    width: 52px;
    height: 52px;
}

.du-lich-map-marker.is-active strong {
    position: absolute;
    top: 11px;
    left: 66px;
    display: block;
    padding: 6px 12px;
    border-radius: 99px;
    background: #ffd726;
    color: #152e57;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
}

.du-lich-map-cards {
    min-width: 0;
    height: 100%;
}

.du-lich-map-card {
    display: flex;
    height: 100%;
    min-width: 0;
    box-sizing: border-box;
    flex-direction: column;
    padding: 16px 16px 16px 24px;
    color: #2a3342;
}

.du-lich-map-card[hidden] {
    display: none;
}

.du-lich-map-card__media {
    position: relative;
    aspect-ratio: 302 / 180;
    overflow: hidden;
    border-radius: 12px;
}

.du-lich-map-card__media > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.du-lich-map-card__category {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 12px;
    border-radius: 99px;
    background: #fff;
    color: #333f51;
    font-size: 14px;
    font-weight: 500;
}

.du-lich-map-card__arrow {
    position: absolute;
    top: 50%;
    width: 63px;
    height: 63px;
    padding: 0;
    border: 0;
    background: transparent;
    transform: translateY(-50%);
}

.du-lich-map-card__arrow img { width: 100%; height: 100%; }
.du-lich-map-card__arrow--prev { left: 1px; }
.du-lich-map-card__arrow--prev img { transform: scaleX(-1); }
.du-lich-map-card__arrow--next { right: 1px; }

.du-lich-map-card__gallery {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 60px;
    height: 45px;
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 6px;
}

.du-lich-map-card__gallery img { width: 100%; height: 100%; object-fit: cover; }
.du-lich-map-card__gallery::after { position: absolute; inset: 0; background: rgba(0,0,0,.5); content: ""; }
.du-lich-map-card__gallery span { position: absolute; z-index: 1; inset: 0; display: grid; place-items: center; color: #fff; font-size: 16px; font-weight: 500; }

.du-lich-map-card__body {
    display: flex;
    min-height: 0;
    flex: 1;
    flex-direction: column;
    padding-top: 12px;
}

.du-lich-map-card__body h3 { margin: 0; color: #000; font-size: 18px; font-weight: 700; line-height: 28px; }
.du-lich-map-card__location { display: flex; align-items: center; gap: 6px; margin: 0; color: #006ace; font-size: 14px; font-weight: 500; line-height: 20px; }
.du-lich-map-card__location img { width: 15px; height: 15px; }

.du-lich-map-card__description { position: relative; flex: 1; margin-top: 8px; overflow: hidden; font-size: 14px; line-height: 20px; }
.du-lich-map-card__description p { display: -webkit-box; max-height: 80px; margin: 0; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.du-lich-map-card__description a { position: absolute; right: 14px; bottom: 0; display: inline-flex; align-items: center; gap: 8px; padding: 4px 8px; background: #fff; color: #006ace; font-weight: 600; text-decoration: none; }
.du-lich-map-card__description a img { width: 14px; height: 14px; }

.du-lich-map-card__footer { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid #d5dae1; background: #fff; }
.du-lich-map-content__shadow { display: block; width: 100%; height: 25px; margin-top: -30px; }

@media (max-width: 991.98px) {
    .du-lich-map-section { padding: 44px 32px; }
    .du-lich-map-content { grid-template-columns: 1fr; height: auto; }
    .du-lich-map-canvas { height: 440px; }
    .du-lich-map-card { min-height: 500px; padding: 16px; }
}

@media (max-width: 575.98px) {
    .du-lich-map-section { padding: 36px 16px; }
    .du-lich-map-heading__eyebrow span { width: 42px; }
    .du-lich-map-heading h2 { font-size: 25px; }
    .du-lich-map-heading p { font-size: 14px; line-height: 20px; }
    .du-lich-map-tabs { gap: 8px; }
    .du-lich-map-tabs button { height: 38px; padding: 0 12px; }
    .du-lich-map-canvas { height: 340px; }
    .du-lich-map-marker.is-active strong { display: none; }
}

.du-lich-stays {
    padding: 30px max(24px, calc((100vw - 1320px) / 2)) 40px;
    background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(61,174,239,.1));
}

.du-lich-stays__container { display: flex; flex-direction: column; gap: 30px; }
.du-lich-stays__layout { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }

.du-lich-stay-featured,
.du-lich-stay-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 2px 4px -2px rgba(42,51,66,.031), 0 6px 10px -2px rgba(42,51,66,.059);
}

.du-lich-stay-featured { min-height: 636px; }
.du-lich-stay-featured__image-link { position: absolute; inset: 0; display: block; overflow: hidden; }
.du-lich-stay-featured__image-link img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; transition: transform .35s ease; }
.du-lich-stay-featured:hover .du-lich-stay-featured__image-link img { transform: scale(1.04); }
.du-lich-stay-category { position: absolute; top: 16px; left: 16px; z-index: 2; padding: 6px 12px; border-radius: 99px; background: rgba(255,255,255,.94); color: #333f51; font-size: 14px; font-weight: 500; line-height: 20px; }

.du-lich-stay-featured__body {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 150px 16px 16px;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.7) 50%, rgba(0,0,0,.7));
    color: #fff;
}

.du-lich-stay-featured h3 { margin: 0; font-size: 20px; font-weight: 800; line-height: 30px; }
.du-lich-stay-featured h3 a,
.du-lich-stay-card h3 a { color: inherit; font: inherit; text-decoration: none; }
.du-lich-stay-featured h3 a:hover,
.du-lich-stay-card h3 a:hover { color: inherit; text-decoration: none; }
.du-lich-stay-featured__meta { display: flex; align-items: center; gap: 16px; font-size: 14px; font-weight: 500; }
.du-lich-stay-featured__meta span { display: inline-flex; align-items: center; gap: 6px; }
.du-lich-stay-featured__meta span:first-child img { width: 15px; height: 15px; filter: brightness(0) invert(1); }
.du-lich-stay-featured__meta span:last-child img { width: 78px; height: 16px; }
.du-lich-stay-featured__body > p { margin: 0; font-size: 14px; line-height: 20px; }
.du-lich-stay-featured__actions { display: flex; align-items: center; justify-content: space-between; }
.du-lich-stay-featured__actions strong { color: #ffd726; font-size: 16px; }
.du-lich-stay-featured__actions a { display: inline-flex; height: 42px; align-items: center; gap: 8px; padding: 0 16px; border-radius: 99px; background: #ffd726; color: #152e57; font-size: 14px; font-weight: 600; text-decoration: none; }
.du-lich-stay-featured__actions img { width: 14px; height: 14px; }

.du-lich-stays__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
.du-lich-stay-card { display: flex; flex-direction: column; }
.du-lich-stay-card__media { position: relative; aspect-ratio: 302 / 180; overflow: hidden; }
.du-lich-stay-card__image-link { display: block; width: 100%; height: 100%; overflow: hidden; }
.du-lich-stay-card__image-link img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.du-lich-stay-card__media:hover .du-lich-stay-card__image-link img { transform: scale(1.06); }
.du-lich-stay-card__media button { position: absolute; top: 16px; right: 12px; display: grid; width: 32px; height: 32px; padding: 4px; place-items: center; border: 0; border-radius: 50%; background: #ffd726; }
.du-lich-stay-card__media button img { width: 18px; height: 18px; }

.du-lich-rating-stars {
    position: relative;
    display: inline-block;
    color: #d9dde5;
    font-size: 15px;
    line-height: 1;
    letter-spacing: 1px;
}

.du-lich-rating-stars::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: calc(var(--rating, 0) / 5 * 100%);
    overflow: hidden;
    color: #ff9417;
    content: "★★★★★";
    white-space: nowrap;
}
.du-lich-stay-card__body { display: flex; flex-direction: column; gap: 6px; padding: 16px; }
.du-lich-stay-card h3 { height: 28px; margin: 0; overflow: hidden; color: #000; font-size: 18px; font-weight: 600; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-stay-card__body > p { display: flex; align-items: center; gap: 6px; margin: 0; overflow: hidden; color: #006ace; font-size: 14px; font-weight: 500; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-stay-card__body > p img { width: 15px; height: 15px; }
.du-lich-stay-card__body > div { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; font-size: 12px; }
.du-lich-stay-card__body > div span { display: flex; align-items: center; gap: 6px; }
.du-lich-stay-card__body > div img { width: 78px; height: 16px; }
.du-lich-stay-card__body > div strong { color: #333f51; }

@media (max-width: 991.98px) {
    .du-lich-stays { padding-right: 32px; padding-left: 32px; }
    .du-lich-stays__layout { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .du-lich-stays { padding: 28px 16px 36px; }
    .du-lich-stay-featured { min-height: 520px; }
    .du-lich-stays__grid { grid-template-columns: 1fr; }
}

.du-lich-experiences { position: relative; min-height: 661px; overflow: hidden; padding: 40px max(24px, calc((100vw - 1320px) / 2)) 60px; }
.du-lich-experiences__background, .du-lich-experiences__overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.du-lich-experiences__background { object-fit: cover; }
.du-lich-experiences__overlay { background: rgba(17,68,152,.8); }
.du-lich-experiences__container { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 30px; }
.du-lich-section-heading--light { color: #fff; }
.du-lich-section-heading--light .du-lich-section-heading__title { color: #fff; }
.du-lich-section-heading--light .du-lich-section-heading__eyebrow strong { color: #ffd726; }
.du-lich-section-heading--light .du-lich-section-heading__eyebrow span:first-child { background: linear-gradient(90deg,transparent,#f4c82d); }
.du-lich-section-heading--light .du-lich-section-heading__eyebrow span:last-child { background: linear-gradient(90deg,#f4c82d,transparent); }
.du-lich-experiences__slider { width: 100%; }
.du-lich-experiences__slider .slick-list { padding-bottom: 16px; }
.du-lich-experiences__slider .slick-track { display: flex; }
.du-lich-experiences__slider .slick-slide { width: 302px !important; height: auto; margin-right: 30px; padding: 0; background: transparent !important; }
.du-lich-experiences__slider .slick-slide > div { height: 100%; background: transparent; }
.du-lich-experiences .du-lich-experience-card { display: flex !important; width: 302px; height: 100%; flex-direction: column; overflow: hidden; border-radius: 24px; background: #fff !important; box-shadow: 0 4px 6px -2px rgba(42,51,66,.02),0 12px 16px -4px rgba(42,51,66,.03); }
.du-lich-experience-card__media { position: relative; width: 100%; aspect-ratio: 302/200; overflow: hidden; }
.du-lich-experience-card__image-link { display: block; width: 100%; height: 100%; overflow: hidden; }
.du-lich-experience-card__image-link img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.du-lich-experience-card__media:hover .du-lich-experience-card__image-link img { transform: scale(1.06); }
.du-lich-experience-card__media > span { position: absolute; top: 16px; left: 16px; padding: 6px 12px; border-radius: 99px; background: #fff; color: #333f51; font-size: 14px; font-weight: 500; line-height: 20px; text-transform: uppercase; }
.du-lich-experiences .du-lich-experience-card__body { display: flex; flex: 1; flex-direction: column; justify-content: space-between; gap: 16px; padding: 16px; border-radius: 0 0 24px 24px; background: #fff !important; color: #333f51; }
.du-lich-experience-card h3 { height: 28px; margin: 0; overflow: hidden; color: #000; font-size: 18px; font-weight: 600; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-experience-card__body > div:first-child > p { display: -webkit-box; height: 40px; min-height: 40px; margin: 8px 0 0; overflow: hidden; font-size: 14px; line-height: 20px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.du-lich-experience-card__badges { display: flex; min-height: 58px; align-content: flex-start; flex-wrap: wrap; gap: 8px; }
.du-lich-experience-card__badges span { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 24px; background: #f7f8f9; color: #4d5f7a; font-size: 13px; line-height: 1.3; letter-spacing: -.26px; }
.du-lich-experience-card__badges img { width: 14px; height: 14px; }
.du-lich-experience-card__footer { display: flex; align-items: center; gap: 10px; }
.du-lich-experience-card__footer > span { display: flex; flex: 1; align-items: center; gap: 6px; color: #2a3342; font-size: 12px; font-weight: 600; }
.du-lich-experience-card__footer > span img { width: 78px; height: 16px; }
.du-lich-experience-card__footer a { display: inline-flex; height: 32px; align-items: center; gap: 6px; padding: 0 12px; border-radius: 99px; background: #ffd726; color: #152e57; font-size: 12px; font-weight: 500; text-decoration: none; }
.du-lich-experience-card__footer a img { width: 12px; height: 12px; }

@media (max-width: 1199.98px) {
    .du-lich-experiences { padding-right: 48px; padding-left: 48px; }
    .du-lich-experiences__slider .slick-slide { width: auto !important; margin-right: 0; padding: 0 15px; box-sizing: border-box; }
    .du-lich-experience-card { width: auto; }
}
@media (max-width: 575.98px) { .du-lich-experiences { padding: 36px 32px 44px; } }

.du-lich-cuisine { padding: 30px max(24px, calc((100vw - 1320px) / 2)) 40px; background: linear-gradient(180deg,rgba(255,255,255,.1),rgba(61,174,239,.1)); }
.du-lich-cuisine__container { display: flex; flex-direction: column; gap: 30px; }
.du-lich-cuisine__grid { display: grid; height: 750px; grid-template-columns: repeat(3,minmax(0,1fr)); grid-template-rows: 300px 90px 300px; gap: 30px; }
.du-lich-cuisine-card { position: relative; overflow: hidden; border-radius: 24px; background: #fff; box-shadow: 0 2px 4px -2px rgba(42,51,66,.031),0 6px 10px -2px rgba(42,51,66,.059); color: #fff; }
.du-lich-cuisine-card--a { grid-area: 1/1/3/2; }
.du-lich-cuisine-card--b { grid-area: 1/2/3/3; }
.du-lich-cuisine-card--c { grid-area: 1/3/2/4; }
.du-lich-cuisine-card--d { grid-area: 3/1/4/2; }
.du-lich-cuisine-card--e { grid-area: 3/2/4/3; }
.du-lich-cuisine-card--f { grid-area: 2/3/4/4; }
.du-lich-cuisine-card > img { width: 100%; height: 100%; object-fit: cover; }
.du-lich-cuisine-card__shade { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 50%,rgba(0,0,0,.7) 100%); }
.du-lich-cuisine-card > span { position: absolute; top: 16px; left: 16px; padding: 6px 12px; border-radius: 99px; background: rgba(255,255,255,.94); color: #333f51; font-size: 14px; font-weight: 500; line-height: 20px; }
.du-lich-cuisine-card > div:last-child { position: absolute; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; gap: 8px; padding: 80px 16px 16px; }
.du-lich-cuisine-card h3 { height: 30px; margin: 0; overflow: hidden; font-size: 20px; font-weight: 800; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-cuisine-card p { display: -webkit-box; margin: 0; overflow: hidden; font-size: 14px; line-height: 20px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

@media (max-width: 991.98px) {
    .du-lich-cuisine { padding-right: 32px; padding-left: 32px; }
    .du-lich-cuisine__grid { height: auto; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: none; grid-auto-rows: 320px; }
    .du-lich-cuisine-card { grid-area: auto; }
}

@media (max-width: 575.98px) {
    .du-lich-cuisine { padding: 28px 16px 36px; }
    .du-lich-cuisine__grid { grid-template-columns: 1fr; grid-auto-rows: 300px; gap: 20px; }
}

.du-lich-passports {
    padding: 30px max(24px, calc((100vw - 1320px) / 2)) 40px;
    background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(61,174,239,.1));
}

.du-lich-passports__container { display: flex; flex-direction: column; gap: 30px; }
.du-lich-passports__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 420px)); gap: 30px; justify-content: center; }

.du-lich-passport {
    position: relative;
    display: grid;
    height: 524px;
    overflow: hidden;
    place-items: center;
    border-radius: 24px;
    background: center / cover no-repeat var(--passport-image);
    box-shadow: 0 2px 4px -2px rgba(42,51,66,.06), 0 8px 16px -4px rgba(42,51,66,.12);
}

.du-lich-passport::before { position: absolute; content: ""; inset: 0; }
.du-lich-passport--green::before { background: rgba(22, 119, 61, .48); }
.du-lich-passport--heritage::before { background: rgba(181, 63, 25, .42); }
.du-lich-passport--cuisine::before { background: rgba(0, 91, 177, .43); }

.du-lich-passport__panel {
    position: relative;
    z-index: 1;
    display: flex;
    box-sizing: border-box;
    width: calc(100% - 80px);
    height: 448px;
    align-items: center;
    flex-direction: column;
    padding: 28px 28px 25px;
    border: 1px solid rgba(255,255,255,.7);
    border-bottom-width: 3px;
    border-radius: 16px;
    background: rgba(255,255,255,.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
    color: #fff;
    text-align: center;
    backdrop-filter: blur(7.5px);
}

.du-lich-passport__label { font-size: 16px; font-weight: 300; line-height: 24px; letter-spacing: 4.8px; }
.du-lich-passport__icon { width: 150px; height: 150px; margin-top: 12px; object-fit: contain; }

.du-lich-passport h3 {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    margin: 8px 0 0;
    padding: 0 20px;
    overflow: hidden;
    border-radius: 999px;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
}

.du-lich-passport h3::before,
.du-lich-passport h3::after { position: absolute; width: 72px; height: 72px; border-radius: 50%; background: rgba(255,255,255,.12); content: ""; }
.du-lich-passport h3::before { top: -48px; left: -18px; }
.du-lich-passport h3::after { right: -16px; bottom: -52px; }
.du-lich-passport h3 span { position: relative; z-index: 1; }
.du-lich-passport--green h3 { background: linear-gradient(90deg, #50aa22, #5bc029 55%, #3f9116); }
.du-lich-passport--heritage h3 { background: linear-gradient(90deg, #ea5a0c, #ef8222 55%, #be3825); }
.du-lich-passport--cuisine h3 { background: linear-gradient(90deg, #258ef0, #26abee 55%, #006ace); }

.du-lich-passport__panel > p { min-height: 48px; margin: 16px 0 0; font-size: 16px; line-height: 24px; }
.du-lich-passport__button { display: inline-flex; height: 42px; align-items: center; gap: 10px; margin-top: auto; padding: 0 22px; border-radius: 999px; background: #ffdb4d; color: #1f2937; font-size: 14px; font-weight: 600; text-decoration: none; }
.du-lich-passport__button img { width: 14px; height: 14px; }

@media (max-width: 1199.98px) {
    .du-lich-passports { padding-right: 48px; padding-left: 48px; }
    .du-lich-passports__grid { grid-template-columns: repeat(2, minmax(0, 420px)); }
}

@media (max-width: 767.98px) {
    .du-lich-passports { padding: 28px 16px 36px; }
    .du-lich-passports__grid { grid-template-columns: minmax(0, 420px); gap: 20px; }
}

@media (max-width: 439.98px) {
    .du-lich-passport { height: 500px; }
    .du-lich-passport__panel { width: calc(100% - 32px); height: 432px; padding-right: 20px; padding-left: 20px; }
}

.du-lich-passport-detail__heading{margin-bottom:30px}.du-lich-passport-detail__heading h1{margin:0;color:#152e57}.du-lich-passport-detail__actions[hidden],.du-lich-passport-detail__stage iframe[hidden],.du-lich-passport-detail__empty[hidden]{display:none}.du-lich-passport-detail__stage:fullscreen iframe{height:100vh}

.du-lich-nightlife {
    position: relative;
    padding: 30px max(24px, calc((100vw - 1320px) / 2)) 24px;
    background: #fff;
}

.du-lich-nightlife__container { display: flex; flex-direction: column; gap: 30px; }
.du-lich-nightlife__slider { width: 100%; }
.du-lich-nightlife__slider .slick-list { padding-bottom: 10px; }
.du-lich-nightlife__slider .slick-track { display: flex; }
.du-lich-nightlife__slider .slick-slide { width: 302px !important; height: auto; margin-right: 30px; padding: 0; background: transparent !important; }
.du-lich-nightlife__slider .slick-slide > div { height: 100%; }

.du-lich-nightlife-card {
    display: flex !important;
    width: 302px;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 2px 4px -2px rgba(42,51,66,.03), 0 6px 10px -2px rgba(42,51,66,.06);
}

.du-lich-nightlife-card__media { display: block; width: 100%; aspect-ratio: 302 / 200; overflow: hidden; flex: 0 0 auto; }
.du-lich-nightlife-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.du-lich-nightlife-card__media:hover img { transform: scale(1.06); }
.du-lich-nightlife-card__body { display: flex; min-height: 104px; flex-direction: column; gap: 8px; padding: 16px; color: #333f51; }
.du-lich-nightlife-card h3 { height: 28px; margin: 0; overflow: hidden; color: #000; font-size: 18px; font-weight: 600; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-nightlife-card h3 a,
.du-lich-news-featured h3 a,
.du-lich-news-item h3 a,
.du-lich-event-item h3 a { color: inherit; text-decoration: none; }
.du-lich-nightlife-card p { display: -webkit-box; height: 40px; margin: 0; overflow: hidden; font-size: 14px; font-weight: 400; line-height: 20px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.du-lich-nightlife-arrow {
    position: absolute;
    z-index: 3;
    top: 50%;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    cursor: pointer;
}

.du-lich-nightlife-arrow img { width: 63px; height: 63px; margin: -6px -9px -12px; }
.du-lich-nightlife-arrow--prev { left: -56px; }
.du-lich-nightlife-arrow--next { right: -56px; }
.du-lich-nightlife-arrow.slick-disabled { opacity: .45; cursor: default; }

@media (max-width: 1439.98px) {
    .du-lich-nightlife-arrow--prev { left: -38px; }
    .du-lich-nightlife-arrow--next { right: -38px; }
}

@media (max-width: 1199.98px) {
    .du-lich-nightlife { padding-right: 48px; padding-left: 48px; }
    .du-lich-nightlife__slider .slick-slide { width: auto !important; margin-right: 0; padding: 0 15px; box-sizing: border-box; }
    .du-lich-nightlife-card { width: auto; }
}

@media (max-width: 575.98px) {
    .du-lich-nightlife { padding: 28px 32px 30px; }
    .du-lich-nightlife__slider .slick-slide { padding: 0 8px; }
    .du-lich-nightlife-arrow { display: none !important; }
}

.du-lich-news-events { padding: 24px max(24px, calc((100vw - 1320px) / 2)); background: #fff; }
.du-lich-news-events__container { display: grid; grid-template-columns: minmax(0, 872px) 424px; align-items: stretch; gap: 24px; }
.du-lich-news, .du-lich-events { display: flex; min-width: 0; flex-direction: column; gap: 24px; }
.du-lich-split-heading { display: flex; flex-direction: column; }
.du-lich-split-heading__eyebrow { display: flex; align-items: center; gap: 10px; color: #caa607; font-size: 16px; font-weight: 600; text-transform: uppercase; }
.du-lich-split-heading__eyebrow span { width: 90px; height: 2px; background: linear-gradient(90deg, #caa607, transparent); }
.du-lich-split-heading__row { display: flex; align-items: flex-end; gap: 8px; }
.du-lich-split-heading h2 { flex: 1; margin: 0; color: #152e57; font-family: Merriweather, Georgia, serif; font-size: 30px; font-weight: 700; line-height: 1.35; letter-spacing: .9px; }
.du-lich-split-heading__row > a { display: inline-flex; height: 32px; box-sizing: border-box; align-items: center; gap: 6px; margin-bottom: 6px; padding: 0 12px; border: 1px solid #d5dae1; border-radius: 99px; color: #333f51; font-size: 12px; font-weight: 500; text-decoration: none; }
.du-lich-split-heading__row > a img { width: 12px; height: 12px; }

.du-lich-news__content { display: grid; grid-template-columns: 516px minmax(0, 1fr); gap: 16px; }
.du-lich-news-featured > a { display: block; overflow: hidden; border-radius: 12px; }
.du-lich-news-featured > a > img { display: block; width: 100%; height: 343px; border-radius: inherit; object-fit: cover; transition: transform .35s ease; }
.du-lich-news-featured > a:hover > img { transform: scale(1.06); }
.du-lich-news h3 { color: #2a3342; }
.du-lich-news-featured h3 { margin: 16px 0 8px; color: #000; font-size: 18px; font-weight: 700; line-height: 28px; }
.du-lich-news-featured > span, .du-lich-news-item span { display: flex; align-items: center; gap: 6px; color: #4d5f7a; font-size: 13px; line-height: 1.3; letter-spacing: -.26px; }
.du-lich-news-featured i, .du-lich-news-item i { color: #556987; }
.du-lich-news__list { display: flex; min-width: 0; flex-direction: column; gap: 16px; overflow: hidden; }
.du-lich-news-item { display: flex; min-width: 0; gap: 10px; }
.du-lich-news-item > a { display: block; width: 103px; height: 80px; overflow: hidden; flex: 0 0 103px; border-radius: 8px; }
.du-lich-news-item > a > img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; transition: transform .35s ease; }
.du-lich-news-item > a:hover > img { transform: scale(1.06); }
.du-lich-news-item > div { min-width: 0; }
.du-lich-news-item h3 { display: -webkit-box; margin: 0 0 8px; overflow: hidden; font-size: 16px; font-weight: 500; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.du-lich-events__list { display: flex; flex-direction: column; }
.du-lich-event-item { display: flex; gap: 16px; padding: 12px 0; border-bottom: 1px solid #eef0f3; }
.du-lich-event-item:first-child { padding-top: 0; }
.du-lich-event-item > time { display: flex; width: 70px; min-width: 70px; min-height: 70px; box-sizing: border-box; align-items: center; justify-content: center; flex-direction: column; gap: 3px; padding: 12px 3px; border-radius: 12px; background: rgba(0,106,206,.1); color: #0057c9; text-align: center; }
.du-lich-event-item time strong { font-size: 22px; line-height: 24px; }
.du-lich-event-item time span { font-size: 13px; font-weight: 500; }
.du-lich-event-item__content { min-width: 0; }
.du-lich-event-item h3 { margin: 0 0 6px; overflow: hidden; color: #2a3342; font-size: 16px; font-weight: 500; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-event-item p { display: -webkit-box; margin: 0 0 8px; overflow: hidden; color: #333f51; font-size: 14px; line-height: 18px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.du-lich-event-item__content > span { display: flex; align-items: center; gap: 6px; overflow: hidden; color: #006ace; font-size: 13px; line-height: 1.3; letter-spacing: -.26px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-event-item__content > span img { width: 15px; height: 15px; }

@media (max-width: 1199.98px) {
    .du-lich-news-events { padding-right: 48px; padding-left: 48px; }
    .du-lich-news-events__container { grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr); }
    .du-lich-news__content { grid-template-columns: minmax(0, 1.45fr) minmax(240px, 1fr); }
}

@media (max-width: 991.98px) {
    .du-lich-news-events__container { grid-template-columns: 1fr; gap: 40px; }
}

@media (max-width: 767.98px) {
    .du-lich-news-events { padding: 24px 24px 32px; }
    .du-lich-news__content { grid-template-columns: 1fr; }
    .du-lich-news-featured > a > img { height: auto; aspect-ratio: 516 / 343; }
}

@media (max-width: 439.98px) {
    .du-lich-split-heading h2 { font-size: 25px; }
    .du-lich-split-heading__eyebrow { font-size: 13px; }
    .du-lich-split-heading__eyebrow span { width: 48px; }
}

.du-lich-panorama {
    padding: 24px max(24px, calc((100vw - 1320px) / 2));
    overflow: hidden;
    background: #fff;
}

.du-lich-panorama__card {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 320px;
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) 614px;
    border-radius: 24px;
}

.du-lich-panorama__content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 40px 56px;
    background: linear-gradient(180deg, #fffdf2 22.6%, #fff6c5 100%);
}

.du-lich-panorama__heading { display: flex; flex-direction: column; gap: 8px; }
.du-lich-panorama__heading h2 { margin: 0; color: #152e57; font-family: Merriweather, Georgia, serif; font-size: 30px; font-weight: 700; line-height: 1.35; letter-spacing: .9px; }
.du-lich-panorama__heading p { max-width: 594px; margin: 0; color: #404f65; font-size: 16px; line-height: 22px; }
.du-lich-panorama__button { display: inline-flex; height: 56px; box-sizing: border-box; align-items: center; justify-content: center; gap: 8px; margin-top: 32px; padding: 16px; border-radius: 999px; background: #ffd726; color: #152e57; font-size: 16px; font-weight: 600; line-height: 24px; text-decoration: none; }
.du-lich-panorama__button-icon { width: 18px; height: 18px; background: #152e57; mask: url('/images/du-lich/panorama-camera.svg') center / contain no-repeat; -webkit-mask: url('/images/du-lich/panorama-camera.svg') center / contain no-repeat; }

.du-lich-panorama__media { position: relative; display: flex; height: 320px; align-items: flex-end; padding: 20px 24px; overflow: hidden; }
.du-lich-panorama__media > img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; object-position: bottom; }
.du-lich-panorama__label { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 99px; background: rgba(255,255,255,.6); backdrop-filter: blur(5px); }
.du-lich-panorama__label > span { display: grid; width: 48px; height: 48px; flex: 0 0 auto; place-items: center; border-radius: 50%; background: #006ace; }
.du-lich-panorama__label > span img { width: 20px; height: 20px; }
.du-lich-panorama__label > div { display: flex; flex-direction: column; }
.du-lich-panorama__label strong { color: #000; font-size: 18px; font-weight: 600; line-height: 28px; white-space: nowrap; }
.du-lich-panorama__label small { color: #333f51; font-size: 14px; line-height: 20px; white-space: nowrap; }
.du-lich-panorama__shadow { display: block; width: 100%; height: 25px; object-fit: fill; }

@media (max-width: 1199.98px) {
    .du-lich-panorama { padding-right: 48px; padding-left: 48px; }
    .du-lich-panorama__card { grid-template-columns: minmax(0, 1fr) minmax(430px, 46.5%); }
    .du-lich-panorama__content { padding-right: 40px; padding-left: 40px; }
}

@media (max-width: 991.98px) {
    .du-lich-panorama__card { grid-template-columns: 1fr; }
    .du-lich-panorama__content { min-height: 280px; }
    .du-lich-panorama__media { height: auto; min-height: 320px; }
}

@media (max-width: 575.98px) {
    .du-lich-panorama { padding: 24px 16px; }
    .du-lich-panorama__content { min-height: 0; padding: 32px 24px; }
    .du-lich-panorama__heading h2 { font-size: 26px; }
    .du-lich-panorama__button { height: 50px; margin-top: 24px; padding: 13px 16px; }
    .du-lich-panorama__media { min-height: 260px; padding: 16px; }
    .du-lich-panorama__label { padding: 10px 12px; }
    .du-lich-panorama__label > span { width: 42px; height: 42px; }
}

.du-lich-category-hero { position: relative; height: 333px; overflow: hidden; color: #fff; }
.du-lich-category-hero > img, .du-lich-category-hero__overlay { position: absolute; width: 100%; height: 100%; inset: 0; }
.du-lich-category-hero > img { object-fit: cover; object-position: center; }
.du-lich-category-hero__overlay { background: linear-gradient(180deg, rgba(21,46,87,0) 0%, rgba(21,46,87,0) 50%, rgba(21,46,87,.8) 100%); }
.du-lich-category-hero__content { position: absolute; right: max(24px, calc((100vw - 1320px) / 2)); bottom: 34px; left: max(24px, calc((100vw - 1320px) / 2)); }
.du-lich-category-hero nav { display: flex; align-items: center; gap: 12px; font-size: 16px; font-weight: 500; line-height: 22px; }
.du-lich-category-hero nav a { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-decoration: none; }
.du-lich-category-hero nav img { width: 18px; height: 18px; }
.du-lich-category-hero nav > span:first-of-type { width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.du-lich-category-hero h1 { margin: 16px 0 0; font-size: 30px; font-weight: 700; line-height: 32px; }

.du-lich-category { padding: 30px max(24px, calc((100vw - 1320px) / 2)) 40px; background: linear-gradient(180deg, rgba(255,255,255,.1), rgba(61,174,239,.06)); }
.du-lich-category__toolbar { display: flex; align-items: flex-start; gap: 16px; margin-bottom: 30px; }
.du-lich-category__tabs { display: flex; min-width: 0; flex: 1; flex-wrap: wrap; gap: 16px; }
.du-lich-category__tabs a { display: inline-flex; height: 42px; align-items: center; padding: 0 16px; border: 0; border-radius: 99px; background: #eef0f3; color: #333f51; font-size: 14px; font-weight: 600; line-height: 18px; text-decoration: none; white-space: nowrap; }
.du-lich-category__tabs a:hover, .du-lich-category__tabs a.active { background: #ffd726; color: #152e57; }
.du-lich-category__search { display: flex; width: 260px; height: 42px; box-sizing: border-box; align-items: center; flex: 0 0 auto; gap: 12px; padding: 6px 16px; border-radius: 99px; background: #eef0f3; }
.du-lich-category__search img { width: 20px; height: 20px; }
.du-lich-category__search input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; background: transparent; color: #333f51; font-size: 14px; line-height: 20px; }
.du-lich-category__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.du-lich-category-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid #eef0f3; border-radius: 24px; background: #fff; box-shadow: 0 2px 4px -2px rgba(42,51,66,.03), 0 6px 10px -2px rgba(42,51,66,.06); }
.du-lich-category-card[hidden] { display: none; }
.du-lich-category-card__media { position: relative; display: block; width: 100%; aspect-ratio: 302 / 200; overflow: hidden; }
.du-lich-category-card__media > img { width: 100%; height: 100%; object-fit: cover; object-position: bottom; transition: transform .35s ease; }
.du-lich-category-card__media:hover > img { transform: scale(1.06); }
.du-lich-category-card__media > span { position: absolute; top: 16px; left: 16px; padding: 6px 12px; border-radius: 99px; background: #fff; box-shadow: 0 2px 2px rgba(0,0,0,.06); color: #333f51; font-size: 14px; font-weight: 500; line-height: 20px; }
.du-lich-category-card__body { display: flex; flex: 1; flex-direction: column; justify-content: space-between; gap: 16px; padding: 16px; }
.du-lich-category-card__content { display: flex; flex-direction: column; gap: 6px; }
.du-lich-category-card h2 { height: 28px; margin: 0; overflow: hidden; font-size: 18px; font-weight: 600; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-category-card h2 a { color: #000; text-decoration: none; }
.du-lich-category-card__location { display: flex; align-items: center; gap: 6px; height: 20px; margin: 0; overflow: hidden; color: #006ace; font-size: 14px; font-weight: 500; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-category-card__location img { width: 15px; height: 15px; }
.du-lich-category-card__description { display: -webkit-box; height: 80px; margin: 2px 0 0; overflow: hidden; color: #333f51; font-size: 14px; line-height: 20px; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.du-lich-category-card__actions { display: flex; align-items: center; justify-content: space-between; }
.du-lich-category__empty { margin: 40px 0; color: #404f65; text-align: center; }
.du-lich-category-pagination { display: flex; justify-content: center; gap: 2px; margin-top: 32px; }
.du-lich-category-pagination a, .du-lich-category-pagination button, .du-lich-category-pagination span { display: grid; width: 40px; height: 40px; padding: 0; place-items: center; border: 0; border-radius: 20px; background: #f7f8f9; color: #152e57; font-size: 14px; font-weight: 500; text-decoration: none; }
.du-lich-category-pagination a.active, .du-lich-category-pagination button.active { background: #006ace; color: #fff; }

@media (max-width: 1199.98px) {
    .du-lich-category { padding-right: 48px; padding-left: 48px; }
    .du-lich-category-hero__content { right: 48px; left: 48px; }
    .du-lich-category__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
    .du-lich-category__toolbar { flex-direction: column; }
    .du-lich-category__search { width: min(100%, 360px); }
    .du-lich-category__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .du-lich-category-hero { height: 280px; }
    .du-lich-category-hero__content { right: 20px; bottom: 28px; left: 20px; }
    .du-lich-category { padding: 24px 16px 36px; }
    .du-lich-category__tabs { gap: 8px; }
    .du-lich-category__tabs button { height: 38px; padding: 0 13px; }
    .du-lich-category__search { width: 100%; }
    .du-lich-category__grid { grid-template-columns: 1fr; gap: 20px; }
}

.du-lich-detail-hero { position: relative; height: 333px; overflow: hidden; color: #fff; }
.du-lich-detail-hero > img, .du-lich-detail-hero__overlay { position: absolute; width: 100%; height: 100%; inset: 0; }
.du-lich-detail-hero > img { object-fit: cover; object-position: center 42%; }
.du-lich-detail-hero__overlay { background: linear-gradient(180deg, transparent 0%, transparent 48%, rgba(21,46,87,.82) 100%); }
.du-lich-detail-hero__content { position: absolute; right: max(24px, calc((100vw - 1320px)/2)); bottom: 34px; left: max(24px, calc((100vw - 1320px)/2)); }
.du-lich-detail-hero nav { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 16px; font-weight: 500; line-height: 22px; }
.du-lich-detail-hero nav a { display: inline-flex; align-items: center; gap: 6px; color: #fff; text-decoration: none; }
.du-lich-detail-hero nav img { width: 18px; height: 18px; }
.du-lich-detail-hero nav > span { width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.du-lich-detail-hero h1 { margin: 16px 0 0; font-size: 30px; font-weight: 700; line-height: 32px; }
.du-lich-detail-tabs { display: flex; gap: 8px; padding: 0 max(24px, calc((100vw - 1320px)/2)); overflow-x: auto; border-bottom: 1px solid #e5e7eb; background: #fff; }
.du-lich-detail-tabs a { padding: 12px 14px; border-bottom: 2px solid transparent; color: #2a3342; font-size: 16px; font-weight: 500; line-height: 22px; text-decoration: none; white-space: nowrap; }
.du-lich-detail-tabs a.active { border-color: #006ace; color: #006ace; }
.du-lich-detail-tab-pane { display: none; }
.du-lich-detail-tab-pane.active { display: block; }
.du-lich-detail-layout { display: grid; grid-template-columns: minmax(0, 966px) 324px; gap: 30px; padding: 24px max(24px, calc((100vw - 1320px)/2)) 48px; background: #fff; }
.du-lich-detail-article { min-width: 0; }
.du-lich-detail-article > h2 { margin: 0 0 10px; color: #000; font-size: 25px; font-weight: 600; line-height: 33px; }
.du-lich-detail-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-bottom: 15px; border-bottom: 1px solid #d5dae1; }
.du-lich-detail-toolbar > span { display: flex; align-items: center; gap: 6px; color: #404f65; font-size: 14px; }
.du-lich-detail-toolbar > span img { width: 18px; height: 18px; }
.du-lich-detail-toolbar__actions { display: flex; align-items: center; gap: 8px; font-size: 14px; }
.du-lich-detail-toolbar__actions button { display: flex; align-items: center; gap: 8px; padding: 6px 10px 6px 15px; border: 0; border-radius: 8px; background: #eef0f3; color: #2c3544; }
.du-lich-detail-audio-line { width: 100px; height: 3px; background: linear-gradient(90deg,#3a475b 8%,#d9d9d9 8%); }
.du-lich-detail-toolbar__actions > a img { width: 23px; height: 23px; }
.du-lich-detail-author { font-weight: 600; text-align: right; }
.du-lich-detail-tags { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 24px 0; }
.du-lich-detail-tags i { color: #006ace; }
.du-lich-detail-tags span { padding: 7px 12px; border: 1px solid #d5dae1; border-radius: 4px; font-size: 14px; line-height: 20px; }
.du-lich-detail-sidebar { display: flex; flex-direction: column; gap: 16px; }
.du-lich-detail-sidebar > section { padding: 16px; border: 1px solid #eef0f3; border-radius: 12px; background: #fff; box-shadow: 0 4px 12px rgba(42,51,66,.08); }
.du-lich-detail-sidebar h3 { margin: 0 0 12px; color: #152e57; font-size: 16px; font-weight: 600; }
.du-lich-detail-sidebar h3 i { margin-right: 6px; color: #006ace; }
.du-lich-detail-sidebar .location { margin: 0; color: #006ace; font-size: 13px; }
.du-lich-detail-sidebar .rating { margin: 6px 0 12px; font-size: 12px; }
.du-lich-detail-sidebar .rating span, .du-lich-nearby-list article span, .du-lich-detail-stars { color: #f59e0b; }
.du-lich-detail-sidebar dl { margin: 0; }
.du-lich-detail-sidebar dl div { display: flex; justify-content: space-between; padding: 9px 0; border-top: 1px solid #eef0f3; font-size: 13px; }
.du-lich-detail-sidebar dt { font-weight: 400; }
.du-lich-detail-sidebar dd { margin: 0; font-weight: 500; }
.du-lich-detail-sidebar section > button { width: 100%; padding: 10px; border: 0; border-radius: 99px; background: #ffd726; color: #152e57; font-size: 13px; font-weight: 600; }
.du-lich-detail-map { display: block; width: 100%; height: 220px; border: 0; border-radius: 8px; object-fit: cover; }
.du-lich-detail-map-fallback { position: relative; display: block; }
.du-lich-detail-map-fallback span { position: absolute; right: 12px; bottom: 12px; padding: 7px 12px; border-radius: 999px; background: #fff; color: #175fc7; font-size: 13px; font-weight: 600; box-shadow: 0 4px 14px rgba(15, 42, 82, .16); }
.du-lich-nearby-list article { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid #d5dae1; }
.du-lich-nearby-list article:last-child { border-bottom: 0; }
.du-lich-nearby-list article > img, .du-lich-nearby-list article > a > img { width: 90px; height: 70px; border-radius: 8px; object-fit: cover; }
.du-lich-nearby-list article > div { display: flex; flex-direction: column; font-size: 12px; }
.du-lich-nearby-list strong { color: #000; font-size: 14px; line-height: 20px; }
.du-lich-nearby-list a { color: inherit; text-decoration: none; }
.du-lich-nearby-list a:hover, .du-lich-nearby-list a:focus { color: #006ace; text-decoration: none; }
.du-lich-detail-review { max-width: 800px; margin: 0 auto; padding: 20px; border-radius: 12px; background: #f7f8f9; }
.du-lich-detail-review > div:first-child { display: flex; align-items: center; gap: 8px; }
.du-lich-detail-review h3 { flex: 1; margin: 0; color: #006ace; font-size: 16px; font-weight: 600; line-height: 24px; }
.du-lich-detail-review small { color: #404f65; font-size: 14px; line-height: 20px; }
.du-lich-detail-review__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; }
.du-lich-detail-review label { display: flex; flex-direction: column; gap: 8px; color: #404f65; font-size: 14px; line-height: 20px; }
.du-lich-detail-review input, .du-lich-detail-review textarea { padding: 11px 12px; border: 1px solid #eef0f3; border-radius: 6px; background: #fff; color: #333f51; font-family: Inter, sans-serif; font-size: 14px; line-height: 20px; }
.du-lich-detail-review select { padding: 11px 12px; border: 1px solid #eef0f3; border-radius: 6px; background: #fff; color: #333f51; font-family: Inter, sans-serif; font-size: 14px; line-height: 20px; }
.du-lich-detail-review__rating-label { align-items: flex-start; }
.du-lich-detail-review__rating { display: inline-flex; gap: 4px; width: max-content; }
.du-lich-detail-review__rating button { padding: 0; border: 0; background: transparent; color: #ff981f; cursor: pointer; font-size: 24px; line-height: 1; transition: transform .15s ease; }
.du-lich-detail-review__rating button:hover, .du-lich-detail-review__rating button:focus-visible { outline: 0; transform: scale(1.12); }
.du-lich-detail-review__readonly-rating { display: inline-flex; gap: 2px; }
.du-lich-detail-review > label { margin-top: 12px; }
.du-lich-detail-review > button { display: block; margin: 12px 0 0 auto; padding: 10px 18px; border: 0; border-radius: 99px; background: #006ace; color: #fff; font-size: 14px; font-weight: 500; line-height: 20px; }
.du-lich-detail-section { margin-top: 40px; scroll-margin-top: 120px; }
.du-lich-detail-tab-pane.du-lich-detail-section { margin-top: 0; }

.du-lich-explore-more {
    padding: 30px max(24px, calc((100vw - 1320px) / 2)) 40px;
    background: linear-gradient(180deg, #f7f8f9 0%, #fff 100%);
}

/* Tourism 360 list and detail */
.du-lich-360-hero { position: relative; height: 333px; overflow: hidden; color: #fff; }
.du-lich-360-hero__image, .du-lich-360-hero__overlay { position: absolute; width: 100%; height: 100%; inset: 0; }
.du-lich-360-hero__image { object-fit: cover; object-position: center bottom; }
.du-lich-360-hero__overlay { background: linear-gradient(180deg, rgba(21,46,87,0) 34%, rgba(21,46,87,.8) 100%); }
.du-lich-360-hero__content { position: absolute; z-index: 1; right: max(24px, calc((100vw - 1320px) / 2)); bottom: 34px; left: max(24px, calc((100vw - 1320px) / 2)); }
.du-lich-360-hero h1 { margin: 13px 0 0; font-family: Inter, sans-serif; font-size: 30px; font-weight: 700; line-height: 32px; }
.du-lich-360-breadcrumb { display: flex; min-width: 0; align-items: center; gap: 10px; color: #2a3342; font-family: Inter, sans-serif; font-size: 16px; font-weight: 500; line-height: 22px; }
.du-lich-360-breadcrumb a { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; }
.du-lich-360-breadcrumb a:hover { color: #006ace; }
.du-lich-360-breadcrumb > span[aria-hidden] { width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; background: currentColor; }
.du-lich-360-breadcrumb img { width: 20px; height: 20px; }
.du-lich-360-breadcrumb--light { color: #fff; }
.du-lich-360-breadcrumb--light a:hover { color: #ffd726; }
.du-lich-360-list { width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 30px 0 40px; color: #152e57; font-family: Inter, sans-serif; }
.du-lich-360-list__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.du-lich-360-list__heading h2, .du-lich-360-detail__heading h1, .du-lich-360-related > header h2 { margin: 0; color: #152e57; font-size: 25px; font-weight: 600; line-height: 33px; }
.du-lich-360-search { display: flex; width: 260px; height: 42px; box-sizing: border-box; align-items: center; gap: 10px; padding: 0 16px; border-radius: 99px; background: #eef0f3; }
.du-lich-360-search img { width: 20px; height: 20px; }
.du-lich-360-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; color: #152e57; font: 400 14px/20px Inter, sans-serif; }
.du-lich-360-search input::placeholder { color: #667085; }
.du-lich-360-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 30px; }
.du-lich-360-card { min-width: 0; overflow: hidden; border-radius: 24px; background: #fff; box-shadow: 0 2px 4px -2px rgba(42,51,66,.03), 0 6px 10px -2px rgba(42,51,66,.06); }
.du-lich-360-card[hidden] { display: none; }
.du-lich-360-card__media { position: relative; display: block; overflow: hidden; aspect-ratio: 302 / 200; }
.du-lich-360-card__photo { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.du-lich-360-card__media:hover .du-lich-360-card__photo { transform: scale(1.06); }
.du-lich-360-card__badge, .du-lich-360-related-card__badge { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; transform: translate(-50%, -50%); }
.du-lich-360-card__favorite, .du-lich-360-related-card__favorite { position: absolute; top: 16px; right: 16px; display: inline-flex; height: 28px; box-sizing: border-box; align-items: center; gap: 5px; padding: 0 10px; border-radius: 99px; background: rgba(255,255,255,.94); color: #f04438; font-size: 12px; font-weight: 500; line-height: 18px; }
.du-lich-360-card__favorite img, .du-lich-360-related-card__favorite img { width: 15px; height: 15px; }
.du-lich-360-card__body { padding: 16px; }
.du-lich-360-card__body h2 { margin: 0; overflow: hidden; color: #152e57; font-size: 18px; font-weight: 600; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-360-card__body h2 a { color: inherit; text-decoration: none; }
.du-lich-360-card__views { display: flex; align-items: center; gap: 6px; margin-top: 6px; color: #556987; font-size: 14px; line-height: 20px; }
.du-lich-360-card__views img { width: 18px; height: 18px; }
.du-lich-360-card__button { display: inline-flex; height: 42px; box-sizing: border-box; align-items: center; gap: 10px; margin-top: 16px; padding: 0 18px; border-radius: 99px; background: #ffd726; color: #152e57; font-size: 14px; font-weight: 500; text-decoration: none; }
.du-lich-360-card__button:hover { background: #f5c900; color: #152e57; }
.du-lich-360-card__button img { width: 18px; height: 18px; }
.du-lich-360-empty { padding: 42px 20px; text-align: center; }
.du-lich-360-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 30px; }
.du-lich-360-pagination a, .du-lich-360-pagination span { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 50%; background: #f7f8f9; color: #152e57; font-size: 14px; text-decoration: none; }
.du-lich-360-pagination a.active, .du-lich-360-pagination a:hover { background: #006ace; color: #fff; }
.du-lich-360-detail-breadcrumb { width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 10px 0; }
.du-lich-360-detail { width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 30px 0 40px; color: #152e57; font-family: Inter, sans-serif; }
.du-lich-360-detail__heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 30px; }
.du-lich-360-detail__social { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; color: #404f65; font-size: 14px; }
.du-lich-360-detail__social > a { display: inline-flex; width: 23px; height: 23px; align-items: center; justify-content: center; }
.du-lich-360-detail__social > a img { width: 23px; height: 23px; }
.du-lich-360-detail__likes { display: inline-flex; height: 28px; align-items: center; gap: 6px; margin-right: 10px; padding: 0 10px; border-radius: 99px; background: #f2f4f7; }
.du-lich-360-detail__likes img { width: 18px; height: 18px; }
.du-lich-360-detail__likes strong { color: #f04438; font-size: 12px; font-weight: 500; }
.du-lich-360-panorama { position: relative; height: 600px; overflow: hidden; border-radius: 24px; background: #eef0f3; }
.du-lich-360-panorama > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.du-lich-360-panorama > iframe { display: block; width: 100%; height: 100%; border: 0; }
.du-lich-360-hotspot { position: absolute; width: 42px; height: 42px; padding: 0; border: 0; background: transparent; filter: drop-shadow(0 4px 9px rgba(0,0,0,.25)); transition: transform .2s ease; }
.du-lich-360-hotspot { transform: translate(-50%, -50%); }
.du-lich-360-hotspot:hover { transform: translate(-50%, -50%) scale(1.12); }
.du-lich-360-hotspot img { width: 100%; height: 100%; }
.du-lich-360-hotspot--one { top: 28%; left: 26%; }
.du-lich-360-hotspot--two { top: 39%; left: 48%; }
.du-lich-360-hotspot--three { top: 24%; left: 68%; }
.du-lich-360-hotspot--four { top: 57%; left: 81%; }
.du-lich-360-related { margin-top: 30px; }
.du-lich-360-related > header { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.du-lich-360-related > header > a { display: inline-flex; height: 42px; align-items: center; gap: 9px; padding: 0 18px; border: 1px solid #d0d5dd; border-radius: 99px; color: #152e57; font-size: 14px; font-weight: 500; text-decoration: none; }
.du-lich-360-related > header > a img { width: 18px; height: 18px; }
.du-lich-360-related__wrap { position: relative; }
.du-lich-360-related__slider { margin: 0 -15px; }
.du-lich-360-related__slider:not(.slick-initialized) { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.du-lich-360-related__slider .slick-slide { padding: 0 15px; }
.du-lich-360-related-card { min-width: 0; }
.du-lich-360-related-card > a { position: relative; display: block; overflow: hidden; aspect-ratio: 302 / 200; border-radius: 24px; color: #fff; text-decoration: none; }
.du-lich-360-related-card__photo { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.du-lich-360-related-card > a:hover .du-lich-360-related-card__photo { transform: scale(1.06); }
.du-lich-360-related-card__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 39%, rgba(10,31,65,.82) 100%); }
.du-lich-360-related-card__favorite { top: 10px; right: 10px; }
.du-lich-360-related-card__text { position: absolute; right: 18px; bottom: 16px; left: 18px; display: flex; flex-direction: column; gap: 4px; }
.du-lich-360-related-card__text strong { overflow: hidden; font-size: 16px; font-weight: 600; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-360-related-card__text small { display: flex; align-items: center; gap: 5px; color: rgba(255,255,255,.9); font-size: 12px; }
.du-lich-360-related-card__text small img { width: 16px; height: 16px; filter: brightness(0) invert(1); }
.du-lich-360-related__arrow { position: absolute; z-index: 2; top: 50%; width: 44px; height: 44px; padding: 0; border: 0; border-radius: 50%; background: transparent; transform: translateY(-50%); }
.du-lich-360-related__arrow img { display: block; width: 100%; height: 100%; }
.du-lich-360-related__arrow--prev { left: -60px; }
.du-lich-360-related__arrow--next { right: -60px; }

@media (max-width: 1439.98px) {
    .du-lich-360-related__arrow--prev { left: -20px; }
    .du-lich-360-related__arrow--next { right: -20px; }
}
@media (max-width: 1199.98px) {
    .du-lich-360-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .du-lich-360-panorama { height: min(600px, 48vw); }
}
@media (max-width: 767.98px) {
    .du-lich-360-hero { height: 280px; }
    .du-lich-360-list, .du-lich-360-detail, .du-lich-360-detail-breadcrumb { width: calc(100% - 32px); }
    .du-lich-360-list__heading, .du-lich-360-detail__heading { align-items: flex-start; flex-direction: column; }
    .du-lich-360-search { width: 100%; }
    .du-lich-360-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
    .du-lich-360-detail__social { flex-wrap: wrap; }
    .du-lich-360-panorama { height: 54vw; min-height: 260px; border-radius: 16px; }
}
@media (max-width: 575.98px) {
    .du-lich-360-hero__content { right: 16px; bottom: 24px; left: 16px; }
    .du-lich-360-hero h1 { font-size: 26px; }
    .du-lich-360-breadcrumb { overflow: hidden; font-size: 13px; white-space: nowrap; }
    .du-lich-360-grid { grid-template-columns: 1fr; }
    .du-lich-360-detail__social > span:nth-of-type(2) { display: none; }
    .du-lich-360-hotspot { width: 32px; height: 32px; }
    .du-lich-360-related__arrow { width: 38px; height: 38px; }
}

/* Tourism news category and article pages */
.du-lich-news-category-hero .du-lich-category-hero__overlay { background: linear-gradient(90deg, rgba(12,38,82,.82), rgba(21,73,139,.35)); }
.du-lich-news-category { width: min(1320px, calc(100% - 48px)); margin: 0 auto; padding: 54px 0 72px; }
.du-lich-news-page-heading { margin-bottom: 32px; text-align: center; }
.du-lich-news-page-heading .du-lich-section-heading__eyebrow { justify-content: center; }
.du-lich-news-page-heading h2 { margin: 5px 0 8px; color: #152e57; font-family: Merriweather, Georgia, serif; font-size: 32px; font-weight: 700; }
.du-lich-news-page-heading p { margin: 0; color: #526078; font-size: 15px; }
.du-lich-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.du-lich-news-card { overflow: hidden; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px rgba(42,51,66,.1); }
.du-lich-news-card__media { display: block; overflow: hidden; aspect-ratio: 16 / 10; }
.du-lich-news-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.du-lich-news-card__media:hover img { transform: scale(1.06); }
.du-lich-news-card__body { display: flex; min-height: 230px; box-sizing: border-box; flex-direction: column; padding: 20px 22px 22px; }
.du-lich-news-card time { display: flex; align-items: center; gap: 7px; color: #56708f; font-size: 13px; }
.du-lich-news-card h2 { display: -webkit-box; margin: 10px 0 9px; overflow: hidden; color: #152e57; font-family: Inter, sans-serif; font-size: 19px; font-weight: 700; line-height: 27px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.du-lich-news-card h2 a { color: inherit; text-decoration: none; }
.du-lich-news-card p { display: -webkit-box; margin: 0 0 17px; overflow: hidden; color: #526078; font-size: 14px; line-height: 22px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.du-lich-news-card__more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: #1765cc; font-size: 14px; font-weight: 600; text-decoration: none; }
.du-lich-news-empty { padding: 50px 24px; border-radius: 18px; background: #f5f8fc; color: #526078; text-align: center; }
.du-lich-news-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 42px; }
.du-lich-news-pagination a { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border: 1px solid #d7dee8; border-radius: 50%; color: #33445e; text-decoration: none; }
.du-lich-news-pagination a:hover, .du-lich-news-pagination a.active { border-color: #1765cc; background: #1765cc; color: #fff; }

.du-lich-article-hero { position: relative; min-height: 340px; box-sizing: border-box; overflow: hidden; padding: 54px 24px 58px; background: linear-gradient(135deg, #0c3d86, #2879d5); color: #fff; }
.du-lich-article-hero__background, .du-lich-article-hero__overlay { position: absolute; width: 100%; height: 100%; inset: 0; }
.du-lich-article-hero__background { object-fit: cover; object-position: center; }
.du-lich-article-hero__overlay { background: linear-gradient(90deg, rgba(8,35,77,.94) 0%, rgba(12,61,134,.82) 48%, rgba(20,74,143,.5) 100%); }
.du-lich-article-hero__inner { position: relative; z-index: 1; width: min(1100px, 100%); margin: 0 auto; }
.du-lich-article-hero nav { display: flex; min-width: 0; align-items: center; gap: 10px; margin-bottom: 28px; color: rgba(255,255,255,.8); font-size: 13px; }
.du-lich-article-hero nav a { color: inherit; text-decoration: none; }
.du-lich-article-hero nav span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.du-lich-article-hero__category { display: inline-flex; margin-bottom: 12px; color: #ffda45; font-size: 14px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
.du-lich-article-hero h1 { max-width: 980px; margin: 0; font-family: Merriweather, Georgia, serif; font-size: clamp(30px, 4vw, 46px); font-weight: 700; line-height: 1.28; }
.du-lich-article-hero__meta { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 22px; color: rgba(255,255,255,.86); font-size: 14px; }
.du-lich-article-hero__meta span { display: inline-flex; align-items: center; gap: 7px; }
.du-lich-article-page { display: grid; grid-template-columns: minmax(0, 1fr) 330px; width: min(1100px, calc(100% - 48px)); margin: 0 auto; gap: 48px; padding: 48px 0 72px; }
.du-lich-article-content { min-width: 0; color: #26354b; font-size: 17px; line-height: 1.8; }
.du-lich-article-tools { display: flex; min-height: 42px; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; padding-bottom: 14px; border-bottom: 1px solid #e3e8ef; color: #718097; font-size: 13px; }
.du-lich-article-tools__actions { display: flex; gap: 8px; }
.du-lich-article-tools__actions button { display: inline-flex; width: 36px; height: 36px; align-items: center; justify-content: center; padding: 0; border: 1px solid #d8e0ea; border-radius: 50%; background: #fff; color: #1765cc; transition: .2s ease; }
.du-lich-article-tools__actions button:hover { border-color: #1765cc; background: #1765cc; color: #fff; }
.du-lich-article-content__lead { margin: 0 0 24px; color: #243754; font-size: 18px; font-weight: 600; line-height: 1.7; }
.du-lich-article-content__html img, .du-lich-article-content__html video, .du-lich-article-content__html iframe { max-width: 100%; }
.du-lich-article-content__html img { height: auto !important; border-radius: 10px; }
.du-lich-article-attachments { margin-top: 30px; padding: 20px; border: 1px solid #e1e7ef; border-radius: 14px; background: #f8fafc; }
.du-lich-article-attachments h2 { margin: 0 0 12px; color: #152e57; font-size: 18px; }
.du-lich-article-attachments a { display: flex; align-items: center; gap: 10px; padding: 8px 0; color: #1765cc; font-size: 14px; text-decoration: none; }
.du-lich-article-attachments a + a { border-top: 1px solid #e6ebf1; }
.du-lich-article-attachments i { width: 20px; font-size: 18px; text-align: center; }
.du-lich-article-content__source { margin-top: 26px; color: #526078; font-size: 14px; text-align: right; }
.du-lich-article-content__source span { font-weight: 700; }
.du-lich-article-content__author { margin-top: 28px; color: #152e57; font-weight: 700; text-align: right; }
.du-lich-article-content__back { display: inline-flex; align-items: center; gap: 8px; margin-top: 32px; color: #1765cc; font-weight: 600; text-decoration: none; }
.du-lich-article-sidebar { min-width: 0; }
.du-lich-article-sidebar__heading { padding-bottom: 14px; border-bottom: 2px solid #e6bb22; }
.du-lich-article-sidebar__heading span { color: #c59e0a; font-size: 13px; font-weight: 700; }
.du-lich-article-sidebar__heading h2 { margin: 4px 0 0; color: #152e57; font-family: Merriweather, Georgia, serif; font-size: 25px; }
.du-lich-article-related article { display: flex; gap: 12px; padding: 18px 0; border-bottom: 1px solid #e7ebf0; }
.du-lich-article-related__media { display: block; width: 110px; height: 78px; overflow: hidden; flex: 0 0 110px; border-radius: 10px; }
.du-lich-article-related__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.du-lich-article-related__media:hover img { transform: scale(1.06); }
.du-lich-article-related time { color: #718097; font-size: 12px; }
.du-lich-article-related h3 { display: -webkit-box; margin: 5px 0 0; overflow: hidden; font-size: 15px; font-weight: 600; line-height: 21px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.du-lich-article-related h3 a { color: #26354b; text-decoration: none; }

@media (max-width: 991.98px) {
    .du-lich-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .du-lich-article-page { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .du-lich-news-category { width: calc(100% - 32px); padding: 36px 0 48px; }
    .du-lich-news-grid { grid-template-columns: 1fr; }
    .du-lich-news-page-heading h2 { font-size: 27px; }
    .du-lich-article-hero { padding: 28px 16px 36px; }
    .du-lich-article-hero nav { margin-bottom: 20px; }
    .du-lich-article-page { width: calc(100% - 32px); gap: 38px; padding: 32px 0 50px; }
    .du-lich-article-content { font-size: 16px; }
}

.du-lich-explore-more__container {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 30px;
}

.du-lich-explore-more h2 {
    margin: 0;
    color: #152e57;
    font-family: "UTM Guanine", Merriweather, Georgia, serif;
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: .9px;
    text-align: center;
}

.du-lich-explore-more__slider {
    position: relative;
    width: 100%;
}

.du-lich-explore-more__slider:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
}

.du-lich-explore-more__slider:not(.slick-initialized) .du-lich-destination-card {
    width: 100%;
}

@media (max-width: 1199.98px) {
    .du-lich-explore-more__slider:not(.slick-initialized) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 991.98px) {
    .du-lich-explore-more__slider:not(.slick-initialized) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .du-lich-explore-more { padding-right: 16px; padding-left: 16px; }
    .du-lich-explore-more__slider:not(.slick-initialized) { grid-template-columns: 1fr; }
}
.du-lich-detail-related-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.du-lich-detail-related-card { display: grid; grid-template-columns: 112px minmax(0,1fr); grid-template-rows: auto auto; gap: 4px 12px; overflow: hidden; padding: 12px; border: 1px solid #eef0f3; border-radius: 12px; color: #152e57; text-decoration: none; }
.du-lich-detail-related-card > span { grid-row: 1/3; width: 112px; height: 82px; overflow: hidden; border-radius: 8px; }
.du-lich-detail-related-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.du-lich-detail-related-card:hover img { transform: scale(1.06); }
.du-lich-detail-related-card strong { align-self: end; font-size: 15px; }
.du-lich-detail-related-card small { color: #667085; }
.du-lich-detail-review-list { display: grid; gap: 12px; margin-top: 20px; }
.du-lich-detail-review-list article { padding-top: 12px; border-top: 1px solid #d5dae1; }
.du-lich-detail-review-list article > div { display: flex; justify-content: space-between; gap: 12px; }
.du-lich-detail-review-list article span { color: #ff981f; }
.du-lich-detail-review-list article p { margin: 6px 0; }
.du-lich-detail-review-list article small { font-size: 12px; }
@media (max-width: 1199.98px) { .du-lich-detail-layout { grid-template-columns: minmax(0,2fr) minmax(280px,1fr); padding-right: 48px; padding-left: 48px; } .du-lich-detail-hero__content { right:48px;left:48px; } .du-lich-detail-tabs { padding-right:48px;padding-left:48px; } }
@media (max-width: 991.98px) { .du-lich-detail-layout { grid-template-columns:1fr; } .du-lich-detail-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .du-lich-detail-sidebar > section:last-child { grid-column:1/-1; } .du-lich-detail-toolbar { align-items:flex-start;flex-direction:column; } }
@media (max-width: 575.98px) { .du-lich-detail-hero { height:280px; } .du-lich-detail-hero__content { right:20px;left:20px;bottom:28px; } .du-lich-detail-tabs { padding:0 8px; } .du-lich-detail-layout { padding:24px 16px 40px; } .du-lich-detail-sidebar { grid-template-columns:1fr; } .du-lich-detail-sidebar > section:last-child { grid-column:auto; } .du-lich-detail-toolbar__actions { align-items:flex-start;flex-wrap:wrap; } .du-lich-detail-toolbar__actions button { width:100%; } .du-lich-detail-review__fields, .du-lich-detail-related-grid { grid-template-columns:1fr; } }

@media (max-width: 1199.98px) {
    .du-lich-destinations {
        padding-right: 48px;
        padding-left: 48px;
    }

    .du-lich-destinations__slider .slick-slide {
        width: auto !important;
        margin-right: 0;
        padding: 0 15px;
    }

    .du-lich-destination-card {
        width: auto;
    }

    .du-lich-carousel-arrow--prev {
        left: -48px;
    }

    .du-lich-carousel-arrow--next {
        right: -48px;
    }

    .du-lich-header {
        padding-right: 24px;
        padding-left: 24px;
    }

    .du-lich-header__inner {
        overflow: visible;
        justify-content: space-between;
    }

    .du-lich-header__brand {
        flex-basis: 260px;
        width: 260px;
    }

    .du-lich-header__logo-text {
        width: 174px;
    }

    .du-lich-header__menu-toggle {
        display: block;
        order: 3;
    }

    .du-lich-header__navigation {
        position: absolute;
        top: 82px;
        right: 24px;
        left: 24px;
        display: none;
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
        border-radius: 16px;
        background: rgba(0, 62, 112, .96);
        box-shadow: 0 12px 30px rgba(0, 0, 0, .2);
    }

    .du-lich-header.is-menu-open .du-lich-header__navigation {
        display: flex;
    }

    .du-lich-header__navigation a {
        text-align: center;
    }

    .du-lich-hero__content {
        left: 24px;
    }

    .du-lich-highlights {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 0;
    }

    .du-lich-highlights__item:nth-child(3)::before {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .du-lich-destinations {
        padding: 28px 32px 36px;
    }

    .du-lich-section-heading__eyebrow span {
        width: 42px;
    }

    .du-lich-section-heading__eyebrow strong {
        font-size: 13px;
    }

    .du-lich-section-heading__title {
        font-size: 25px;
    }

    .du-lich-section-heading > p {
        font-size: 14px;
        line-height: 20px;
    }

    .du-lich-carousel-arrow {
        width: 52px;
        height: 52px;
    }

    .du-lich-carousel-arrow--prev {
        left: -36px;
    }

    .du-lich-carousel-arrow--next {
        right: -36px;
    }

    .du-lich-header {
        padding: 8px 16px;
    }

    .du-lich-header__inner {
        min-height: 56px;
        gap: 10px;
    }

    .du-lich-header__brand {
        flex-basis: 56px;
        width: 56px;
        height: 56px;
    }

    .du-lich-header__logo-symbol {
        width: 56px;
        height: 56px;
    }

    .du-lich-header__logo-text,
    .du-lich-header__trip span {
        display: none;
    }

    .du-lich-header__trip {
        width: 36px;
        padding: 6px;
    }

    .du-lich-header__languages a {
        min-width: 32px;
    }

    .du-lich-header__navigation {
        top: 72px;
        right: 16px;
        left: 16px;
    }

    .du-lich-hero {
        height: 620px;
    }

    .du-lich-hero__container {
        width: calc(100% - 32px);
    }

    .du-lich-hero__content {
        top: 140px;
        left: 0;
    }

    .du-lich-hero__title img {
        width: 240px;
    }

    .du-lich-hero__signature {
        width: min(100%, 360px);
    }

    .du-lich-hero__description {
        font-size: 15px;
    }

    .du-lich-hero__actions {
        gap: 10px;
        margin-top: 28px;
    }

    .du-lich-button {
        padding: 10px 16px;
        font-size: 14px;
    }

    .du-lich-highlights {
        grid-template-columns: 1fr;
        width: calc(100% - 32px);
        margin-top: -36px;
        border-radius: 18px;
    }

    .du-lich-highlights__item {
        padding: 12px 0;
    }

    .du-lich-highlights__item + .du-lich-highlights__item::before {
        top: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 1px;
    }
}
/* Accommodation detail */
.du-lich-accommodation-breadcrumb{border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3;padding:10px max(24px,calc((100% - 1320px)/2));font:500 16px/22px Inter,sans-serif;color:#2a3342}.du-lich-accommodation-breadcrumb>div{display:flex;align-items:center;gap:12px;overflow:auto}.du-lich-accommodation-breadcrumb a,.du-lich-accommodation-breadcrumb strong{color:inherit;text-decoration:none;white-space:nowrap}.du-lich-accommodation-breadcrumb span{width:6px;height:6px;border-radius:50%;background:#2a3342;flex:0 0 auto}
.du-lich-accommodation-detail{max-width:1320px;margin:0 auto;padding:24px 0 60px;display:grid;grid-template-columns:minmax(0,978px) 312px;gap:30px;font-family:Inter,sans-serif;color:#2a3342}.du-lich-accommodation-detail__main>h1{font-size:25px;line-height:33px;font-weight:600;margin:0 0 10px}.du-lich-accommodation-gallery{padding-bottom:16px}.du-lich-accommodation-gallery__primary{display:block;width:100%;aspect-ratio:840/460;object-fit:cover}.du-lich-accommodation-gallery__strip{position:relative;margin-top:10px}.du-lich-accommodation-gallery__thumbs{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.du-lich-accommodation-gallery__thumbs.is-centered{justify-content:center}.du-lich-accommodation-gallery__thumbs::-webkit-scrollbar{display:none}.du-lich-accommodation-gallery__thumbs button{flex:0 0 calc((100% - 50px)/6);min-width:0;border:0;padding:0;background:none;cursor:pointer}.du-lich-accommodation-gallery__thumbs img{display:block;width:100%;aspect-ratio:840/460;object-fit:cover}.du-lich-accommodation-gallery__next{position:absolute;top:50%;right:10px;display:flex;width:34px;height:34px;align-items:center;justify-content:center;transform:translateY(-50%);border:0;border-radius:50%;background:rgba(255,255,255,.8);color:#333f51;backdrop-filter:blur(2px);cursor:pointer}
.du-lich-accommodation-amenities{margin:16px 0 20px;padding:24px;border-radius:16px;background:#eaf9ff}.du-lich-accommodation-amenities h2{font-size:16px;font-weight:700;margin:0 0 16px}.du-lich-accommodation-amenities>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px}.du-lich-accommodation-amenities span{font-size:15px;line-height:21px}.du-lich-accommodation-amenities i{width:20px;height:20px;margin-right:6px;border-radius:50%;background:#fff;color:#006ace;text-align:center;line-height:20px;font-size:11px}
.du-lich-accommodation-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:24px 0}.du-lich-accommodation-tags i{color:#006ace}.du-lich-accommodation-tags span{border:1px solid #bbc3cf;border-radius:4px;padding:4px 12px}
.du-lich-accommodation-sidebar{display:flex;flex-direction:column;gap:18px;position:sticky;top:20px;align-self:start}.du-lich-accommodation-sidebar>section{background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:16px;box-shadow:0 12px 16px -4px rgba(42,51,66,.03)}.du-lich-accommodation-sidebar h2{font-size:20px;line-height:30px;color:#152e57;margin:0 0 10px}.du-lich-accommodation-sidebar h2 i{color:#006ace;margin-right:8px}.du-lich-accommodation-sidebar p{font-size:14px;line-height:20px}.du-lich-accommodation-sidebar .rating{color:#f59e0b}.du-lich-accommodation-sidebar dl{margin:0;padding:12px 0;border-bottom:1px solid #ced1d6}.du-lich-accommodation-sidebar dt{font-size:14px;font-weight:400}.du-lich-accommodation-sidebar dd{margin:3px 0 0;font-weight:600;overflow-wrap:anywhere}.du-lich-accommodation-sidebar dd a{color:#344052}.du-lich-accommodation-book{display:block;margin-top:14px;padding:10px;text-align:center;border-radius:99px;background:#ffd726;color:#152e57;font-weight:600}.du-lich-accommodation-sidebar iframe,.du-lich-accommodation-sidebar>section>img{width:100%;height:165px;border:0;object-fit:cover;border-radius:8px}.du-lich-accommodation-popular>div{max-height:500px;overflow:hidden}
.du-lich-accommodation-review{margin-top:30px;padding:24px;border-radius:16px;background:#f7f8f9}.du-lich-accommodation-review header{display:flex;justify-content:space-between;gap:16px}.du-lich-accommodation-review h2{color:#006ace;font-size:18px}.du-lich-accommodation-review header span{color:#f59e0b}.du-lich-accommodation-review label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:14px}.du-lich-accommodation-review__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.du-lich-accommodation-review input,.du-lich-accommodation-review select,.du-lich-accommodation-review textarea{border:1px solid #eef0f3;border-radius:8px;padding:10px 14px;background:#fff}.du-lich-accommodation-review>button{display:block;margin-left:auto;border:0;border-radius:99px;padding:10px 20px;background:#006ace;color:#fff}.du-lich-accommodation-review__list article{margin-top:16px;padding-top:16px;border-top:1px solid #ced1d6}.du-lich-accommodation-review__list article>span{float:right;color:#f59e0b}
@media(max-width:1360px){.du-lich-accommodation-detail{margin:0 24px}}@media(max-width:991px){.du-lich-accommodation-detail{grid-template-columns:1fr}.du-lich-accommodation-sidebar{position:static}.du-lich-accommodation-amenities>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.du-lich-accommodation-detail{margin:0 16px;padding-top:16px}.du-lich-accommodation-gallery__thumbs button{flex-basis:calc((100% - 20px)/3)}.du-lich-accommodation-amenities>div,.du-lich-accommodation-review__row{grid-template-columns:1fr}.du-lich-accommodation-review header{display:block}}

.du-lich-accommodation-sidebar dd a { text-decoration: none; }

/* Shared Experience and Cuisine detail */
.du-lich-content-breadcrumb{border-top:1px solid #eef0f3;border-bottom:1px solid #eef0f3;padding:10px max(24px,calc((100% - 1320px)/2));font:500 16px/22px Inter,sans-serif;color:#2a3342}.du-lich-content-breadcrumb>div{display:flex;align-items:center;gap:12px;overflow:auto}.du-lich-content-breadcrumb a,.du-lich-content-breadcrumb strong{color:inherit;text-decoration:none;white-space:nowrap}.du-lich-content-breadcrumb span{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:#2a3342}
.du-lich-content-detail{display:grid;grid-template-columns:minmax(0,978px) 312px;gap:30px;max-width:1320px;margin:0 auto;padding:36px 0 60px;font-family:Inter,sans-serif;color:#2a3342}.du-lich-content-detail__main{min-width:0}.du-lich-content-detail__main>h1{margin:0 0 14px;color:#152e57;font-size:32px;line-height:1.3;font-weight:700}.du-lich-content-detail__meta{display:flex;gap:24px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #eef0f3;color:#667085;font-size:14px}.du-lich-content-detail__meta i{margin-right:6px;color:#006ace}.du-lich-content-detail__cover{display:block;width:100%;max-height:560px;margin-bottom:20px;object-fit:cover}.du-lich-content-detail__main>.content-article{padding:0}.du-lich-content-detail__footer{display:flex;flex-direction:column;gap:14px;margin:24px 0}.du-lich-content-detail__footer>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.du-lich-content-detail__footer i{color:#006ace}.du-lich-content-detail__footer div span{padding:4px 12px;border:1px solid #bbc3cf;border-radius:4px}.du-lich-content-detail__sidebar{min-width:0}.du-lich-content-detail__sidebar .du-lich-events{position:sticky;top:20px;padding:20px;border:1px solid #eef0f3;border-radius:16px;background:#fff}.du-lich-content-detail__sidebar .du-lich-split-heading__row h2{font-size:25px}.du-lich-content-detail__sidebar .du-lich-event-item{gap:12px}.du-lich-content-detail__sidebar .du-lich-event-item time{flex:0 0 62px}.du-lich-content-detail__sidebar .du-lich-event-item__content h3{font-size:15px;line-height:21px}.du-lich-content-detail__sidebar .du-lich-event-item__content p{display:none}.du-lich-cuisine-card__link{position:absolute;inset:0;z-index:1}.du-lich-cuisine-card__link img{width:100%;height:100%;object-fit:cover}.du-lich-cuisine-card>div:last-child,.du-lich-cuisine-card>span{z-index:2;pointer-events:none}.du-lich-cuisine-card h3 a{color:inherit;text-decoration:none;pointer-events:auto}
@media(max-width:1360px){.du-lich-content-detail{margin:0 24px}}@media(max-width:991px){.du-lich-content-detail{grid-template-columns:1fr}.du-lich-content-detail__sidebar .du-lich-events{position:static}}@media(max-width:575px){.du-lich-content-detail{margin:0 16px;padding-top:24px}.du-lich-content-detail__main>h1{font-size:25px}.du-lich-content-detail__meta{flex-wrap:wrap}}
.du-lich-content-detail__meta button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.du-lich-content-detail__meta button:hover,.du-lich-content-detail__meta button:focus-visible{color:#006ace}
.du-lich-detail-toolbar--legacy{display:none}
.du-lich-common-tools{display:grid;grid-template-columns:minmax(180px,1fr) 300px minmax(330px,1fr);align-items:center;gap:20px;margin:0 0 24px;padding:12px 0;border-bottom:1px solid #e6e8ec;font:14px/20px Inter,sans-serif}.du-lich-common-tools__date{color:#df1f26}.du-lich-common-tools__audio{display:flex;align-items:center;gap:12px;padding:11px 16px;border-radius:999px;background:#f1f2f4;color:#343b49}.du-lich-common-tools button{border:0;background:transparent;color:#2449ff;cursor:pointer}.du-lich-common-tools__audio button{padding:0;color:#111}.du-lich-common-tools__progress{width:80px;height:4px;background:#c9ccd1}.du-lich-common-tools ul{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:0;padding:0;list-style:none}.du-lich-common-tools ul button{padding:2px;font-size:16px}.du-lich-common-tools .separator{width:1px;height:26px;margin:0 4px;background:#dfe2e7}.du-lich-common-tools .font-tools{display:flex;align-items:baseline;gap:7px}.du-lich-common-tools .font-tools button:first-child{font-size:14px}.du-lich-common-tools .font-tools button:nth-child(2){font-size:18px;color:#e12828}.du-lich-common-tools .font-tools button:last-child{font-size:21px}.du-lich-common-tools .font-tools button.active{text-decoration:underline;text-underline-offset:3px}.du-lich-content-detail__author{align-self:flex-end;font-weight:700;text-align:right}.du-lich-high-contrast .detail-content{filter:contrast(1.25)}
@media(max-width:1100px){.du-lich-common-tools{grid-template-columns:1fr auto}.du-lich-common-tools__audio{grid-column:1/-1;grid-row:2;width:min(300px,100%)}.du-lich-common-tools ul{grid-column:2;grid-row:1}}@media(max-width:650px){.du-lich-common-tools{display:flex;align-items:flex-start;flex-direction:column}.du-lich-common-tools ul{width:100%;justify-content:flex-start;flex-wrap:wrap}.du-lich-common-tools__audio{box-sizing:border-box}}
.du-lich-accommodation-sidebar .du-lich-accommodation-book,
.du-lich-accommodation-sidebar .du-lich-accommodation-book:hover,
.du-lich-accommodation-sidebar .du-lich-accommodation-book:focus,
.du-lich-accommodation-sidebar .du-lich-accommodation-book:visited { text-decoration: none !important; }

.du-lich-accommodation-more { padding: 30px max(24px, calc((100vw - 1320px)/2)) 40px; background: linear-gradient(180deg,#f7f8f9 0%,#fff 100%); }
.du-lich-accommodation-more__container { position: relative; max-width: 1320px; margin: 0 auto; }
.du-lich-accommodation-more h2 { margin: 0 0 30px; color: #152e57; font-family: "UTM Guanine",Merriweather,Georgia,serif; font-size: 30px; font-weight: 400; line-height: normal; letter-spacing: .9px; text-align: center; }
.du-lich-accommodation-more__slider { margin: 0 -15px; }
.du-lich-accommodation-more__slider:not(.slick-initialized) { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; }
.du-lich-accommodation-more__slider:not(.slick-initialized) .du-lich-stay-card:nth-child(n+5) { display: none; }
.du-lich-accommodation-more__slider .slick-slide { padding: 0 15px; }
.du-lich-accommodation-more__slider .du-lich-stay-card { height: 100%; }
.du-lich-accommodation-more__slider .du-lich-carousel-arrow { top: 50%; }
.du-lich-accommodation-more__slider .du-lich-carousel-arrow--prev { left: -60px; }
.du-lich-accommodation-more__slider .du-lich-carousel-arrow--next { right: -60px; }
@media(max-width:1439px){.du-lich-accommodation-more__slider .du-lich-carousel-arrow--prev{left:-20px}.du-lich-accommodation-more__slider .du-lich-carousel-arrow--next{right:-20px}}
@media(max-width:1199px){.du-lich-accommodation-more__slider:not(.slick-initialized){grid-template-columns:repeat(3,minmax(0,1fr))}.du-lich-accommodation-more__slider:not(.slick-initialized) .du-lich-stay-card:nth-child(n+4){display:none}}
@media(max-width:991px){.du-lich-accommodation-more__slider:not(.slick-initialized){grid-template-columns:repeat(2,minmax(0,1fr))}.du-lich-accommodation-more__slider:not(.slick-initialized) .du-lich-stay-card:nth-child(n+3){display:none}}
@media(max-width:575px){.du-lich-accommodation-more{padding:28px 16px 36px}.du-lich-accommodation-more h2{font-size:25px}.du-lich-accommodation-more__slider:not(.slick-initialized){grid-template-columns:1fr}.du-lich-accommodation-more__slider:not(.slick-initialized) .du-lich-stay-card:nth-child(n+2){display:none}}

/* Keep every tourism detail author on its own right-aligned row. */
.du-lich-content-detail__author,
.du-lich-detail-author {
    display: block !important;
    width: 100%;
    box-sizing: border-box;
    margin: 24px 0 0 !important;
    font-weight: 700;
    text-align: right !important;
}
.du-lich-content-detail__footer > .du-lich-content-detail__author { align-self: stretch; }

/* Reviews fill the article column on every tourism detail page. */
.du-lich-detail-review {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
}

/* Tourism-specific reading tools: restrained palette, separate from BaiViet. */
.du-lich-common-tools {
    grid-template-columns: minmax(170px, 1fr) 260px minmax(330px, 1fr);
    padding: 14px 0;
    border-top: 1px solid #eef0f3;
    border-bottom: 1px solid #eef0f3;
    color: #667085;
}
.du-lich-common-tools__date { color: #667085; }
.du-lich-common-tools__audio {
    padding: 9px 14px;
    border: 1px solid #e5e8ed;
    border-radius: 8px;
    background: #f8f9fb;
    color: #404f65;
}
.du-lich-common-tools__audio button,
.du-lich-common-tools ul button { color: #404f65; }
.du-lich-common-tools ul button:hover,
.du-lich-common-tools ul button:focus-visible,
.du-lich-common-tools__audio button:hover { color: #006ace; }
.du-lich-common-tools__progress { border-radius: 99px; background: #d9dee6; }
.du-lich-common-tools .font-tools button:nth-child(2) { color: #006ace; }
.du-lich-common-tools .font-tools button.active { text-decoration-color: #ffd726; }
.du-lich-content-detail__publication {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    color: #667085;
}
.du-lich-content-detail__publication .du-lich-content-detail__author {
    display: inline-block !important;
    width: auto;
    margin: 0 !important;
    color: #2a3342;
    text-align: right !important;
}
.du-lich-content-detail__footer .du-lich-content-detail__publication > span {
    padding: 0;
    border: 0;
    border-radius: 0;
}
.du-lich-common-tools:not(:has(.du-lich-common-tools__audio audio)) {
    grid-template-columns: minmax(170px, 1fr) minmax(330px, auto);
}
.du-lich-common-tools__audio:not(:has(audio)) { display: none; }
.du-lich-common-tools__audio #div_audio { width: 100%; }
.du-lich-common-tools__audio audio {
    display: block;
    width: 100%;
    height: 36px;
}
.du-lich-list-rating { color:#f59e0b;font-size:14px;font-weight:600;white-space:nowrap; }
.du-lich-category-card__actions .du-lich-map-button { margin-left:auto;text-decoration:none; }
.du-lich-section-heading__title-link{color:inherit;text-decoration:none;transition:color .2s ease}.du-lich-section-heading__title-link:hover,.du-lich-section-heading__title-link:focus{color:#006ace;text-decoration:none}.du-lich-section-heading--light .du-lich-section-heading__title-link:hover,.du-lich-section-heading--light .du-lich-section-heading__title-link:focus{color:#ffd726}.du-lich-section-heading__title-link:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:3px}
.du-lich-list-page{max-width:1320px;margin:0 auto;padding:40px 0 64px}.du-lich-stays-list__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.du-lich-experiences-list{max-width:none;padding-right:max(24px,calc((100% - 1320px)/2));padding-left:max(24px,calc((100% - 1320px)/2));background:#17345d}.du-lich-experiences-list .du-lich-category__toolbar{color:#fff}.du-lich-experiences-list__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.du-lich-experiences-list__grid .du-lich-experience-card{width:auto}.du-lich-cuisines-list .du-lich-cuisine__grid{min-height:900px}.du-lich-list-page>.du-lich-category-pagination{margin-top:36px}
@media(max-width:1360px){.du-lich-list-page{margin-right:24px;margin-left:24px}.du-lich-experiences-list{margin-right:0;margin-left:0}}@media(max-width:1100px){.du-lich-stays-list__grid,.du-lich-experiences-list__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.du-lich-stays-list__grid,.du-lich-experiences-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:575px){.du-lich-list-page{margin-right:16px;margin-left:16px;padding-top:24px}.du-lich-stays-list__grid,.du-lich-experiences-list__grid{grid-template-columns:1fr}.du-lich-experiences-list{margin:0;padding-right:16px;padding-left:16px}}
.du-lich-cuisines-list__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.du-lich-cuisine-list-card{overflow:hidden;border:1px solid #e5e9f0;border-radius:20px;background:#fff;box-shadow:0 4px 16px rgba(21,46,87,.06);transition:transform .2s ease,box-shadow .2s ease}.du-lich-cuisine-list-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(21,46,87,.12)}.du-lich-cuisine-list-card__media{position:relative;display:block;height:250px;overflow:hidden}.du-lich-cuisine-list-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.du-lich-cuisine-list-card:hover .du-lich-cuisine-list-card__media img{transform:scale(1.04)}.du-lich-cuisine-list-card__media span{position:absolute;top:16px;left:16px;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.94);color:#333f51;font-size:14px;font-weight:500;line-height:20px}.du-lich-cuisine-list-card__body{padding:20px}.du-lich-cuisine-list-card__body h2{margin:0;font-size:21px;font-weight:700;line-height:1.4}.du-lich-cuisine-list-card__body h2 a{color:#152e57;text-decoration:none}.du-lich-cuisine-list-card__body h2 a:hover{color:#006ace}.du-lich-cuisine-list-card__body p{display:-webkit-box;margin:10px 0 0;overflow:hidden;color:#667085;font-size:15px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(max-width:991px){.du-lich-cuisines-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media(max-width:575px){.du-lich-cuisines-list__grid{grid-template-columns:1fr;gap:20px}.du-lich-cuisine-list-card__media{height:220px}}
.du-lich-passport-detail{max-width:1320px;margin:0 auto;padding:36px 0 64px;color:#2a3342}.du-lich-passport-detail__header{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:48px;margin-bottom:30px;padding:30px 36px;overflow:hidden;border-radius:24px;background:linear-gradient(135deg,#edf8ff,#fff8dc)}.du-lich-passport-detail__header>img{width:100%;height:190px;border-radius:18px;object-fit:cover;box-shadow:0 12px 30px rgba(21,46,87,.15)}.du-lich-passport-detail__eyebrow{color:#006ace;font-size:14px;font-weight:700;letter-spacing:3px}.du-lich-passport-detail__header h1{margin:8px 0 12px;color:#152e57;font-size:38px;font-weight:750;line-height:1.25}.du-lich-passport-detail__header p{max-width:760px;margin:0;color:#59677c;font-size:17px;line-height:28px}.du-lich-passport-detail__reader{overflow:hidden;border:1px solid #e3e8ef;border-radius:22px;background:#fff;box-shadow:0 12px 36px rgba(21,46,87,.08)}.du-lich-passport-detail__toolbar{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px 10px 22px;border-bottom:1px solid #e6ebf2}.du-lich-passport-detail__toolbar>div{display:flex;min-width:0;align-items:center;gap:10px}.du-lich-passport-detail__toolbar>div:first-child i{color:#006ace;font-size:20px}.du-lich-passport-detail__toolbar strong{overflow:hidden;color:#152e57;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.du-lich-passport-detail__toolbar a,.du-lich-passport-detail__toolbar button{display:inline-flex;height:40px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:0;border-radius:10px;background:#eef6ff;color:#005cb9;font-weight:600;text-decoration:none}.du-lich-passport-detail__toolbar button{width:40px;padding:0;cursor:pointer}.du-lich-passport-detail__stage{height:min(76vh,780px);min-height:560px;background:#dce4ee}.du-lich-passport-detail__stage iframe{display:block;width:100%;height:100%;border:0;background:#fff}.du-lich-passport-detail__stage:fullscreen{height:100vh}.du-lich-passport-detail__empty{display:flex;height:100%;align-items:center;justify-content:center;flex-direction:column;padding:30px;color:#667085;text-align:center}.du-lich-passport-detail__empty i{margin-bottom:16px;color:#8fbce8;font-size:54px}.du-lich-passport-detail__empty strong{color:#152e57;font-size:21px}.du-lich-passport-detail__empty p{margin:8px 0 0}@media(max-width:1360px){.du-lich-passport-detail{margin-right:24px;margin-left:24px}}@media(max-width:767px){.du-lich-passport-detail{margin-right:16px;margin-left:16px;padding-top:24px}.du-lich-passport-detail__header{grid-template-columns:1fr;gap:22px;padding:24px}.du-lich-passport-detail__header>img{grid-row:1;height:180px}.du-lich-passport-detail__header h1{font-size:30px}.du-lich-passport-detail__toolbar{padding-left:14px}.du-lich-passport-detail__toolbar a span{display:none}.du-lich-passport-detail__stage{height:calc(100vh - 180px);min-height:480px}}