/* CSS bo sung cuc bo: luoi danh sach + form + nut lien he noi (template goc dung slider) */
.hidden-seo{position:absolute;left:-9999px;top:-9999px}
.list-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.list-grid.news-grid{grid-template-columns:repeat(3,1fr)}
.list-grid.small{grid-template-columns:repeat(3,1fr)}
@media(max-width:991px){.list-grid{grid-template-columns:repeat(2,1fr)}.list-grid.news-grid,.list-grid.small{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){.list-grid,.list-grid.news-grid,.list-grid.small{grid-template-columns:1fr}}
.wrap-page{padding-top:25px;padding-bottom:50px}
.detail-address,.detail-date{color:#E83700;font-weight:600}
.booking-msg{color:#2e7d32;min-height:22px;margin:10px 0}
#bookingModal .contact-input{margin-bottom:12px}
#bookingModal .invalid-feedback{display:none}
.local-ok{background:#e6f4ea;color:#155724;padding:12px 16px;border-radius:8px}
.local-form{display:flex;flex-direction:column;gap:12px;max-width:560px}
.local-form input,.local-form textarea{padding:11px 13px;border:1px solid #444;border-radius:8px;background:transparent;color:inherit}
.local-form button{background:#E83700;color:#fff;border:none;padding:12px;border-radius:8px;font-weight:700;cursor:pointer}
.local-map iframe{width:100%;height:340px;border:0;border-radius:12px;margin-top:22px}
.float-contact{position:fixed;right:14px;bottom:14px;z-index:999;display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.float-contact a{padding:7px 13px;border-radius:30px;font-weight:600;font-size:13px;color:#fff;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.35);opacity:.92}
.fc-hotline{background:#b3001b}.fc-zalo{background:#0068ff}.fc-msg{background:#a033ff}.fc-maps{background:#2e7d32}
#hamburger{cursor:pointer;font-size:22px;color:#fff}
.tt_info h3 a{color:inherit}

.album-page .album-grid{position:static;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.album-page .album-img{position:static}
.album-page .album-img img{height:220px;object-fit:cover;width:100%}
@media(max-width:767px){.album-page .album-grid{grid-template-columns:repeat(2,1fr)}}
.tt_info .date{color:#E83700;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:8px}
/* Fix chong section: template goc dung margin am keo section len (album -210px, vi-sao -150px)
   khien album de len the QR va tieu de Why de len slider TikTok -> dua ve 0 cho tach bach */
.vi-sao{margin-top:0}
.album{margin-top:0}

/* ===== Giao dien dien thoai (<=991px) =====
   Template goc an .slide_info tren mobile va dung header mobile rieng;
   o day hien lai chu hero voi co chu vua man hinh + nut lien he gon lai */
@media (max-width: 991px) {
  .slide-wrap{margin-top:0}
  .video-slider{aspect-ratio:auto;height:62svh;min-height:380px}
  .slide_info{display:flex;width:92%;gap:8px}
  .slide_info h2{font-size:44px;line-height:1.05}
  .slide_info h4{font-size:15px;letter-spacing:2px}
  .slide_info p{font-size:13px;line-height:1.55;margin:0}
  .slide_btn{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
  .slideBtn1,.slideBtn2{font-size:13px;padding:10px 18px}
  .menu .wrap-content{height:96px}
  .header__logo img{max-height:76px;width:auto}
  .float-contact{right:10px;bottom:10px;gap:6px}
  .float-contact a{font-size:11px;padding:6px 11px}
  .title-main2 h2,.title-about h2{font-size:30px}
  .footer__heading{font-size:26px}
}

/* --- Google Translate: an banner day trang + hop thoai --- */
.goog-te-banner-frame.skiptranslate { display: none !important; }
body { top: 0 !important; }
#goog-gt-tt, .goog-te-balloon-frame { display: none !important; }
.goog-text-highlight { background-color: transparent !important; box-shadow: none !important; }
.goog-te-gadget { font-size: 0 !important; }

/* --- Nut X dong menu mobile: co dinh goc phai tren cua panel menu --- */
#menu { position: fixed; }
#close-menu { position: absolute; top: 6px; right: 14px; z-index: 60; font-size: 30px; line-height: 1; color: #fff; cursor: pointer; padding: 6px 10px; }

/* --- Hero: lop phu den gradient nhe tren clip, duoi chu (mo dan tren -> duoi) --- */
.slide-wrap { isolation: isolate; }
.video-slider { position: relative; z-index: 0; }
.slide-wrap::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to bottom, rgba(0,0,0,.16) 0%, rgba(0,0,0,0) 32%, rgba(0,0,0,.20) 66%, rgba(0,0,0,.46) 100%); }
.slide_info { z-index: 2; }