/* Sao Băng V29 — clean single stylesheet, no legacy overrides */
:root{
  --black:#0d1111;
  --black-2:#151a19;
  --teal:#12857f;
  --teal-dark:#0c5658;
  --gold:#e8b34f;
  --sand:#f4f0e7;
  --cream:#fffaf1;
  --ink:#173636;
  --muted:#61706f;
  --white:#fff;
  --line:rgba(23,54,54,.14);
  --shadow:0 24px 70px rgba(7,38,43,.16);
  --container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--sand);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.skip-link{position:fixed;left:16px;top:-70px;z-index:999;background:#fff;color:#111;padding:12px 16px}
.skip-link:focus{top:16px}
.site-header{position:fixed;z-index:100;top:0;left:0;right:0;min-height:94px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;gap:34px;background:rgba(13,17,17,.94);color:#fff}
.brand{display:flex;align-items:center;gap:14px;min-width:270px}
.brand img{width:58px;height:58px;border-radius:50%;background:#fff}
.brand span{display:grid;gap:2px}
.brand strong{font-family:Georgia,"Times New Roman",serif;font-size:36px;letter-spacing:.16em;font-weight:500}
.brand small{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.68)}
.site-nav{margin-left:auto;display:flex;align-items:center;gap:30px}
.site-nav a{font-size:15px;color:rgba(255,255,255,.82);font-weight:600}
.site-nav a:not(.nav-cta)::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;margin-bottom:3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);opacity:.55}
.site-nav a:hover{color:#fff}
.nav-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;background:var(--gold);color:#172829!important;border-radius:999px}
.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent}
.nav-toggle span{display:block;width:24px;height:2px;background:#fff;margin:5px auto}
.hero{position:relative;min-height:clamp(690px,92vh,980px);overflow:hidden;background:#06282d;color:#fff}
.hero-media,.hero-media img{position:absolute;inset:0;width:100%;height:100%}
.hero-media img{object-fit:cover;object-position:center 43%}
.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.08) 30%,rgba(0,0,0,.44)),linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.16) 48%,rgba(0,0,0,.02))}
.hero-content{position:relative;z-index:2;width:min(var(--container),calc(100% - 48px));margin:0 auto;padding-top:clamp(190px,30vh,300px)}
.weather-chip{display:inline-flex;align-items:center;gap:12px;margin:0 0 20px;padding:9px 14px;border:1px solid rgba(255,255,255,.36);background:rgba(0,0,0,.22);font-size:13px;font-weight:800;letter-spacing:.03em}
.weather-chip span+span{padding-left:12px;border-left:1px solid rgba(255,255,255,.36)}
.eyebrow{margin:0 0 18px;color:var(--gold);font-size:12px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}
.hero h1{max-width:850px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(52px,7.2vw,116px);line-height:.95;font-weight:500;letter-spacing:-.045em;text-transform:uppercase;text-shadow:0 16px 46px rgba(0,0,0,.36)}
.hero h1::after{content:"";display:block;width:min(760px,100%);height:1px;margin:24px 0 18px;background:rgba(255,255,255,.68)}
.hero-lead{max-width:720px;margin:0;color:rgba(255,255,255,.92);font-size:clamp(16px,1.25vw,20px);line-height:1.8}
.hero-actions,.section-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid transparent;font-weight:900}
.btn.primary,.btn.primary-soft{background:var(--gold);color:#172829}
.btn.primary-soft{background:#15a29b;color:#fff}
.btn.ghost{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(0,0,0,.14)}
.btn.ghost-light{border-color:rgba(255,255,255,.36);color:#fff;background:rgba(255,255,255,.08)}
.btn.text{color:#fff;padding-inline:8px}
.ocean-block{background:linear-gradient(rgba(17,133,127,.86),rgba(17,133,127,.86)),url("assets/sea/aerial-wide.webp") center/cover;color:#fff;text-align:center}
.intro{padding:96px 24px}
.intro-inner{width:min(1100px,100%);margin:auto}
.intro h2{margin:0 auto 24px;max-width:980px;font-size:clamp(30px,3.6vw,56px);line-height:1.22}
.intro p:not(.eyebrow){max-width:1050px;margin:0 auto 18px;color:rgba(255,255,255,.92);font-size:18px;line-height:1.85}
.split-section{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center;width:min(var(--container),calc(100% - 48px));margin:0 auto;padding:110px 0}
.split-copy h2,.section-head h2,.contact-card h2{margin:0;font-size:clamp(32px,4vw,58px);line-height:1.08}
.split-copy p,.section-head p,.contact-card p{color:var(--muted);line-height:1.8;font-size:17px}
.split-image{margin:0;overflow:hidden;box-shadow:var(--shadow)}
.split-image img{width:100%;height:560px;object-fit:cover}
.text-link{display:inline-block;margin-top:18px;color:var(--teal-dark);font-weight:900}
.menu-section,.experience-section{padding:108px 24px;background:linear-gradient(rgba(7,38,42,.88),rgba(7,38,42,.88)),url("assets/sea/clear-water.webp") center/cover;color:#fff}
.section-head{width:min(var(--container),100%);margin:0 auto 42px}
.section-head.light p{color:rgba(255,255,255,.78)}
.section-head.light h2{color:#fff}
.menu-layout{width:min(var(--container),100%);margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:24px;align-items:stretch}
.menu-card{position:relative;overflow:hidden;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.menu-card img{height:100%;min-height:420px;width:100%;object-fit:cover}
.menu-card div{position:absolute;left:24px;right:24px;bottom:24px;padding:18px;background:rgba(5,27,30,.78)}
.menu-card h3{margin:0 0 6px;font-size:28px}
.menu-card p{margin:0;color:rgba(255,255,255,.78);line-height:1.6}
.dish-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dish-list div{display:flex;justify-content:space-between;gap:18px;padding:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.dish-list strong{color:#fff}.dish-list span{color:var(--gold);font-weight:900;white-space:nowrap}
.center{justify-content:center}
.delivery-section{padding:108px 24px;background:linear-gradient(rgba(246,243,235,.92),rgba(246,243,235,.92)),url("assets/sea/beach-lagoon.webp") center/cover}
.delivery-grid{width:min(var(--container),100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.delivery-grid article{padding:28px;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:0 14px 40px rgba(7,38,43,.08)}
.delivery-grid span{color:var(--teal);font-weight:900}.delivery-grid h3{font-size:26px;margin:16px 0 8px}.delivery-grid p{margin:0;color:var(--muted);line-height:1.7}
.experience-grid,.gallery-grid{width:min(var(--container),100%);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.experience-grid figure{margin:0;position:relative;overflow:hidden;background:#092b30}
.experience-grid img{width:100%;height:420px;object-fit:cover;opacity:.94}
.experience-grid figcaption{position:absolute;left:18px;right:18px;bottom:18px;padding:13px 15px;background:rgba(0,0,0,.46);color:#fff;font-weight:900}
.gallery-section{padding:108px 24px;background:linear-gradient(rgba(245,249,248,.92),rgba(245,249,248,.94)),url("assets/sea/clear-water.webp") center/cover}
.gallery-grid{grid-template-columns:repeat(4,1fr)}
.gallery-grid button{border:0;padding:0;overflow:hidden;background:#0b3034}
.gallery-grid img{width:100%;height:260px;object-fit:cover}
.contact-section{padding:108px 24px;background:linear-gradient(rgba(239,247,246,.92),rgba(239,247,246,.95)),url("assets/sea/aerial-wide.webp") center/cover}
.contact-card{width:min(var(--container),100%);margin:0 auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:44px;padding:48px;background:rgba(255,255,255,.88);box-shadow:var(--shadow)}
.contact-list{display:grid;gap:12px}
.contact-list a{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;padding:16px 18px;background:#fff;border:1px solid var(--line)}
.contact-list span{font-size:11px;color:var(--teal-dark);font-weight:900;text-transform:uppercase;letter-spacing:.12em}.contact-list strong{text-align:right}
.floating-actions{position:fixed;z-index:90;right:22px;bottom:22px;display:grid;gap:10px}
.floating-actions a{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#172829;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.floating-actions a+ a{background:#0b73ff;color:#fff;font-size:12px}
.site-footer{display:flex;justify-content:space-between;gap:16px;padding:28px clamp(22px,4vw,64px);background:#0d1111;color:rgba(255,255,255,.72)}
.lightbox{border:0;padding:0;background:#000;max-width:min(94vw,1200px)}
.lightbox::backdrop{background:rgba(0,0,0,.78)}
.lightbox img{max-height:86vh;width:auto}
.lightbox button{position:absolute;right:8px;top:8px;width:44px;height:44px;border:0;background:#fff;font-size:30px}
@media(max-width:980px){
  .site-header{min-height:76px;padding:0 18px}.brand{min-width:0}.brand img{width:46px;height:46px}.brand strong{font-size:28px}.brand small{display:none}
  .nav-toggle{display:block}.site-nav{position:fixed;top:76px;left:0;right:0;display:grid;gap:0;background:#0d1111;padding:16px 22px 26px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s}.site-nav.open{opacity:1;visibility:visible;transform:none}.site-nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1)}.site-nav a::after{display:none!important}.nav-cta{margin-top:14px;border-bottom:0!important}
  .hero-content{padding-top:170px}.hero h1{font-size:clamp(42px,11vw,74px)}.hero-actions{display:grid;grid-template-columns:1fr 1fr;max-width:560px}.btn.text{display:none}
  .split-section,.menu-layout,.contact-card{grid-template-columns:1fr}.split-section{padding:82px 0;gap:34px}.split-image img{height:420px}
  .dish-list,.delivery-grid,.experience-grid{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}.contact-list a{grid-template-columns:1fr}.contact-list strong{text-align:left}
}
@media(max-width:560px){
  .hero{min-height:720px}.hero-media img{object-position:58% center}.weather-chip{display:grid;gap:4px;font-size:12px}.weather-chip span+span{padding-left:0;border-left:0}
  .hero-actions{grid-template-columns:1fr}.intro,.menu-section,.delivery-section,.experience-section,.gallery-section,.contact-section{padding:72px 16px}.split-section{width:calc(100% - 32px)}.dish-list,.delivery-grid,.experience-grid,.gallery-grid{grid-template-columns:1fr}.gallery-grid img,.experience-grid img{height:260px}.contact-card{padding:24px}.site-footer{display:grid}.floating-actions{right:14px;bottom:14px}.floating-actions a{width:50px;height:50px}
}


/* V30 richer layout additions — still one clean stylesheet */
.language-switch{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.08)}
.language-switch button{border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.72);font-weight:900;font-size:12px;min-width:38px;height:34px}
.language-switch button.active{background:var(--gold);color:#172829}
.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero-badges span{padding:10px 13px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.18);color:rgba(255,255,255,.92);font-size:13px;font-weight:800}
.space-section{padding:108px 24px;background:linear-gradient(rgba(246,243,235,.94),rgba(246,243,235,.94)),url("assets/sea/clear-water.webp") center/cover}
.space-grid{width:min(var(--container),100%);margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:260px;gap:16px}
.space-card{position:relative;overflow:hidden;background:#12373a;box-shadow:0 18px 48px rgba(7,38,43,.12)}
.space-card.wide{grid-row:span 2}
.space-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.space-card:hover img{transform:scale(1.035)}
.space-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.72))}
.space-card div{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;color:#fff}
.space-card span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:900}
.space-card strong{display:block;margin-top:5px;font-size:24px}
.food-row{width:min(var(--container),100%);margin:18px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.food-row img{width:100%;height:210px;object-fit:cover;background:#0c3034}
.gallery-grid{grid-template-columns:repeat(4,1fr)}
.gallery-grid button{position:relative}
.gallery-grid button::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);pointer-events:none}
@media(max-width:980px){
  .language-switch{margin:12px 0}
  .space-grid{grid-template-columns:1fr 1fr;grid-auto-rows:220px}
  .space-card.wide{grid-column:1/-1;grid-row:span 1}
  .food-row{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .space-grid,.food-row{grid-template-columns:1fr}
  .space-grid{grid-auto-rows:240px}
  .space-card strong{font-size:20px}
  .hero-badges{display:none}
}


/* V30.1 — hiệu ứng lướt web nhẹ, không quay lại code animation cũ */
.reveal-on-scroll{
  opacity:0;
  transform:translate3d(0,34px,0);
  filter:blur(8px);
  transition:
    opacity .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),
    transform .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),
    filter .72s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms);
}
.reveal-on-scroll.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}
.hero-media img{
  transform:scale(1.03);
  transition:transform .18s linear;
}
.space-card,
.gallery-grid button,
.experience-grid figure,
.food-row img{
  transition:transform .34s ease, box-shadow .34s ease;
}
.space-card:hover,
.gallery-grid button:hover,
.experience-grid figure:hover,
.food-row img:hover{
  transform:translateY(-4px);
}
@media(max-width:700px){
  .reveal-on-scroll{
    transform:translate3d(0,20px,0);
    filter:blur(4px);
    transition-duration:.48s;
  }
  .hero-media img{
    transform:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .reveal-on-scroll,
  .reveal-on-scroll.is-visible{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  .hero-media img{
    transform:none!important;
    transition:none!important;
  }
}


/* V31 hotfix — xoá dấu mũi tên/ngoặc xuống trên thanh điều hướng */
.site-nav a::after,
.site-nav a:not(.nav-cta)::after,
.site-nav a:not(.nav-cta):after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  margin:0!important;
}

/* V31 — chữ/caption tự nhiên hơn */
.section-head h2,
.split-copy h2,
.intro h2{
  text-wrap:balance;
}
.section-head p,
.split-copy p,
.intro p:not(.eyebrow){
  max-width:980px;
}
.space-card div,
.experience-grid figcaption{
  background:linear-gradient(180deg,rgba(5,20,22,.18),rgba(5,20,22,.74));
  padding:18px;
  left:0!important;
  right:0!important;
  bottom:0!important;
}
.space-card span{
  color:#f1c46e!important;
}
.space-card strong{
  line-height:1.12;
}
.menu-section{
  background:
    linear-gradient(180deg,rgba(6,38,44,.88),rgba(6,59,64,.86)),
    url("assets/sea/clear-water.webp") center/cover!important;
}
.gallery-section{
  background:
    linear-gradient(180deg,rgba(240,247,246,.94),rgba(244,240,231,.96)),
    url("assets/sea/aerial-wide.webp") center/cover!important;
}

/* Mobile smoothness: bớt khựng, giảm blur/parallax/hover */
@media(max-width:700px){
  html{scroll-behavior:auto}
  .site-header{min-height:72px!important}
  .brand strong{font-size:24px!important;letter-spacing:.10em!important}
  .site-nav{
    max-height:calc(100dvh - 72px);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
  .reveal-on-scroll{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  .hero-media img{
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
  .space-card:hover,
  .gallery-grid button:hover,
  .experience-grid figure:hover,
  .food-row img:hover{
    transform:none!important;
  }
  .space-grid{
    gap:12px!important;
  }
  .space-card img,
  .gallery-grid img,
  .experience-grid img,
  .food-row img{
    height:230px!important;
  }
  .menu-section,
  .experience-section,
  .gallery-section,
  .delivery-section,
  .contact-section,
  .space-section{
    background-attachment:scroll!important;
  }
}

/* giảm hiệu ứng nặng */
.space-card img,
.gallery-grid img,
.experience-grid img,
.food-row img{
  backface-visibility:hidden;
}
.lightbox img{
  max-width:94vw;
}


/* V32 — bỏ khung thời tiết, chuyển thành dòng thông tin bình thường */
.weather-chip{
  display:flex!important;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin:0 0 16px;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  color:rgba(255,255,255,.92);
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
}
.weather-chip span{display:inline-flex;align-items:center;gap:10px}
.weather-chip span+span{padding-left:0!important;border-left:0!important}
.weather-chip span+span::before{
  content:"•";
  opacity:.65;
  margin-right:2px;
}

/* V32 — biến 3 dòng mô tả thành link thật, bỏ kiểu box vô dụng */
.hero-badges.hero-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px 18px;
  margin-top:18px;
}
.hero-badges.hero-links a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:rgba(255,255,255,.92)!important;
  font-size:14px;
  font-weight:700;
  text-decoration:none;
  transition:opacity .18s ease, transform .18s ease;
}
.hero-badges.hero-links a::before{
  content:"•";
  color:#f1c46e;
  font-size:18px;
  line-height:1;
}
.hero-badges.hero-links a:hover{opacity:1;transform:translateX(2px)}
.hero-badges.hero-links a:focus-visible{outline:2px solid #f1c46e;outline-offset:4px;border-radius:6px}

/* Tăng độ rõ cho đoạn mở đầu */
.hero-lead{max-width:860px;text-shadow:0 1px 10px rgba(0,0,0,.28)}

@media(max-width:900px){
  .weather-chip{font-size:13px;gap:6px;margin-bottom:14px}
  .weather-chip span+span::before{margin-right:0}
  .hero-badges.hero-links{gap:10px 14px;margin-top:14px}
  .hero-badges.hero-links a{font-size:13px}
}

@media(max-width:700px){
  .weather-chip{display:grid!important;gap:4px}
  .weather-chip span+span::before{content:none}
  .hero-badges.hero-links{display:grid;gap:8px;margin-top:12px}
  .hero-badges.hero-links a{width:fit-content}
}


/* V33 — final polish: hero có hồn hơn, không khựng, không khung thừa */
.hero{
  min-height:min(860px, calc(100svh - 0px));
}
.hero-content{
  padding-top:clamp(150px,22vh,215px)!important;
  width:min(1180px,calc(100% - 56px));
}
.hero h1{
  max-width:820px;
  font-size:clamp(48px,6.4vw,98px)!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}
.hero h1::after{
  margin:20px 0 16px!important;
  width:min(650px,100%)!important;
}
.hero-lead{
  max-width:760px!important;
  font-size:clamp(16px,1.18vw,19px)!important;
  line-height:1.72!important;
}
.weather-chip{
  opacity:.94;
  text-shadow:0 2px 14px rgba(0,0,0,.28);
}
.weather-chip span:first-child{
  color:rgba(255,255,255,.82);
}
.eyebrow{
  letter-spacing:.24em;
}
.hero-badges.hero-links{
  margin-top:18px!important;
}
.hero-actions{
  margin-top:24px!important;
}
.hero-actions .btn{
  min-height:46px;
  padding-inline:22px;
}

/* Các card ảnh không chỉ để trang trí nữa */
.action-card{
  cursor:pointer;
}
.action-card:focus-visible{
  outline:3px solid #e8b34f;
  outline-offset:4px;
}
.action-card div::after{
  content:"Xem thêm →";
  display:block;
  margin-top:8px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,255,255,.78);
  font-weight:900;
}

/* Bớt cảm giác hoang sơ: thêm độ ấm, độ sâu, spacing rõ hơn */
.space-section,
.delivery-section,
.gallery-section,
.contact-section{
  background-color:#f4f0e7;
}
.intro{
  padding-top:104px!important;
  padding-bottom:104px!important;
}
.intro h2{
  max-width:920px;
}
.split-section{
  padding-top:118px!important;
  padding-bottom:118px!important;
}
.menu-section,
.experience-section{
  background:
    linear-gradient(180deg,rgba(4,33,39,.88),rgba(7,69,72,.84)),
    url("assets/sea/clear-water.webp") center/cover!important;
}
.menu-card div{
  background:linear-gradient(180deg,rgba(4,24,28,.76),rgba(4,24,28,.92))!important;
}
.dish-list div{
  background:rgba(255,255,255,.095)!important;
}
.delivery-grid article,
.contact-card{
  background:rgba(255,255,255,.92)!important;
}
.contact-card{
  border:1px solid rgba(23,54,54,.10);
}
.gallery-grid button{
  box-shadow:0 14px 34px rgba(7,38,43,.10);
}

/* Không còn parallax JS, nên không cần transform mặc định gây lệch ảnh */
.hero-media img{
  transform:none!important;
  will-change:auto!important;
}

/* Điện thoại: ưu tiên mượt hơn là hiệu ứng */
@media(max-width:900px){
  .hero{
    min-height:760px!important;
  }
  .hero-content{
    padding-top:140px!important;
    width:calc(100% - 32px)!important;
  }
  .hero h1{
    max-width:680px;
    font-size:clamp(42px,10vw,72px)!important;
    line-height:1.02!important;
  }
  .hero-lead{
    max-width:620px!important;
  }
  .hero-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr;
    max-width:520px;
  }
  .hero-actions .btn{
    width:100%;
  }
  .hero-badges.hero-links{
    display:flex!important;
  }
  .reveal-on-scroll{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}
@media(max-width:560px){
  .hero{
    min-height:720px!important;
  }
  .hero-content{
    padding-top:118px!important;
  }
  .hero h1{
    font-size:clamp(35px,10.5vw,52px)!important;
  }
  .hero-lead{
    font-size:15px!important;
    line-height:1.62!important;
  }
  .hero-actions{
    grid-template-columns:1fr!important;
    max-width:330px;
    gap:9px!important;
  }
  .hero-actions .btn{
    min-height:44px;
  }
  .hero-badges.hero-links{
    display:none!important;
  }
  .weather-chip{
    font-size:12px!important;
  }
  .intro,
  .space-section,
  .menu-section,
  .delivery-section,
  .experience-section,
  .gallery-section,
  .contact-section{
    padding-top:68px!important;
    padding-bottom:68px!important;
  }
}

/* Fix lỗi một số browser giữ style cũ */
.site-nav a::after,
.site-nav a:after{
  content:none!important;
  display:none!important;
}


/* V34 — Premium typography */
:root{
  --font-body:"Be Vietnam Pro","Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-ui:"Manrope","Be Vietnam Pro",system-ui,sans-serif;
  --font-display:"Cormorant Garamond",Georgia,"Times New Roman",serif;
}

body{
  font-family:var(--font-body)!important;
  font-weight:500;
  letter-spacing:-.012em;
}

.brand strong{
  font-family:var(--font-display)!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  font-size:clamp(34px,3.1vw,46px)!important;
}

.brand small,
.site-nav a,
.btn,
.weather-chip,
.hero-badges.hero-links a,
.eyebrow,
.dish-list,
.contact-list,
.delivery-grid{
  font-family:var(--font-ui)!important;
}

.site-nav a{
  font-weight:800!important;
  letter-spacing:.005em!important;
}

.eyebrow{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.28em!important;
}

.hero h1{
  font-family:var(--font-display)!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
  line-height:.9!important;
  text-transform:none!important;
  max-width:900px!important;
  text-wrap:balance;
}

.hero-lead{
  font-family:var(--font-body)!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
}

.intro h2,
.section-head h2,
.split-copy h2,
.contact-card h2{
  font-family:var(--font-display)!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.02!important;
}

.menu-card h3,
.delivery-grid h3,
.space-card strong{
  font-family:var(--font-display)!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

.dish-list strong,
.contact-list strong{
  font-weight:800!important;
}

.btn{
  font-weight:900!important;
  letter-spacing:.01em!important;
}

/* Nhìn sang hơn: heading mềm hơn, body dễ đọc hơn */
.section-head p,
.split-copy p,
.intro p:not(.eyebrow),
.delivery-grid p,
.contact-card p{
  font-weight:500!important;
  letter-spacing:-.008em!important;
}

/* Mobile: tránh chữ display quá to hoặc vỡ dòng xấu */
@media(max-width:900px){
  .brand strong{
    font-size:30px!important;
    letter-spacing:.12em!important;
  }
  .hero h1{
    line-height:.96!important;
    letter-spacing:-.018em!important;
  }
  .intro h2,
  .section-head h2,
  .split-copy h2,
  .contact-card h2{
    line-height:1.06!important;
  }
}

@media(max-width:560px){
  .brand strong{
    font-size:25px!important;
    letter-spacing:.10em!important;
  }
  .hero h1{
    font-size:clamp(40px,11.6vw,58px)!important;
    line-height:.98!important;
  }
  .eyebrow{
    letter-spacing:.18em!important;
  }
}


/* V35 — popup effect cho từng ô/chức năng, làm nhẹ để không lag điện thoại */
[data-pop]{
  position:relative;
  isolation:isolate;
}
[data-pop]::before,
[data-pop]::after{
  position:absolute;
  left:50%;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-50%,8px,0) scale(.96);
  transition:opacity .18s ease, transform .18s ease;
  z-index:40;
}
[data-pop]::before{
  content:attr(data-pop);
  bottom:calc(100% + 14px);
  min-width:210px;
  max-width:260px;
  padding:11px 13px;
  border-radius:14px;
  background:rgba(8,17,17,.94);
  color:#fff;
  box-shadow:0 18px 46px rgba(0,0,0,.22);
  font:800 12px/1.35 var(--font-ui,"Manrope",system-ui,sans-serif);
  text-align:center;
  letter-spacing:.01em;
}
[data-pop]::after{
  content:"";
  bottom:calc(100% + 6px);
  width:14px;
  height:14px;
  background:rgba(8,17,17,.94);
  transform:translate3d(-50%,8px,0) rotate(45deg) scale(.96);
  border-radius:2px;
}
[data-pop]:hover::before,
[data-pop]:focus-visible::before,
[data-pop].is-pop-active::before{
  opacity:1;
  transform:translate3d(-50%,0,0) scale(1);
}
[data-pop]:hover::after,
[data-pop]:focus-visible::after,
[data-pop].is-pop-active::after{
  opacity:1;
  transform:translate3d(-50%,0,0) rotate(45deg) scale(1);
}

/* Hero quick links pop mạnh hơn một chút */
.hero-badges.hero-links a{
  min-height:32px;
  border-radius:999px;
}
.hero-badges.hero-links a:hover{
  opacity:1!important;
  transform:translateY(-2px)!important;
}
.hero-badges.hero-links a::after{
  display:block!important;
}

/* Pop-up card effect cho các ô/card chức năng */
.action-card,
.delivery-grid article,
.dish-list div,
.contact-list a,
.gallery-grid button{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.action-card:hover,
.delivery-grid article:hover,
.dish-list div:hover,
.contact-list a:hover,
.gallery-grid button:hover{
  transform:translateY(-6px) scale(1.012);
  box-shadow:0 22px 54px rgba(7,38,43,.18);
}
.dish-list div:hover{
  background:rgba(255,255,255,.14)!important;
}
.contact-list a:hover{
  border-color:rgba(18,133,127,.28);
}

/* Entrance pop-in nhẹ khi cuộn tới */
.reveal-on-scroll.is-visible{
  animation:v35SoftPop .54s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes v35SoftPop{
  0%{transform:translate3d(0,18px,0) scale(.985)}
  70%{transform:translate3d(0,-2px,0) scale(1.006)}
  100%{transform:translate3d(0,0,0) scale(1)}
}

/* Tooltip trong header không bị cắt */
.site-header,
.site-nav{
  overflow:visible!important;
}

/* Mobile: vẫn có cảm giác pop khi chạm, nhưng tắt hover nặng */
@media(max-width:700px){
  [data-pop]::before,
  [data-pop]::after{
    display:none!important;
  }
  [data-pop].is-pop-active{
    transform:scale(.985);
  }
  .action-card:hover,
  .delivery-grid article:hover,
  .dish-list div:hover,
  .contact-list a:hover,
  .gallery-grid button:hover{
    transform:none!important;
    box-shadow:inherit;
  }
  .reveal-on-scroll.is-visible{
    animation:none!important;
  }
}


/* V36 — hiệu ứng popup nhìn thấy rõ hơn, không chỉ hover mờ */
.live-popover{
  position:absolute;
  z-index:9999;
  max-width:min(320px,calc(100vw - 28px));
  padding:12px 15px;
  border-radius:16px;
  background:rgba(8,17,17,.96);
  color:#fff;
  box-shadow:0 20px 60px rgba(0,0,0,.32);
  font:800 13px/1.4 var(--font-ui,"Manrope",system-ui,sans-serif);
  text-align:center;
  opacity:0;
  transform:translate3d(0,10px,0) scale(.96);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.live-popover.show{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}
.live-popover::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-7px;
  width:14px;
  height:14px;
  transform:translateX(-50%) rotate(45deg);
  background:rgba(8,17,17,.96);
  border-radius:3px;
}

/* Hiển thị các ô chức năng rõ hơn nhưng không bị thô */
.hero-badges.pop-functions{
  display:flex!important;
  gap:10px!important;
  margin-top:20px!important;
}
.hero-badges.pop-functions a{
  position:relative;
  padding:10px 14px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.16)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
  overflow:hidden;
}
.hero-badges.pop-functions a:hover,
.hero-badges.pop-functions a:focus-visible{
  background:rgba(255,255,255,.14)!important;
  transform:translateY(-4px) scale(1.03)!important;
}
.hero-badges.pop-functions a::before{
  color:#f4c665!important;
}

/* Ripple khi bấm/chạm vào chức năng */
.pop-target{
  position:relative;
  overflow:hidden;
  -webkit-tap-highlight-color:transparent;
}
.pop-target::after{
  content:"";
  position:absolute;
  left:var(--rx,50%);
  top:var(--ry,50%);
  width:16px;
  height:16px;
  border-radius:50%;
  background:rgba(255,255,255,.36);
  transform:translate(-50%,-50%) scale(0);
  opacity:0;
  pointer-events:none;
  z-index:3;
}
.pop-target.is-rippling::after{
  animation:v36Ripple .55s ease-out;
}
@keyframes v36Ripple{
  0%{transform:translate(-50%,-50%) scale(0);opacity:.55}
  100%{transform:translate(-50%,-50%) scale(18);opacity:0}
}

/* Pop-in rõ khi cuộn đến từng ô/card */
.v36-pop-reveal{
  opacity:0;
  transform:translate3d(0,34px,0) scale(.94);
  filter:blur(8px);
  transition:
    opacity .62s cubic-bezier(.2,.8,.2,1) var(--pop-delay,0ms),
    transform .62s cubic-bezier(.2,.8,.2,1) var(--pop-delay,0ms),
    filter .62s cubic-bezier(.2,.8,.2,1) var(--pop-delay,0ms);
}
.v36-pop-reveal.v36-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}

/* Hover nổi rõ trên desktop */
@media(hover:hover){
  .btn:hover,
  .action-card:hover,
  .delivery-grid article:hover,
  .dish-list div:hover,
  .contact-list a:hover,
  .gallery-grid button:hover,
  .food-row img:hover,
  .experience-grid figure:hover{
    transform:translateY(-7px) scale(1.018)!important;
    box-shadow:0 26px 70px rgba(7,38,43,.22)!important;
  }
}

/* Header tooltip CSS cũ dễ bị lẫn, ẩn pseudo để dùng live popover thật */
.site-nav [data-pop]::before,
.site-nav [data-pop]::after,
.hero-actions [data-pop]::before,
.hero-actions [data-pop]::after{
  display:none!important;
}

/* Mobile: vẫn thấy feedback khi chạm, nhưng không bật reveal blur để đỡ lag */
@media(max-width:700px){
  .live-popover{
    position:fixed;
    left:50%!important;
    top:auto!important;
    bottom:22px!important;
    transform:translate3d(-50%,12px,0) scale(.96);
    max-width:calc(100vw - 32px);
  }
  .live-popover.show{
    transform:translate3d(-50%,0,0) scale(1);
  }
  .live-popover::after{display:none}
  .hero-badges.pop-functions{
    display:grid!important;
    gap:8px!important;
  }
  .hero-badges.pop-functions a{
    width:max-content;
    max-width:100%;
    padding:8px 12px!important;
  }
  .v36-pop-reveal{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  .pop-target.is-rippling::after{
    animation:v36Ripple .45s ease-out;
  }
}


/* V37 — Smooth Motion: làm web mềm, mượt hơn thay vì pop cứng */
:root{
  --ease-soft:cubic-bezier(.22,.61,.36,1);
  --ease-smooth:cubic-bezier(.16,1,.3,1);
  --ease-liquid:cubic-bezier(.19,1,.22,1);
}

/* Cảm giác tổng thể mềm hơn */
html{
  scroll-behavior:smooth;
}
body{
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.site-header{
  transition:background .45s var(--ease-soft), box-shadow .45s var(--ease-soft);
}

/* Hero vào trang mượt hơn */
.hero-content{
  animation:v37HeroFloatIn 1.05s var(--ease-smooth) both;
}
.weather-chip{
  animation:v37FadeDown .9s var(--ease-smooth) .08s both;
}
.hero .eyebrow{
  animation:v37FadeDown .9s var(--ease-smooth) .16s both;
}
.hero h1{
  animation:v37TextRise 1.08s var(--ease-smooth) .22s both;
}
.hero-lead{
  animation:v37TextRise .95s var(--ease-smooth) .34s both;
}
.hero-badges,
.hero-actions{
  animation:v37SoftRise .95s var(--ease-smooth) .45s both;
}

@keyframes v37HeroFloatIn{
  from{opacity:.01;transform:translate3d(0,22px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes v37FadeDown{
  from{opacity:0;transform:translate3d(0,-12px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes v37TextRise{
  from{opacity:0;transform:translate3d(0,28px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes v37SoftRise{
  from{opacity:0;transform:translate3d(0,18px,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

/* Nút và link: chuyển động nhẹ, không giật */
.btn,
.nav-cta,
.hero-badges.pop-functions a,
.contact-list a,
.dish-list div,
.delivery-grid article,
.gallery-grid button,
.action-card,
.food-row img,
.experience-grid figure{
  transition:
    transform .55s var(--ease-liquid),
    box-shadow .55s var(--ease-liquid),
    background .45s var(--ease-soft),
    border-color .45s var(--ease-soft),
    opacity .45s var(--ease-soft),
    color .45s var(--ease-soft)!important;
}

/* Override V36 hover quá mạnh: đổi sang nổi mềm */
@media(hover:hover){
  .btn:hover,
  .nav-cta:hover,
  .hero-badges.pop-functions a:hover,
  .action-card:hover,
  .delivery-grid article:hover,
  .dish-list div:hover,
  .contact-list a:hover,
  .gallery-grid button:hover,
  .food-row img:hover,
  .experience-grid figure:hover{
    transform:translate3d(0,-4px,0) scale(1.006)!important;
    box-shadow:0 18px 46px rgba(7,38,43,.16)!important;
  }
}

/* Popup nổi mềm hơn, không bật kiểu cứng */
.live-popover{
  border-radius:18px!important;
  padding:13px 16px!important;
  background:rgba(7,18,19,.88)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 22px 70px rgba(0,0,0,.26)!important;
  opacity:0;
  transform:translate3d(0,14px,0) scale(.985)!important;
  transition:
    opacity .34s var(--ease-soft),
    transform .42s var(--ease-smooth)!important;
}
.live-popover.show{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
}
.live-popover::after{
  background:rgba(7,18,19,.88)!important;
}

/* Ripple nhẹ hơn */
.pop-target::after{
  background:rgba(255,255,255,.24)!important;
}
.pop-target.is-rippling::after{
  animation:v37Ripple .68s var(--ease-soft)!important;
}
@keyframes v37Ripple{
  0%{transform:translate(-50%,-50%) scale(0);opacity:.42}
  100%{transform:translate(-50%,-50%) scale(22);opacity:0}
}

/* Reveal mềm hơn, không blur quá gắt */
.v36-pop-reveal,
.reveal-on-scroll{
  opacity:0;
  transform:translate3d(0,30px,0) scale(.982)!important;
  filter:blur(3px)!important;
  transition:
    opacity .92s var(--ease-smooth) var(--pop-delay,var(--reveal-delay,0ms)),
    transform .92s var(--ease-smooth) var(--pop-delay,var(--reveal-delay,0ms)),
    filter .92s var(--ease-smooth) var(--pop-delay,var(--reveal-delay,0ms))!important;
}
.v36-pop-reveal.v36-visible,
.v36-pop-reveal.v37-visible,
.reveal-on-scroll.is-visible{
  opacity:1!important;
  transform:translate3d(0,0,0) scale(1)!important;
  filter:blur(0)!important;
  animation:none!important;
}

/* Ảnh mềm hơn khi hover */
.space-card img,
.gallery-grid img,
.experience-grid img,
.food-row img,
.menu-card img,
.split-image img{
  transition:transform 1.2s var(--ease-liquid), filter .8s var(--ease-soft)!important;
}
@media(hover:hover){
  .space-card:hover img,
  .gallery-grid button:hover img,
  .experience-grid figure:hover img,
  .menu-card:hover img,
  .split-image:hover img{
    transform:scale(1.035)!important;
    filter:saturate(1.03) contrast(1.02);
  }
}

/* Hero overlay bớt gắt, nhìn trôi hơn */
.hero-shade{
  background:
    linear-gradient(180deg,rgba(0,0,0,.10),rgba(0,0,0,.10) 30%,rgba(0,0,0,.38)),
    linear-gradient(90deg,rgba(0,0,0,.44),rgba(0,0,0,.14) 50%,rgba(0,0,0,.02))!important;
}

/* Dòng thời tiết và quick link mềm hơn */
.weather-chip{
  font-weight:650!important;
}
.hero-badges.pop-functions a{
  background:rgba(0,0,0,.10)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}
.hero-badges.pop-functions a:hover{
  background:rgba(255,255,255,.12)!important;
}

/* Section spacing mượt hơn */
section{
  scroll-margin-top:96px;
}
.intro,
.space-section,
.menu-section,
.delivery-section,
.experience-section,
.gallery-section,
.contact-section{
  position:relative;
}

/* Mobile: tắt motion nặng, giữ cảm giác mềm bằng opacity/spacing */
@media(max-width:700px){
  html{scroll-behavior:auto}
  .hero-content,
  .weather-chip,
  .hero .eyebrow,
  .hero h1,
  .hero-lead,
  .hero-badges,
  .hero-actions{
    animation:none!important;
  }
  .live-popover{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    transition:opacity .22s ease, transform .26s ease!important;
  }
  .btn,
  .nav-cta,
  .hero-badges.pop-functions a,
  .contact-list a,
  .dish-list div,
  .delivery-grid article,
  .gallery-grid button,
  .action-card,
  .food-row img,
  .experience-grid figure{
    transition:background .22s ease, opacity .22s ease, transform .22s ease!important;
  }
  .v36-pop-reveal,
  .reveal-on-scroll{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}

/* Tôn trọng người dùng giảm chuyển động */
@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* V38 — Popup riêng cho các chức năng trên thanh điều hướng */
.site-header,.site-nav{overflow:visible!important}
.site-nav .nav-pop{position:relative;isolation:isolate}
.site-nav .nav-pop:not(.nav-cta)::before{
  content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent,#e8b34f,transparent);
  opacity:0;transform:scaleX(.35);
  transition:opacity .34s var(--ease-soft,cubic-bezier(.22,.61,.36,1)),transform .42s var(--ease-smooth,cubic-bezier(.16,1,.3,1));
}
.site-nav .nav-pop:hover::before,.site-nav .nav-pop:focus-visible::before{opacity:1;transform:scaleX(1)}

@media(hover:hover) and (min-width:901px){
  .site-nav .nav-pop::after{
    content:attr(data-pop-title) "\A" attr(data-pop-desc) "\A" attr(data-pop-action) " →";
    white-space:pre-line;position:absolute;left:50%;top:calc(100% + 22px);width:292px;
    padding:18px 18px 16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;
    background:rgba(8,17,17,.90);color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.34);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    font:650 13px/1.5 var(--font-ui,"Manrope",system-ui,sans-serif);
    text-align:left;opacity:0;transform:translate3d(-50%,12px,0) scale(.96);
    pointer-events:none;z-index:1000;
    transition:opacity .28s var(--ease-soft,cubic-bezier(.22,.61,.36,1)),transform .38s var(--ease-smooth,cubic-bezier(.16,1,.3,1));
  }
  .site-nav .nav-pop:hover::after,.site-nav .nav-pop:focus-visible::after{
    opacity:1;transform:translate3d(-50%,0,0) scale(1);
  }
  .site-nav .nav-pop-cta::after{right:0;left:auto;transform:translate3d(0,12px,0) scale(.96)}
  .site-nav .nav-pop-cta:hover::after,.site-nav .nav-pop-cta:focus-visible::after{transform:translate3d(0,0,0) scale(1)}
}

.nav-live-popup{
  position:absolute;z-index:10000;width:min(318px,calc(100vw - 28px));
  padding:17px 18px 15px;border-radius:22px;background:rgba(8,17,17,.92);color:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  opacity:0;transform:translate3d(0,14px,0) scale(.97);pointer-events:none;
  transition:opacity .28s var(--ease-soft,cubic-bezier(.22,.61,.36,1)),transform .38s var(--ease-smooth,cubic-bezier(.16,1,.3,1));
}
.nav-live-popup.show{opacity:1;transform:translate3d(0,0,0) scale(1)}
.nav-live-popup strong{display:block;margin:0 0 7px;color:#f4c665;font:900 13px/1.2 var(--font-ui,"Manrope",system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.nav-live-popup p{margin:0 0 10px;color:rgba(255,255,255,.86);font:600 13px/1.55 var(--font-ui,"Manrope",system-ui,sans-serif)}
.nav-live-popup span{display:inline-flex;color:#fff;font:900 12px/1.2 var(--font-ui,"Manrope",system-ui,sans-serif)}
.nav-live-popup span::after{content:"→";margin-left:7px;color:#f4c665}

@media(max-width:900px){
  .site-nav .nav-pop::after,.site-nav .nav-pop::before{display:none!important}
  .nav-live-popup{
    position:fixed;left:16px!important;right:16px!important;top:auto!important;bottom:18px!important;
    width:auto;max-width:none;transform:translate3d(0,14px,0) scale(.98);
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
  .nav-live-popup.show{transform:translate3d(0,0,0) scale(1)}
}


/* V39 — xoá thanh gạch đen/trắng giữa tiêu đề hero và nội dung */
.hero h1::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  background:none!important;
}

/* Tạo khoảng thở bằng spacing thay vì gạch ngang */
.hero-lead{
  margin-top:22px!important;
}

/* Bỏ cảm giác các quick link là thanh/ô đen; để thành link chữ nhẹ hơn */
.hero-badges.pop-functions,
.hero-badges.hero-links{
  gap:16px 20px!important;
  margin-top:22px!important;
}

.hero-badges.pop-functions a,
.hero-badges.hero-links a{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  min-height:auto!important;
  color:rgba(255,255,255,.88)!important;
}

.hero-badges.pop-functions a:hover,
.hero-badges.hero-links a:hover{
  background:transparent!important;
  transform:translateY(-2px)!important;
  color:#fff!important;
}

.hero-badges.pop-functions a::before,
.hero-badges.hero-links a::before{
  color:#f4c665!important;
}

/* Nút chính vẫn giữ rõ, chỉ bỏ mảng đen thừa */
.hero-actions{
  margin-top:26px!important;
}

@media(max-width:700px){
  .hero-lead{
    margin-top:16px!important;
  }
  .hero-badges.pop-functions,
  .hero-badges.hero-links{
    display:none!important;
  }
}


/* V40 — fix 2 nút tròn gọi/Zalo trên điện thoại */
.floating-actions{
  position:fixed!important;
  right:max(18px, env(safe-area-inset-right))!important;
  bottom:calc(18px + env(safe-area-inset-bottom))!important;
  z-index:2147483000!important;
  display:grid!important;
  gap:12px!important;
  pointer-events:none!important;
  isolation:isolate!important;
}

.floating-actions a{
  pointer-events:auto!important;
  position:relative!important;
  z-index:2147483001!important;
  width:58px!important;
  height:58px!important;
  min-width:58px!important;
  min-height:58px!important;
  border-radius:999px!important;
  display:grid!important;
  place-items:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:transparent!important;
  user-select:none!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
  transform:translateZ(0)!important;
}

.floating-actions a span{
  pointer-events:none!important;
  display:block!important;
  font-weight:900!important;
  line-height:1!important;
}

.floating-call{
  background:#e8b34f!important;
  color:#102326!important;
  font-size:21px!important;
}

.floating-zalo{
  background:#0b73ff!important;
  color:#fff!important;
  font-size:12px!important;
  letter-spacing:.01em!important;
}

.floating-actions a:active{
  transform:translateZ(0) scale(.94)!important;
}

/* Đảm bảo popup/hero/overlay không đè lên 2 nút tròn */
.hero,
.hero-media,
.hero-shade,
.hero-content,
.live-popover,
.nav-live-popup{
  pointer-events:auto;
}
.hero-media,
.hero-shade,
.hero::before,
.hero::after{
  pointer-events:none!important;
}
.live-popover,
.nav-live-popup{
  z-index:2147482000!important;
}

/* Mobile: đưa 2 nút vào vùng dễ chạm, tránh sát mép và tránh thanh trình duyệt */
@media(max-width:700px){
  .floating-actions{
    right:14px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    gap:10px!important;
  }
  .floating-actions a{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    min-height:54px!important;
  }
  .floating-call{
    font-size:20px!important;
  }
  .floating-zalo{
    font-size:11px!important;
  }
}

/* Nếu trình duyệt mobile đang có thanh công cụ bên phải, vẫn giữ nút nằm trong vùng bấm an toàn */
@media(max-width:430px){
  .floating-actions{
    right:12px!important;
  }
  .floating-actions a{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
  }
}


/* V41 — premium ending section */
.contact-section{
  position:relative;
  overflow:hidden;
  padding:108px 24px 120px;
  background:
    radial-gradient(circle at 14% 18%, rgba(232,179,79,.18), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(23,123,125,.18), transparent 28%),
    linear-gradient(180deg, rgba(7,18,21,.92), rgba(9,28,33,.92)),
    url("assets/sea/aerial-wide.webp") center/cover;
}
.contact-section::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:120px;
  background:linear-gradient(180deg, rgba(9,28,33,0), rgba(9,28,33,.65));
  pointer-events:none;
}
.premium-contact-card{
  position:relative;
  width:min(var(--container),100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:34px;
  padding:34px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,255,255,.84));
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 30px 80px rgba(0,0,0,.18);
  backdrop-filter: blur(10px);
}
.contact-copy{
  display:grid;
  gap:18px;
  align-content:start;
}
.contact-copy .eyebrow{color:#d3a64b;letter-spacing:.18em}
.contact-copy h2{
  font-size:clamp(36px,4vw,58px);
  line-height:1.03;
  color:#112428;
  max-width:11ch;
}
.contact-lead{
  max-width:58ch;
  color:#4a5f62;
  font-size:17px;
  line-height:1.85;
}
.contact-meta-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.contact-meta-card{
  padding:18px 18px 16px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(248,249,247,.96), rgba(255,255,255,.82));
  border:1px solid rgba(17,36,40,.08);
  box-shadow:0 10px 26px rgba(10,28,33,.06);
}
.contact-meta-card strong{
  display:block;
  margin:8px 0 10px;
  font-size:17px;
  color:#102528;
}
.contact-meta-card p{
  margin:0;
  color:#5f6f71;
  line-height:1.7;
  font-size:14px;
}
.contact-meta-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#177b7d;
}
.contact-meta-label::before{
  content:"";
  width:26px;
  height:1px;
  background:rgba(23,123,125,.55);
}
.contact-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  padding-top:6px;
}
.contact-cta-main,
.contact-cta-ghost{
  min-height:52px;
  border-radius:999px;
  padding:0 24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}
.contact-cta-main{
  background:linear-gradient(135deg, #e8b34f, #f3c86d);
  color:#122326;
  box-shadow:0 14px 28px rgba(232,179,79,.26);
}
.contact-cta-ghost{
  background:rgba(16,37,40,.05);
  color:#123036;
  border:1px solid rgba(16,37,40,.12);
}
.contact-cta-main:hover,.contact-cta-ghost:hover{transform:translateY(-2px)}
.premium-contact-list{
  display:grid;
  gap:14px;
  align-content:start;
}
.contact-item{
  display:grid;
  grid-template-columns:52px 1fr;
  gap:14px;
  align-items:start;
  padding:18px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(246,248,248,.86));
  border:1px solid rgba(17,36,40,.08);
  text-decoration:none;
  color:inherit;
  box-shadow:0 12px 30px rgba(10,28,33,.06);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.contact-item:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 38px rgba(10,28,33,.1);
  border-color:rgba(23,123,125,.18);
}
.contact-item-main{
  background:linear-gradient(135deg, rgba(13,35,38,.98), rgba(21,58,62,.94));
  color:#f7f5ef;
}
.contact-item-main em,
.contact-item-main small{color:rgba(255,255,255,.72)}
.contact-item-main strong{color:#fff}
.contact-icon{
  width:52px;
  height:52px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:18px;
  color:#0f2a2e;
  background:linear-gradient(135deg, rgba(232,179,79,.9), rgba(255,238,199,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}
.contact-item-copy{display:grid;gap:6px}
.contact-item-copy em{
  font-style:normal;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:#177b7d;
}
.contact-item-copy strong{
  font-size:23px;
  line-height:1.15;
  color:#102528;
}
.contact-item-copy small{
  color:#617174;
  line-height:1.6;
  font-size:13px;
}
.premium-footer{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:end;
  padding:32px clamp(22px,4vw,64px) calc(32px + env(safe-area-inset-bottom));
  background:linear-gradient(180deg, #081114, #0d1618);
  color:rgba(255,255,255,.78);
  border-top:1px solid rgba(255,255,255,.06);
}
.premium-footer strong{
  display:block;
  margin-bottom:6px;
  font-family:"Cormorant Garamond", serif;
  font-size:26px;
  letter-spacing:.04em;
  color:#fff;
}
.premium-footer p{
  margin:0;
  max-width:56ch;
  line-height:1.7;
  color:rgba(255,255,255,.58);
}
.footer-meta{
  display:grid;
  gap:6px;
  justify-items:end;
  text-align:right;
  font-size:14px;
}
@media (max-width: 980px){
  .premium-contact-card{grid-template-columns:1fr;padding:26px;gap:22px}
  .contact-copy h2{max-width:none}
}
@media (max-width: 720px){
  .contact-section{padding:76px 16px 90px}
  .premium-contact-card{border-radius:24px;padding:20px}
  .contact-copy{gap:14px}
  .contact-copy h2{font-size:34px;line-height:1.08}
  .contact-lead{font-size:15px;line-height:1.72}
  .contact-meta-grid{grid-template-columns:1fr}
  .contact-item{grid-template-columns:44px 1fr;padding:16px;border-radius:20px}
  .contact-icon{width:44px;height:44px;border-radius:14px;font-size:16px}
  .contact-item-copy strong{font-size:20px}
  .contact-cta-row{display:grid;grid-template-columns:1fr 1fr}
  .contact-cta-main,.contact-cta-ghost{min-height:48px;padding:0 16px}
  .premium-footer{grid-template-columns:1fr;align-items:start}
  .footer-meta{justify-items:start;text-align:left}
}
@media (max-width: 420px){
  .contact-cta-row{grid-template-columns:1fr}
}


/* V42 — ổn định giao diện khi asset lỗi/fallback */
img[data-fallback-applied="true"]{
  object-fit:cover;
  background:linear-gradient(135deg, rgba(15,86,88,.18), rgba(232,179,79,.18));
}
.gallery-grid button,
.space-card,
.experience-grid figure{
  background:#102b2f;
}


/* V43 — Functional cleanup: tránh overlay/popup cũ chặn bấm */
.hero-media,
.hero-shade,
.hero::before,
.hero::after,
.space-card::after,
.gallery-grid button::after{
  pointer-events:none!important;
}

.site-header,
.site-nav,
.hero-content,
.hero-actions,
.hero-badges,
.floating-actions,
.contact-section,
.contact-card,
.lightbox{
  pointer-events:auto!important;
}

a,
button,
.btn,
.nav-toggle,
.language-switch button,
.gallery-grid button,
.contact-item,
.floating-actions a{
  pointer-events:auto!important;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:rgba(232,179,79,.22);
}

.space-card{
  display:block!important;
  color:inherit!important;
  text-decoration:none!important;
  outline-offset:4px;
}

.space-card:focus-visible,
a:focus-visible,
button:focus-visible{
  outline:3px solid rgba(232,179,79,.95);
  outline-offset:4px;
}

.nav-live-popup,
.live-popover{
  display:none!important;
  pointer-events:none!important;
}

/* Popups cũ chỉ giữ hover CSS nếu không chặn click; mobile tắt hoàn toàn */
@media(max-width:900px){
  .site-nav .nav-pop::after,
  .site-nav .nav-pop::before,
  [data-pop]::before,
  [data-pop]::after{
    display:none!important;
  }
}

/* Tắt các ripple layer cũ để không tạo pseudo phủ lên nút */
.pop-target::after,
.pop-target::before{
  display:none!important;
}

/* Nút nổi luôn ở lớp cao nhất */
.floating-actions{
  z-index:2147483000!important;
  pointer-events:none!important;
}
.floating-actions a{
  pointer-events:auto!important;
  z-index:2147483001!important;
}

/* Reveal đơn giản, không blur nặng */
.reveal-on-scroll{
  opacity:0;
  transform:translate3d(0,22px,0);
  transition:opacity .55s cubic-bezier(.22,.61,.36,1), transform .55s cubic-bezier(.22,.61,.36,1);
}
.reveal-on-scroll.is-visible{
  opacity:1!important;
  transform:none!important;
}

@media(max-width:700px){
  .reveal-on-scroll{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* V44 — Zalo button reliability */
[data-zalo-link],
.zalo-action,
.floating-zalo{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  position:relative;
  z-index:2147483002!important;
  -webkit-tap-highlight-color:rgba(11,115,255,.22);
}

.floating-actions .floating-zalo{
  pointer-events:auto!important;
  isolation:isolate;
}

.zalo-action:focus-visible,
.floating-zalo:focus-visible{
  outline:3px solid rgba(11,115,255,.72);
  outline-offset:4px;
}

@media(max-width:700px){
  .floating-actions .floating-zalo{
    transform:translateZ(0);
  }
}


/* V46 — Smooth performance pass, giữ nguyên SEO/Google files */
html{scroll-behavior:smooth}

section,.intro,.split-section,.menu-section,.delivery-section,.experience-section,.gallery-section,.contact-section{
  content-visibility:auto;
  contain-intrinsic-size:1px 900px;
}
.hero,.site-header{
  content-visibility:visible;
  contain-intrinsic-size:auto;
}
img{
  transform:translateZ(0);
  backface-visibility:hidden;
}
.site-header,.floating-actions{
  transform:translateZ(0);
  will-change:transform;
}

/* Animation nhẹ hơn: bỏ blur vì gây lag rõ trên mobile */
.reveal-on-scroll{
  opacity:0;
  transform:translate3d(0,18px,0);
  filter:none!important;
  transition:
    opacity .48s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),
    transform .48s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms)!important;
}
.reveal-on-scroll.is-visible{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
}

/* Hover nhẹ, không scale quá nhiều để tránh giật hình */
.btn,.space-card,.contact-item,.gallery-grid button,.delivery-grid article,.dish-list > div{
  transition:
    transform .22s cubic-bezier(.22,.61,.36,1),
    box-shadow .22s cubic-bezier(.22,.61,.36,1),
    opacity .22s cubic-bezier(.22,.61,.36,1)!important;
}
.btn:hover,.space-card:hover,.contact-item:hover,.gallery-grid button:hover,.delivery-grid article:hover,.dish-list > div:hover{
  transform:translate3d(0,-2px,0)!important;
}

/* Giảm repaint từ shadow quá nặng */
.space-card,.menu-card,.contact-card,.contact-item,.delivery-grid article,.dish-list > div{
  box-shadow:0 14px 34px rgba(10,28,33,.08)!important;
}

.live-popover,.nav-live-popup,[data-pop]::before,[data-pop]::after{
  pointer-events:none!important;
}

@media(max-width:900px){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.001ms!important;
    animation-iteration-count:1!important;
    scroll-behavior:auto!important;
  }
  section,.intro,.split-section,.menu-section,.delivery-section,.experience-section,.gallery-section,.contact-section{
    content-visibility:visible;
    contain-intrinsic-size:auto;
  }
  .reveal-on-scroll,.reveal-on-scroll.is-visible,.v36-pop,.v37-visible,.is-visible{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
  .site-header,.contact-card,.premium-contact-card,.nav-toggle,.floating-actions a,.weather-chip{
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .space-card,.menu-card,.contact-card,.contact-item,.delivery-grid article,.dish-list > div,.gallery-grid button{
    box-shadow:0 8px 22px rgba(10,28,33,.08)!important;
  }
  .btn:hover,.space-card:hover,.contact-item:hover,.gallery-grid button:hover,.delivery-grid article:hover,.dish-list > div:hover{
    transform:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* V47 — No-lag desktop pass, vẫn giữ Google verification/sitemap */
html{
  scroll-behavior:auto!important;
}

/* content-visibility có thể gây khựng khi section vừa vào màn hình; tắt để scroll ổn định hơn */
section,
.intro,
.split-section,
.menu-section,
.delivery-section,
.experience-section,
.gallery-section,
.contact-section{
  content-visibility:visible!important;
  contain-intrinsic-size:auto!important;
}

/* Bỏ animation/reveal khi cuộn — ưu tiên mượt, không giật */
.reveal-on-scroll,
.reveal-on-scroll.is-visible,
.v36-pop,
.v36-visible,
.v37-visible,
.is-visible,
.hero-content,
.hero-kicker,
.hero h1,
.hero-lead,
.hero-actions,
.hero-badges{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
  transition:none!important;
}

/* Tắt blur/backdrop-filter toàn trang vì đây là nguyên nhân hay gây lag trên Chrome desktop/Mac */
*,
*::before,
*::after{
  animation-duration:.001ms!important;
  animation-iteration-count:1!important;
}
.site-header,
.weather-chip,
.contact-card,
.premium-contact-card,
.nav-toggle,
.floating-actions a,
.nav-live-popup,
.live-popover{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Giảm transform/scale hover để không repaint ảnh lớn */
.btn,
.space-card,
.contact-item,
.gallery-grid button,
.delivery-grid article,
.dish-list > div,
.menu-card,
.experience-grid figure{
  will-change:auto!important;
  transition:box-shadow .14s ease, opacity .14s ease, background .14s ease!important;
}
.btn:hover,
.space-card:hover,
.contact-item:hover,
.gallery-grid button:hover,
.delivery-grid article:hover,
.dish-list > div:hover,
.menu-card:hover,
.experience-grid figure:hover{
  transform:none!important;
}

/* Shadow nhẹ hơn để kéo trang không khựng */
.space-card,
.menu-card,
.contact-card,
.premium-contact-card,
.contact-item,
.delivery-grid article,
.dish-list > div,
.gallery-grid button,
.floating-actions a{
  box-shadow:0 8px 22px rgba(10,28,33,.07)!important;
}

/* Không cho pseudo/tooltip cũ render thêm lớp thừa */
.live-popover,
.nav-live-popup,
[data-pop]::before,
[data-pop]::after,
.pop-target::before,
.pop-target::after{
  display:none!important;
  pointer-events:none!important;
}

/* Ảnh giữ ổn định, không scale/blur khi hover */
img,
.gallery-grid img,
.experience-grid img,
.space-card img,
.food-row img{
  transform:none!important;
  filter:none!important;
  transition:none!important;
  backface-visibility:hidden;
}

/* Header và nút nổi vẫn bấm được, nhưng không ép layer quá nhiều */
.site-header,
.floating-actions{
  will-change:auto!important;
  transform:none!important;
}

/* Mobile giữ trạng thái siêu nhẹ */
@media(max-width:900px){
  *,
  *::before,
  *::after{
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important;
  }

  .site-nav{
    transition:opacity .12s ease!important;
  }

  .floating-actions a:active,
  .btn:active,
  .contact-item:active{
    transform:scale(.98)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,
  *::before,
  *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* V48 — Balanced motion: có hiệu ứng lại nhưng không nặng như trước */
@media(min-width:901px){
  html{scroll-behavior:smooth!important}

  .btn,.nav-cta,.hero-badges a,.space-card,.contact-item,.gallery-grid button,.delivery-grid article,.dish-list > div,.menu-card,.experience-grid figure,.contact-cta-main,.contact-cta-ghost{
    transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s cubic-bezier(.22,.61,.36,1),background .26s cubic-bezier(.22,.61,.36,1),opacity .26s cubic-bezier(.22,.61,.36,1)!important;
  }

  .btn:hover,.nav-cta:hover,.hero-badges a:hover,.contact-cta-main:hover,.contact-cta-ghost:hover{
    transform:translate3d(0,-2px,0)!important;
    box-shadow:0 12px 28px rgba(10,28,33,.12)!important;
  }

  .space-card:hover,.contact-item:hover,.gallery-grid button:hover,.delivery-grid article:hover,.dish-list > div:hover,.menu-card:hover,.experience-grid figure:hover{
    transform:translate3d(0,-3px,0)!important;
    box-shadow:0 16px 34px rgba(10,28,33,.12)!important;
  }

  .balanced-reveal{
    opacity:0!important;
    transform:translate3d(0,18px,0)!important;
    transition:opacity .58s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms),transform .58s cubic-bezier(.22,.61,.36,1) var(--reveal-delay,0ms)!important;
    animation:none!important;
    filter:none!important;
  }

  .balanced-reveal.is-visible{
    opacity:1!important;
    transform:none!important;
  }

  .hero .eyebrow,.hero h1,.hero-lead,.hero-actions,.hero-badges{
    animation:heroSoftIn .72s cubic-bezier(.22,.61,.36,1) both!important;
  }
  .hero h1{animation-delay:.06s!important}
  .hero-lead{animation-delay:.12s!important}
  .hero-actions{animation-delay:.18s!important}
  .hero-badges{animation-delay:.22s!important}

  @keyframes heroSoftIn{
    from{opacity:0;transform:translate3d(0,16px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }

  .site-nav .nav-pop::after{
    content:attr(data-pop-title) "\A" attr(data-pop-desc) "\A" attr(data-pop-action) " →"!important;
    display:block!important;
    white-space:pre-line!important;
    position:absolute!important;
    left:50%!important;
    top:calc(100% + 18px)!important;
    width:286px!important;
    padding:16px 17px 15px!important;
    border-radius:20px!important;
    background:rgba(8,17,17,.94)!important;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.22)!important;
    font:650 13px/1.5 var(--font-ui,"Manrope",system-ui,sans-serif)!important;
    text-align:left!important;
    opacity:0!important;
    transform:translate3d(-50%,8px,0) scale(.98)!important;
    pointer-events:none!important;
    z-index:1000!important;
    transition:opacity .18s ease, transform .22s cubic-bezier(.22,.61,.36,1)!important;
  }
  .site-nav .nav-pop:hover::after,.site-nav .nav-pop:focus-visible::after{
    opacity:1!important;
    transform:translate3d(-50%,0,0) scale(1)!important;
  }
  .site-nav .nav-pop-cta::after{
    left:auto!important;
    right:0!important;
    transform:translate3d(0,8px,0) scale(.98)!important;
  }
  .site-nav .nav-pop-cta:hover::after,.site-nav .nav-pop-cta:focus-visible::after{
    transform:translate3d(0,0,0) scale(1)!important;
  }

  .site-nav .nav-pop:not(.nav-cta)::before{
    display:block!important;
    content:""!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:-10px!important;
    height:2px!important;
    border-radius:999px!important;
    background:linear-gradient(90deg,transparent,#e8b34f,transparent)!important;
    opacity:0!important;
    transform:scaleX(.35)!important;
    transition:opacity .2s ease, transform .26s cubic-bezier(.22,.61,.36,1)!important;
  }
  .site-nav .nav-pop:hover::before,.site-nav .nav-pop:focus-visible::before{
    opacity:1!important;
    transform:scaleX(1)!important;
  }
}

@media(max-width:900px){
  .balanced-reveal,.balanced-reveal.is-visible{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }

  .site-nav .nav-pop::before,.site-nav .nav-pop::after{
    display:none!important;
  }

  .btn:active,.nav-cta:active,.contact-item:active,.floating-actions a:active,.hero-badges a:active{
    transform:scale(.98)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .balanced-reveal,.hero .eyebrow,.hero h1,.hero-lead,.hero-actions,.hero-badges{
    animation:none!important;
    transition:none!important;
    opacity:1!important;
    transform:none!important;
  }
}


/* V60 SAFE PATCH — giữ nguyên giao diện V56.
   Chỉ sửa nút VI/EN trên menu mobile bị kéo dài do grid stretch. */
@media (max-width: 980px){
  .site-nav .language-switch,
  .language-switch{
    display:inline-flex!important;
    width:max-content!important;
    max-width:max-content!important;
    min-width:0!important;
    justify-self:start!important;
    align-self:flex-start!important;
    place-self:start!important;
    margin:12px 0 8px!important;
    flex:0 0 auto!important;
  }
  .language-switch button{
    width:auto!important;
    min-width:38px!important;
    max-width:none!important;
    padding:0 10px!important;
    flex:0 0 auto!important;
  }
}
@media (max-width: 560px){
  .site-nav .language-switch,
  .language-switch{
    width:max-content!important;
    max-width:calc(100vw - 44px)!important;
  }
}