.vietnam-home-shell{background:#f8f4ee}
.home-city-header{position:relative;z-index:28;padding:12px 14px 10px;background:#f8f4ee}
.home-brand-row{min-height:48px;display:flex;align-items:center;gap:8px}
.home-brand-row .region-btn{min-width:115px;max-width:122px;padding:0;border:0;background:transparent;box-shadow:none}
.home-brand-row .region-pin{width:24px;height:24px;flex:0 0 auto;color:#111a16;fill:currentColor;stroke:none}
.region-copy{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.region-copy strong{max-width:100%;overflow:hidden;color:#1e2924;font-size:15px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}
.region-copy small{max-width:100%;overflow:hidden;color:#858b87;font-size:9px;font-weight:500;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.region-chevron{margin-top:-8px;color:#313a36;font-size:16px}
.home-city-search{height:42px;min-width:0;flex:1;padding:0 12px;display:flex;align-items:center;gap:7px;border:1px solid #e8e1d8;border-radius:22px;background:#fffdfa;box-shadow:0 5px 18px rgba(48,39,28,.05)}
.home-city-search .ui-icon{width:18px;height:18px;flex:0 0 auto;color:#57625c}
.home-city-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#27362f;font-size:16px}
.home-city-search input::placeholder{color:#999b98}
.home-brand-row .notify-btn{position:relative;width:34px;height:42px;flex:0 0 34px}
.home-brand-row .notify-btn i{position:absolute;right:4px;top:7px;width:7px;height:7px;border:2px solid #f8f4ee;border-radius:50%;background:#e5483f}
.home-brand-row .avatar-link{width:40px;height:40px;flex:0 0 40px}
.vietnam-home-main{padding-bottom:106px}

.hcm-hero{position:relative;height:264px;margin:0 14px;overflow:hidden;border-radius:24px;background:#132946;box-shadow:0 10px 28px rgba(32,42,52,.13);touch-action:pan-y}
.hcm-hero-viewport{position:absolute;inset:0;overflow:hidden}
.hcm-hero-track{height:100%;display:flex;transition:transform .65s cubic-bezier(.22,.72,.22,1);will-change:transform}
.hcm-hero-slide{position:relative;height:100%;min-width:100%;flex:0 0 100%;overflow:hidden}
.hcm-hero-slide>img,.hcm-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.hcm-hero-slide>img{object-fit:cover;object-position:center 55%;transition:transform 5s ease}
.hcm-hero-slide.active>img{transform:scale(1.035)}
.hcm-hero-slide.city-slide>img{object-position:center 52%}
.hcm-hero-slide.food-slide>img{object-position:center 58%}
.hcm-hero-slide.nightlife-slide>img{object-position:center 46%}
.hcm-hero-shade{background:linear-gradient(90deg,rgba(5,17,39,.86),rgba(7,25,51,.52) 46%,rgba(4,20,42,.05) 79%),linear-gradient(0deg,rgba(4,17,35,.32),transparent 48%)}
.hcm-hero-copy{position:relative;z-index:2;width:72%;padding:31px 0 0 24px;color:#fff}
.hcm-hero-copy h1,.hcm-hero-copy h2{margin:3px 0 32px;font-family:Georgia,"Noto Serif SC",serif;font-size:28px;line-height:1.38;letter-spacing:.5px}
.hero-script{margin:0;color:#fff;font-family:"Segoe Script","Brush Script MT",cursive;font-size:27px;font-style:italic;line-height:1.2;white-space:nowrap}
.hero-location{margin:0;display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.86);font-size:10px}
.hero-location .ui-icon{width:13px;height:13px;fill:currentColor}
.hero-dots{position:absolute;left:50%;bottom:14px;z-index:3;display:flex;gap:5px;transform:translateX(-50%)}
.hero-dots button{width:6px;height:5px;padding:0;border:0;border-radius:3px;background:rgba(255,255,255,.58);transition:width .25s ease,background .25s ease;cursor:pointer}
.hero-dots button.active{width:20px;background:#fff}
.hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}

.home-service-panel{position:relative;z-index:5;margin:-8px 14px 5px;padding:16px 8px 14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #eee7dd;border-radius:23px;background:rgba(255,253,250,.98);box-shadow:0 12px 30px rgba(49,40,27,.11)}
.home-service-panel a{min-width:0;min-height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:14px;text-align:center}
.home-service-panel a>span{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.5)}
.home-service-panel a:nth-child(1)>span{background:#ffe2eb;color:#e92864}
.home-service-panel a:nth-child(2)>span{background:#dff4e8;color:#07825b}
.home-service-panel a:nth-child(3)>span{background:#fff0d3;color:#dc8c12}
.home-service-panel a:nth-child(4)>span{background:#ece6ff;color:#6345ce}
.home-service-panel a>span .ui-icon{width:25px;height:25px}
.home-service-panel strong{margin-top:2px;color:#29332e;font-size:13px}
.home-service-panel small{max-width:100%;overflow:hidden;color:#92948f;font-size:9px;text-overflow:ellipsis;white-space:nowrap}

.vietnam-home-section{padding:11px 14px 2px}
.vietnam-home-section>header{height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.vietnam-home-section>header h2{margin:0;color:#27322d;font-family:Georgia,"Noto Serif SC",serif;font-size:18px;letter-spacing:0}
.vietnam-home-section>header h2 span{font-family:inherit;font-size:16px}
.vietnam-home-section>header a{min-height:36px;display:flex;align-items:center;gap:2px;color:#858a85;font-size:11px}
.vietnam-home-section>header .ui-icon{width:13px;height:13px}

.home-inspiration-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.home-inspiration-card{position:relative;min-width:0;height:143px;overflow:hidden;border-radius:13px;background:#263b34;color:#fff;box-shadow:0 5px 13px rgba(37,34,28,.08)}
.home-inspiration-card>img{width:100%;height:100%;object-fit:cover}
.home-inspiration-card::after{content:"";position:absolute;inset:32% 0 0;background:linear-gradient(0deg,rgba(10,16,14,.9),rgba(10,16,14,.08))}
.home-inspiration-card>span,.home-inspiration-card>b{position:absolute;top:7px;z-index:2;padding:3px 6px;border-radius:7px;background:rgba(24,31,28,.75);color:#fff;font-size:9px;font-weight:800}
.home-inspiration-card>span{left:6px;background:#ed4965}
.home-inspiration-card>b{right:6px}
.home-inspiration-card>div{position:absolute;left:8px;right:7px;bottom:8px;z-index:2}
.home-inspiration-card h3{margin:0 0 3px;overflow:hidden;font-size:12px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}
.home-inspiration-card p{margin:0;overflow:hidden;color:rgba(255,255,255,.9);font-size:10px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}

.home-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.home-activity-grid>a{position:relative;height:105px;overflow:hidden;border-radius:14px;background:#6c4129;box-shadow:0 5px 15px rgba(42,32,24,.08)}
.home-activity-grid img{width:100%;height:100%;object-fit:cover}
.home-activity-grid>a::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,242,217,.97),rgba(255,238,208,.77) 61%,rgba(255,238,208,.05))}
.home-activity-grid>a.spa-banner::after{background:linear-gradient(90deg,rgba(22,29,25,.88),rgba(25,28,22,.28))}
.home-activity-grid div{position:absolute;left:10px;top:9px;right:7px;z-index:2;color:#573723}
.home-activity-grid .spa-banner div{color:#fff}
.home-activity-grid small{display:inline-block;padding:2px 5px;border-radius:5px;background:#f2cb5d;font-size:8px;font-weight:800}
.home-activity-grid .spa-banner small{padding:0;background:transparent;font-size:15px}
.home-activity-grid h3{margin:3px 0 2px;font-size:13px;letter-spacing:0}
.home-activity-grid h3 em{color:#e34645;font-size:21px;font-style:normal}
.home-activity-grid h3 sup{font-size:8px}
.home-activity-grid p{margin:0;font-size:8px;line-height:1.4}
.home-activity-grid div>span{min-height:21px;margin-top:6px;padding:0 8px;display:inline-flex;align-items:center;border-radius:11px;background:rgba(255,255,255,.82);color:#6d4932;font-size:8px;font-weight:800}
.home-activity-grid .spa-banner div>span{border:1px solid rgba(255,255,255,.6);background:rgba(9,20,15,.3);color:#fff}

.home-guide-filters{display:flex;gap:7px;overflow-x:auto;padding:2px 0 9px;scrollbar-width:none}
.home-guide-filters::-webkit-scrollbar{display:none}
.home-guide-filters a{min-width:58px;height:34px;padding:0 11px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:10px;background:#eeeae4;color:#5f6863;font-size:11px;font-weight:700}
.home-guide-filters a.active{background:#07845f;color:#fff;box-shadow:0 5px 12px rgba(7,132,95,.18)}
.home-guide-filters .ui-icon{width:16px;height:16px}
.home-guide-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.home-guide-preview-grid>a{min-width:0;overflow:hidden;border:1px solid #e8dfd3;border-radius:14px;background:#fffdf9;box-shadow:0 5px 15px rgba(42,35,25,.06)}
.home-guide-preview-grid .guide-cover{position:relative;height:112px;padding:0;overflow:hidden}
.home-guide-preview-grid img{width:100%;height:100%;object-fit:cover}
.home-guide-preview-grid .guide-cover::after{content:"";position:absolute;inset:58% 0 0;background:linear-gradient(0deg,rgba(12,22,19,.56),transparent)}
.home-guide-preview-grid .guide-cover span{position:absolute;left:8px;top:8px;z-index:2;padding:3px 6px;border-radius:8px;background:rgba(28,35,32,.72);color:#fff;font-size:9px}
.home-guide-preview-grid .guide-cover i{position:absolute;right:8px;top:8px;z-index:2;width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(29,40,35,.55);color:#fff}
.home-guide-preview-grid .guide-cover i .ui-icon{width:18px;height:18px}
.home-guide-preview-grid>a>div:last-child{min-width:0;padding:9px}
.home-guide-preview-grid h3{margin:0 0 3px;overflow:hidden;font-size:12px;line-height:1.4;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}
.home-guide-preview-grid p{margin:0 0 5px;color:#7f8782;font-size:10px;line-height:1.45}
.home-guide-preview-grid small{display:block;overflow:hidden;color:#8e928e;font-size:9px;text-overflow:ellipsis;white-space:nowrap}

.snapshot-preview-section{padding-bottom:10px}
.home-snapshot-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.home-snapshot-preview-grid>a{min-width:0;overflow:hidden;border:1px solid #eadfe1;border-radius:14px;background:#fffdf9;box-shadow:0 5px 15px rgba(54,38,44,.07)}
.home-snapshot-preview-grid .snapshot-cover{position:relative;height:128px;overflow:hidden;background:#d8ddd9}
.home-snapshot-preview-grid img{width:100%;height:100%;object-fit:cover}
.home-snapshot-preview-grid .snapshot-cover::after{content:"";position:absolute;inset:56% 0 0;background:linear-gradient(0deg,rgba(21,20,20,.5),transparent)}
.home-snapshot-preview-grid .snapshot-cover i{position:absolute;left:50%;top:50%;z-index:2;width:32px;height:32px;display:grid;place-items:center;border:2px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;background:rgba(28,37,33,.42);transform:translate(-50%,-50%)}
.home-snapshot-preview-grid .snapshot-cover i .ui-icon{width:19px;height:19px}
.home-snapshot-preview-grid .snapshot-cover time,.home-snapshot-preview-grid .snapshot-cover span{position:absolute;z-index:2;padding:2px 5px;border-radius:6px;color:#fff;background:rgba(30,35,32,.65);font-size:8px;font-style:normal}
.home-snapshot-preview-grid .snapshot-cover time{right:6px;bottom:6px}
.home-snapshot-preview-grid .snapshot-cover span{left:6px;top:6px;display:flex;align-items:center;gap:3px}
.home-snapshot-preview-grid .snapshot-cover span .ui-icon{width:12px;height:12px}
.home-snapshot-preview-grid>a>div:last-child{padding:8px}
.home-snapshot-preview-grid h3{margin:0 0 5px;overflow:hidden;color:#303832;font-size:11px;line-height:1.35;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}
.home-snapshot-preview-grid small{display:block;overflow:hidden;color:#8a8f8b;font-size:8px;text-overflow:ellipsis;white-space:nowrap}

.vietnam-home-shell .bottom-nav{height:82px;padding-top:10px}
.vietnam-home-shell .nav-item>.ui-icon{width:24px;height:24px}
.vietnam-home-shell .nav-item strong{font-size:10px}
.home-city-header a:focus-visible,.home-city-header button:focus-visible,.home-city-search:focus-within,.home-service-panel a:focus-visible,.vietnam-home-section a:focus-visible{outline:2px solid #0b8560;outline-offset:2px}

@media(max-width:390px){
  .home-city-header{padding-left:10px;padding-right:10px}
  .home-brand-row{gap:5px}
  .home-brand-row .region-btn{min-width:101px;max-width:105px}
  .region-copy strong{font-size:13px}
  .region-copy small{font-size:8px}
  .home-brand-row .avatar-link{width:36px;height:36px;flex-basis:36px}
  .home-brand-row .notify-btn{width:30px;flex-basis:30px}
  .home-city-search{padding:0 9px}
  .home-city-search input{font-size:16px}
  .hcm-hero{height:244px;margin-left:10px;margin-right:10px}
  .hcm-hero-copy{padding-left:20px}
  .hcm-hero-copy h1,.hcm-hero-copy h2{font-size:25px}
  .hero-script{font-size:24px}
  .home-service-panel{margin-left:10px;margin-right:10px;padding-left:4px;padding-right:4px}
  .home-service-panel a>span{width:43px;height:43px}
  .home-service-panel strong{font-size:12px}
  .home-service-panel small{font-size:8px}
  .vietnam-home-section{padding-left:10px;padding-right:10px}
  .home-inspiration-grid{gap:5px}
  .home-inspiration-card{height:132px}
  .home-inspiration-card h3{font-size:11px}
  .home-activity-grid,.home-guide-preview-grid,.home-snapshot-preview-grid{gap:7px}
  .home-snapshot-preview-grid .snapshot-cover{height:118px}
}

@media(prefers-reduced-motion:reduce){.hcm-hero-track,.hcm-hero-slide>img,.hero-dots button{transition:none}}