/* Thay icon FontAwesome bang SVG inline (data:image/svg+xml).
   Khong phu thuoc font, khong phu thuoc cache, hien o moi trinh duyet. */

.fa, .fas, .far, .fab {
  display: inline-block !important;
  font-family: inherit !important;
  font-style: normal !important;
  text-rendering: auto;
  vertical-align: middle;
  line-height: 1;
}
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HMFCT5RXM0"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config','G-HMFCT5RXM0');</script>
/* Bo content cua glyph FA gay ra o vuong */
.fa::before, .fas::before, .far::before, .fab::before {
  content: "" !important;
  display: inline-block;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  vertical-align: middle;
}

/* SVG inline cho tung icon. Mau lay theo currentColor de duoc anh huong boi color cua phan tu */
.fa-phone::before, .fa-phone-alt::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1 .6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z'/></svg>");
}

.fa-headphones::before, .fa-headphones-alt::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='M256 32C114.52 32 0 146.496 0 288v48a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32V224a32 32 0 0 0-32-32H64.064C72.43 124.96 165.71 64 256 64s183.57 60.96 191.94 128H416a32 32 0 0 0-32 32v112a32 32 0 0 0 32 32h64a32 32 0 0 0 32-32v-48C512 146.496 397.48 32 256 32z'/></svg>");
}

.fa-search::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/></svg>");
}

.fa-thumbs-up::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='M104 224H24c-13.3 0-24 10.7-24 24v240c0 13.3 10.7 24 24 24h80c13.3 0 24-10.7 24-24V248c0-13.3-10.7-24-24-24zM64 472c-13.3 0-24-10.7-24-24s10.7-24 24-24 24 10.7 24 24-10.7 24-24 24zM384 81.5c0 42.4-25.9 66.1-33.2 94.5h101.1c33.7 0 60 28 60.1 58.7.1 17.7-7.4 36.7-19.4 48.4l-.1.1c9.9 23.5 8.3 56.4-9.1 79.5 8.6 25.6.1 57.1-16.1 73.8 4.3 17.5.2 32.4-7.9 43.2C440.6 511.7 405 512 374.9 512l-2-.1c-33.9 0-61.6-12.4-83.9-22.2-11.2-5-25.9-11.2-37-11.4-4.6-.1-8.3-3.8-8.3-8.4V247.7c0-2.3.9-4.4 2.5-6 35.7-35.3 51.1-72.7 80.6-102.3 13.5-13.5 18.4-33.9 23.1-53.6 4-16.8 12.4-50.8 27.8-50.8 17.7 0 50.3 7.1 50.3 64v-17.5z'/></svg>");
}

.fa-truck::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='currentColor'><path d='M624 352h-16V243.9c0-12.7-5.1-24.9-14.1-33.9L494 110.1c-9-9-21.2-14.1-33.9-14.1H416V48c0-26.5-21.5-48-48-48H48C21.5 0 0 21.5 0 48v320c0 26.5 21.5 48 48 48h16c0 53 43 96 96 96s96-43 96-96h128c0 53 43 96 96 96s96-43 96-96h48c8.8 0 16-7.2 16-16v-32c0-8.8-7.2-16-16-16zM160 464c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm320 0c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm80-208H416V144h44.1l99.9 99.9V256z'/></svg>");
}

.fa-money-bill-alt::before, .fa-money-bill::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='currentColor'><path d='M608 64H32C14.33 64 0 78.33 0 96v320c0 17.67 14.33 32 32 32h576c17.67 0 32-14.33 32-32V96c0-17.67-14.33-32-32-32zM48 400v-64c35.35 0 64 28.65 64 64H48zm0-208v-64h64c0 35.35-28.65 64-64 64zm272 160c-44.18 0-80-42.99-80-96s35.82-96 80-96 80 42.99 80 96-35.82 96-80 96zm272 48h-64c0-35.35 28.65-64 64-64v64zm0-208c-35.35 0-64-28.65-64-64h64v64z'/></svg>");
}

.fa-recycle::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='M184.561 261.903c3.232 13.602-3.5 27.608-15.957 33.804l-13.272 7.997c19.12 31.45 50.075 54.971 86.66 64.65 14.123 3.737 24.964 15.027 28.182 29.295l8.59 38.119c1.057 4.692-3.116 8.962-7.846 7.864-101.213-23.51-184.59-104.87-203.65-205.952-.834-4.45 2.747-8.52 7.265-8.252l21.957 1.305c11.99.583 22.34-7.1 25.193-19.227l30.345-3.6 24.9 13.55 7.633 26.097z'/><path d='M257.78 67.45c39.53 1.86 75.42 18.83 101.81 47.08l-19.69 11.94c-12.20 7.40-13.10 25.14-1.66 33.85l79.13 60.40c4.82 3.68 11.79 1.05 13.05-4.93l20.70-98.05c2.99-14.12-12.06-25.41-24.41-18.30l-21.62 12.51c-39.62-46.01-94.15-77.47-156.55-87.59-4.51-.73-8.50 3.23-8.06 7.79l1.85 18.53c2.41 23.96 16.92 38.40 37.85 39.06zm208.92 192.55l-20.91-1.43c-19.31-1.32-37.18 14.30-39.58 33.50l-1.78 14.21c-3.45 27.55-19.14 51.57-43.05 65.81-26.20 15.61-58.20 17.35-85.66 4.66l-22.79 30.28c-3.06 4.06-2.05 9.86 2.30 12.88 60.92 42.36 142.8 39.50 200.14-7.20 33.65-27.41 53.65-65.85 56.21-108.18.42-7.04 4.74-11.67 11.10-11.66 8.78.02 18.5-12.22 18.5-22.50v-1.74c0-5.42-4.41-9.81-9.84-9.79l-64.96.07c-2.10.00-2.49-3.43-.39-3.46.13-.00 1.16.55 1.43.94l-.71-.49z'/></svg>");
}

.fa-user-cog::before, .fa-cog::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='M487.4 315.7l-42.6-24.6c4.3-23.2 4.3-47 0-70.2l42.6-24.6c4.9-2.8 7.1-8.6 5.5-14-11.1-35.6-30-67.8-54.7-94.6-3.8-4.1-10-5.1-14.8-2.3l-42.6 24.6c-17.9-15.4-38.5-27.3-60.8-35.1V25.8c0-5.6-3.9-10.5-9.4-11.7-36.7-8.2-74.3-7.8-109.2 0-5.5 1.2-9.4 6.1-9.4 11.7v49c-22.2 7.9-42.8 19.8-60.8 35.1L88.7 85.5c-4.9-2.8-11-1.9-14.8 2.3-24.7 26.7-43.6 58.9-54.7 94.6-1.7 5.4.6 11.2 5.5 14L67.3 221c-4.3 23.2-4.3 47 0 70.2l-42.6 24.6c-4.9 2.8-7.1 8.6-5.5 14 11.1 35.6 30 67.8 54.7 94.6 3.8 4.1 10 5.1 14.8 2.3l42.6-24.6c17.9 15.4 38.5 27.3 60.8 35.1v49.2c0 5.6 3.9 10.5 9.4 11.7 36.7 8.2 74.3 7.8 109.2 0 5.5-1.2 9.4-6.1 9.4-11.7v-49c22.2-7.9 42.8-19.8 60.8-35.1l42.6 24.6c4.9 2.8 11 1.9 14.8-2.3 24.7-26.7 43.6-58.9 54.7-94.6 1.5-5.5-.7-11.3-5.6-14.1zM256 336c-44.1 0-80-35.9-80-80s35.9-80 80-80 80 35.9 80 80-35.9 80-80 80z'/></svg>");
}

.fa-users::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512' fill='currentColor'><path d='M96 224c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm448 0c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm32 32h-64c-17.6 0-33.5 7.1-45.1 18.6 40.3 22.1 68.9 62 75.1 109.4h66c17.7 0 32-14.3 32-32v-32c0-35.3-28.7-64-64-64zm-256 0c61.9 0 112-50.1 112-112S381.9 32 320 32 208 82.1 208 144s50.1 112 112 112zm76.8 32h-8.3c-20.8 10-43.9 16-68.5 16s-47.6-6-68.5-16h-8.3C179.6 288 128 339.6 128 403.2V432c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48v-28.8c0-63.6-51.6-115.2-115.2-115.2zm-223.7-13.4C161.5 263.1 145.6 256 128 256H64c-35.3 0-64 28.7-64 64v32c0 17.7 14.3 32 32 32h65.9c6.3-47.4 34.9-87.3 75.2-109.4z'/></svg>");
}

.fa-newspaper::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='currentColor'><path d='M552 64H88c-13.255 0-24 10.745-24 24v8H24c-13.255 0-24 10.745-24 24v272c0 30.928 25.072 56 56 56h472c26.51 0 48-21.49 48-48V88c0-13.255-10.745-24-24-24zM48 392V144h16v248c0 4.411-3.589 8-8 8s-8-3.589-8-8zm480 0c0 4.411-3.589 8-8 8H111.422c.374-2.626.578-5.307.578-8V112h416v280zM172 280h136c6.627 0 12-5.373 12-12v-96c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v96c0 6.627 5.373 12 12 12zm28-80h80v40h-80v-40zm-40 140v-24c0-6.627 5.373-12 12-12h136c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H172c-6.627 0-12-5.373-12-12zm192 0v-24c0-6.627 5.373-12 12-12h112c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0-144v-24c0-6.627 5.373-12 12-12h112c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12zm0 72v-24c0-6.627 5.373-12 12-12h112c6.627 0 12 5.373 12 12v24c0 6.627-5.373 12-12 12H364c-6.627 0-12-5.373-12-12z'/></svg>");
}

.fa-home::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' fill='currentColor'><path d='M280.4 148.3L96 300.1V464a16 16 0 0 0 16 16l112.1-.3a16 16 0 0 0 15.9-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.6a16 16 0 0 0 16 16.1L464 480a16 16 0 0 0 16-16V300L295.7 148.3a12.19 12.19 0 0 0-15.3 0zM571.6 251.5L488 182.6V44.1a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.6L318.5 43a48 48 0 0 0-61 0L4.3 251.5a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.2 301l235.2-193.7a12.19 12.19 0 0 1 15.3 0L530.8 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.6-16.9z'/></svg>");
}

.fa-map-marker-alt::before, .fa-map-marker::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512' fill='currentColor'><path d='M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'/></svg>");
}

.fa-envelope::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='M464 64H48C21.5 64 0 85.5 0 112v288c0 26.5 21.5 48 48 48h416c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zm0 96.6V400H48V160.6l212.7 167.7c2.9 2.3 7 2.3 9.9 0L464 160.6zm0-46.3L256 282.5 48 114.3V112h416v2.3z'/></svg>");
}

.fa-clock::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='currentColor'><path d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/></svg>");
}

.fa-angle-double-right::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='currentColor'><path d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0L7 357.2c-4.7-4.7-4.7-12.3 0-17L97.2 256 7 171.8c-4.7-4.7-4.7-12.3 0-17l25.1-23.3c4.7-4.7 12.3-4.7 17 0l117.8 116c4.7 4.7 4.7 12.3 0 17zm142 0l-117.8 116c-4.7 4.7-12.3 4.7-17 0L149 357.2c-4.7-4.7-4.7-12.3 0-17L239.2 256 149 171.8c-4.7-4.7-4.7-12.3 0-17l25.1-23.3c4.7-4.7 12.3-4.7 17 0l117.8 116c4.7 4.7 4.7 12.3 0 17z'/></svg>");
}

.fa-long-arrow-up::before, .fa-long-arrow-alt-up::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 512' fill='currentColor'><path d='M88 166.1V456c0 13.3 10.7 24 24 24h32c13.3 0 24-10.7 24-24V166.1h67c10.7 0 16-12.9 8.5-20.5L139.5 6.5c-4.7-4.7-12.3-4.7-17 0l-104 139.1c-7.5 7.6-2.2 20.5 8.5 20.5h61z'/></svg>");
}

.fa-facebook::before, .fa-facebook-f::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='currentColor'><path d='M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z'/></svg>");
}


/* === Fix scroll-trigger animation: 5 o dich vu bi an vinh vien
   vi script lazyload bi xoa. Ep luon hien. === */
.service_item.service_item_1.effect,
.service_item.service_item_2.effect,
.service_item.service_item_3.effect,
.service_item.service_item_4.effect,
.service_item.service_item_5.effect {
  opacity: 1 !important;
  transform: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
}

/* Tat tat ca animation/effect khac neu bi an boi opacity:0 do JS scroll
   khong khoi tao. An toan vi web tinh khong can animation. */
.effect {
  opacity: 1 !important;
  transform: none !important;
  -webkit-transform: none !important;
  -ms-transform: none !important;
}

/* Process_img cung co the bi anh huong */
.process_img {
  opacity: 1 !important;
}


/* === Nut goi nhanh / Zalo (hotline_list) === */
.hotline_list { 
  position: fixed !important; 
  right: 1rem !important; 
  bottom: 6rem !important; 
  z-index: 99 !important; 
}
.hotline_list ul { 
  list-style: none; 
  padding: 0; 
  margin: 0; 
  display: flex; 
  flex-direction: column; 
  gap: 10px; 
}
.hotline_list .tel__,
.hotline_list .zalo__ {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #25d366;
  color: #fff !important;
  text-decoration: none;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  /* pulseRing disabled */
}
.hotline_list .zalo__ { background: #0084ff; }
.hotline_list .tel__ i { 
  color: #fff !important; 
  font-size: 22px !important; 
}
.hotline_list .tel__::before,
.hotline_list .zalo__::before { display: none !important; }
.hotline_list .tel__ i::before { color: #fff !important; }
.hotline_list .zalo__ img { width: 30px; height: 30px; }
.hotline_list p.d-block.d-md-none { display: none !important; }

@keyframes pulseRing {
  0%   { box-shadow: 0 0 0 0 rgba(37,211,102,0.5); }
  70%  { box-shadow: 0 0 0 12px rgba(37,211,102,0); }
  100% { box-shadow: 0 0 0 0 rgba(37,211,102,0); }
}

/* An nut goi to o duoi trai tren desktop (suntory-alo) - chi hien tren mobile */
.suntory-alo-phone.mobile-only { display: none !important; }
@media (max-width: 767px) {
  .suntory-alo-phone.mobile-only { display: block !important; }
}

/* Tragop khoi text "0899229669" trong nut */
.suntory-alo-phone .tragop {
  position: absolute;
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
  background: #fff;
  padding: 6px 12px;
  border-radius: 20px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  font-weight: bold;
  color: #25d366;
}

/* Back to top */
.cd-top {
  z-index: 99 !important;
}


/* === Fix banner breadcrumb (vung tieu de) - dam bao luon hien anh === */
.bread__crumbs {
  height: 25rem !important;
  background-image: url('../images/banner_blog.png') !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  background-color: #1a4d8c !important; /* fallback xanh la khi anh chua tai xong */
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  margin-bottom: 5rem !important;
}
.bread__crumbs::before {
  content: '';
  position: absolute;
  top:0; left:0; right:0; bottom:0;
  background: rgba(0,0,0,0.35);
  z-index: 1;
}
.bread__crumbs > * {
  position: relative;
  z-index: 2;
}
.bread__crumbs h1 {
  color: #fff !important;
  font-size: 4rem !important;
  font-weight: bold !important;
  margin: 0 0 1rem 0 !important;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}
.bread__crumbs ul#crumbs,
.bread__crumbs ul#crumbs * {
  color: #ffba31 !important;
}
.bread__crumbs ul#crumbs a {
  color: #fff !important;
}
.bread__crumbs ul#crumbs a:hover {
  color: #ffba31 !important;
}


/* === An search box mega-menu (vi JS toggle bi xoa, search se stuck open) === */
#mega-menu-item-222,
.mega-search-wrap,
.mega-search-wrap::before,
.mega-search-wrap::after,
.mega-search,
form.mega-search {
  display: none !important;
}


/* ============================================
   RESPONSIVE FIX cho mobile (max-width: 1023px)
   ============================================ */

@media (max-width: 1023px) {
  /* Mega menu mobile: vi JS toggle bi xoa, ta lam menu cuon dau trang
     thay vi hamburger overlay can JS */
  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    display: none !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    left: 0 !important;
    top: 0 !important;
    background: #1a4d8c !important;
    overflow: visible !important;
    padding: 5px 0 !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    color: #fff !important;
    background: transparent !important;
    text-align: left !important;
    padding: 10px 15px !important;
    line-height: 30px !important;
    height: auto !important;
    font-size: 14px !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
    background: #ffba31 !important;
    color: #222 !important;
  }
  /* Submenu show inline luôn (vì không có JS click) */
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu {
    display: none !important; /* tránh quá dài */
  }
  /* An logo o mega menu */
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-216 {
    display: none !important;
  }

  /* Header mobile - logo to */
  .header__mobile {
    padding: 8px 0 !important;
  }
  .header__mobile img {
    max-height: 60px;
    width: auto;
  }
  .header__mobile .sologan_mobile {
    display: none !important;
  }

  /* Top bar - thu nho text */
  .top_bar h1 {
    font-size: 12px !important;
    text-align: center;
    padding: 5px;
  }
  .top_bar_list {
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 10px;
  }
  .top_bar_list li::after {
    display: none !important;
  }

  /* Banner trang chu - khong cat width */
  .home-banner img {
    width: 100% !important;
    height: auto !important;
  }

  /* Bang gia table - cuon ngang */
  .bang_gia_content,
  .bang_gia_content_1 {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* Service items - 1 cot */
  .service_item {
    margin-bottom: 30px !important;
  }

  /* Container_icons (6 o ICONS) - 2 cot tren mobile */
  .container_icons {
    display: flex !important;
    flex-wrap: wrap !important;
  }
  .container_icons_item {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
    padding: 10px 5px !important;
    text-align: center;
  }
  .container_icons_item h2 {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  /* Bread crumbs banner - giam height */
  .bread__crumbs {
    height: 15rem !important;
  }
  .bread__crumbs h1 {
    font-size: 2.4rem !important;
    text-align: center !important;
  }
  ul#crumbs {
    justify-content: center !important;
  }

  /* Title single post */
  ._title_single_post {
    font-size: 22px !important;
    padding: 0 10px !important;
  }
  ._content_single_post img {
    max-width: 100% !important;
    height: auto !important;
  }

  /* Internal links section - khong tran */
  .internal-links-section {
    padding: 12px !important;
    margin: 20px 0 !important;
    word-wrap: break-word;
  }
  .internal-links-section ul {
    padding-left: 16px !important;
  }
  .internal-links-section li {
    margin: 6px 0 !important;
    font-size: 14px !important;
  }
  .internal-links-section h3 {
    font-size: 16px !important;
  }

  /* Footer 4 cot -> 1 cot */
  footer .col-lg-3,
  footer .col-md-6 {
    margin-bottom: 25px !important;
  }
  .address_list li {
    font-size: 13px !important;
    line-height: 1.5;
    margin-bottom: 6px !important;
  }

  /* Map iframe - khong tran */
  .map_contact iframe {
    width: 100% !important;
    height: 320px !important;
  }
  ._page_contact .row > div {
    margin-bottom: 20px;
  }

  /* Hotline list buttons - thu nho */
  .hotline_list .tel__,
  .hotline_list .zalo__ {
    width: 44px !important;
    height: 44px !important;
  }
  .hotline_list .tel__ i {
    font-size: 18px !important;
  }
  .hotline_list .zalo__ img {
    width: 26px !important;
    height: 26px !important;
  }
  .hotline_list {
    bottom: 80px !important;
    right: 10px !important;
  }

  /* Suntory phone (mobile-only) - hien dep o duoi */
  .suntory-alo-phone.mobile-only {
    display: block !important;
    position: fixed !important;
    left: 10px !important;
    bottom: 10px !important;
    z-index: 999 !important;
  }
  .suntory-alo-phone .tragop {
    display: none !important;
  }
}

/* Phone con duoi (max-width: 575px) */
@media (max-width: 575px) {
  .container_icons_item {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .home-banner {
    margin-bottom: 20px;
  }
  /* Logo container header_mobile */
  .header__mobile ._title_company {
    display: none !important;
  }
  /* Star image (sao 5 canh) - thu nho */
  .star_img {
    max-width: 280px !important;
  }
  /* Bang gia text nho lai */
  .bang_gia_content_item {
    font-size: 12px !important;
    padding: 6px !important;
  }
  /* Title section */
  .title h3, h3 {
    font-size: 18px !important;
  }
  h2 { font-size: 18px !important; }
  /* Tab product */
  .tab__ ul.tab-product {
    flex-wrap: wrap !important;
    gap: 5px;
  }
  .tab__ ul.tab-product li {
    flex: 0 0 48% !important;
  }
  .a-tab {
    font-size: 13px !important;
    padding: 6px 8px !important;
  }
  /* Internal links list - link xuong dong tot hon */
  .internal-links-section a {
    word-break: break-word;
  }
}

/* Tablet (768-1023) - layout 2 cot cho banner */
@media (min-width: 768px) and (max-width: 1023px) {
  .container_icons_item {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}


/* ================================================================
   IPHONE OPTIMIZED (375-430px width)
   Tieu chuan Apple HIG: touch target 44x44, font 16px+ tranh zoom,
   khong scroll ngang, khoang cach thoang.
   ================================================================ */

/* Reset & global */
@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
    width: 100% !important;
    -webkit-text-size-adjust: 100% !important;
    -webkit-tap-highlight-color: rgba(73,160,16,0.2);
  }
  body {
    font-size: 15px !important;
    line-height: 1.55 !important;
  }
  * {
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    max-width: 100%;
  }
  img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
  }
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  /* === TOP BAR (xanh la doc tren cung) === */
  .top_bar {
    padding: 6px 0 !important;
    font-size: 12px !important;
  }
  .top_bar h1 {
    font-size: 12px !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    text-align: center !important;
    padding: 0 8px !important;
  }
  .top_bar_left {
    display: none !important; /* an cum gioi thieu dai */
  }
  .top_bar_right {
    width: 100% !important;
  }
  .top_bar_list {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    gap: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-wrap: wrap;
  }
  .top_bar_list li {
    list-style: none !important;
    position: relative !important;
    font-size: 12px !important;
  }
  .top_bar_list li::after {
    display: none !important;
  }
  .top_bar_list i {
    margin-right: 4px !important;
  }

  /* === HEADER MOBILE === */
  .header__main {
    display: none !important;
  }
  .header__mobile {
    display: block !important;
    background: #fff !important;
    padding: 10px 12px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    position: sticky;
    top: 0;
    z-index: 100;
  }
  .header__mobile ._main_header_mb {
    display: flex !important;
    align-items: center !important;
    gap: 10px;
  }
  .header__mobile .col-2,
  .header__mobile .col-10 {
    flex: initial !important;
    max-width: none !important;
    width: auto !important;
    padding: 0 !important;
  }
  .header__logo__mobile {
    display: inline-block;
  }
  .header__logo__mobile img {
    max-height: 56px !important;
    width: auto !important;
  }
  ._title_company {
    display: none !important;
  }
  .sologan_mobile {
    display: none !important;
  }

  /* === MEGA MENU (vi JS toggle khong co, dung dropdown <details>-style hoac
     hide hamburger va show menu thuong) === */
  #mega-menu-wrap-menu-1 .mega-menu-toggle {
    display: none !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: row !important;
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    background: #1a4d8c !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    left: 0 !important;
    top: 0 !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
    display: block !important;
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    margin: 0 !important;
    border: none !important;
    border-right: 1px solid rgba(255,255,255,0.15) !important;
    border-bottom: 1px solid rgba(255,255,255,0.15) !important;
    box-sizing: border-box;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:nth-child(2n) {
    border-right: none !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    display: block !important;
    color: #fff !important;
    background: transparent !important;
    text-align: center !important;
    padding: 12px 8px !important;
    line-height: 1.3 !important;
    height: auto !important;
    min-height: 44px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:active {
    background: #ffba31 !important;
    color: #222 !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item > ul.mega-sub-menu {
    display: none !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
    display: none !important;
  }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-216,
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li#mega-menu-item-222 {
    display: none !important;
  }

  /* === BANNER TRANG CHU === */
  .home-banner {
    margin: 0 !important;
    width: 100% !important;
  }
  .home-banner img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* === SECTION POLICY (6 ICONS) === */
  .policy {
    padding: 16px 0 !important;
  }
  .container_icons {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    padding: 0 !important;
  }
  .container_icons_item {
    flex: initial !important;
    max-width: none !important;
    padding: 12px 4px !important;
    text-align: center !important;
    background: #f8faf3;
    border-radius: 8px;
  }
  .container_icons_item a {
    display: block !important;
    text-decoration: none !important;
  }
  .container_icons_item i {
    font-size: 24px !important;
    color: #1a4d8c !important;
    margin-bottom: 6px;
  }
  .container_icons_item h2 {
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #222 !important;
    margin: 6px 0 0 !important;
  }

  /* === TITLE SECTION === */
  .title.text-center h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    padding: 0 12px !important;
    margin: 16px 0 8px !important;
    color: #1a4d8c !important;
  }
  .title.text-center img {
    max-width: 200px !important;
  }

  /* === SECTION SERVICE (5 o dich vu + sao 5 canh) === */
  .service {
    padding: 16px 0 !important;
  }
  .service .row > div {
    margin-bottom: 16px;
  }
  .service_item {
    text-align: center !important;
    padding: 12px !important;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  }
  .service_item_img img {
    max-height: 56px !important;
    width: auto !important;
  }
  .service_item_content h3 {
    font-size: 16px !important;
    margin: 8px 0 4px !important;
  }
  .service_item_content p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }
  .star_img {
    max-width: 220px !important;
    margin: 0 auto !important;
    display: block !important;
  }

  /* === PROCESS (Quy trinh do muc) === */
  .process {
    padding: 16px 0 !important;
  }
  .process_img {
    max-width: 240px !important;
    margin: 0 auto 16px !important;
    display: block !important;
  }
  .process ol {
    padding-left: 22px !important;
    font-size: 14px !important;
  }
  .process ol li {
    margin-bottom: 6px !important;
  }

  /* === BANG GIA (table dang grid) === */
  .bang_gia {
    padding: 16px 0 !important;
  }
  .bang_gia h4 {
    font-size: 16px !important;
    text-align: center;
    background: #1a4d8c;
    color: #fff;
    padding: 10px;
    margin: 0 !important;
    border-radius: 8px 8px 0 0;
  }
  .bang_gia_content,
  .bang_gia_content_1 {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1px !important;
    background: #ddd;
    border: 1px solid #ddd;
    border-top: none;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
  }
  .bang_gia_content_1 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .bang_gia_content_item {
    background: #fff !important;
    padding: 8px 4px !important;
    font-size: 11px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 50px;
  }
  .bang_gia_content_item.bang_gia_title h5 {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: #ffba31;
    margin: 0 !important;
    padding: 8px 4px !important;
    width: 100%;
  }
  .bang_gia_content_item.bang_gia_title {
    background: #ffba31 !important;
    padding: 0 !important;
  }
  .bang_gia_content_item img {
    max-height: 28px !important;
    max-width: 100% !important;
    object-fit: contain;
  }
  .bang_gia_content_item p {
    margin: 0 !important;
    font-size: 11px !important;
    font-weight: 600;
  }
  .bang_gia_content_item .cap_nhat {
    font-size: 10px !important;
    color: #d00 !important;
  }

  /* === PRODUCT (san pham) === */
  .product {
    padding: 16px 0 !important;
  }
  .product_title h3 {
    font-size: 18px !important;
    margin: 0 0 12px !important;
  }
  .tab__ {
    margin-bottom: 12px;
  }
  .tab-product {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }
  .tab-product .li-tab {
    flex: 0 0 calc(50% - 3px) !important;
  }
  .tab-product .a-tab {
    display: block !important;
    text-align: center !important;
    padding: 8px 6px !important;
    font-size: 12px !important;
    background: #f0f7e8;
    border-radius: 6px;
    color: #222 !important;
  }
  .tab-product .a-tab:hover,
  .tab-product .a-tab.active {
    background: #1a4d8c !important;
    color: #fff !important;
  }
  .btn_more {
    display: block !important;
    text-align: center !important;
    margin: 10px auto !important;
    padding: 8px 16px !important;
    background: #ffba31 !important;
    color: #fff !important;
    border-radius: 4px;
    width: fit-content;
    font-size: 13px !important;
  }
  .product .item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    margin-bottom: 12px;
  }
  .product .item_img img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
    object-fit: cover;
  }
  .product .content__ {
    padding: 8px !important;
  }
  .product .text_title a {
    font-size: 13px !important;
    line-height: 1.3 !important;
    color: #222 !important;
    text-decoration: none !important;
    display: block;
    margin-bottom: 4px;
  }
  .product .item .amount {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #d00 !important;
  }
  .product .col-lg-3 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    padding: 0 4px !important;
  }

  /* === BREADCRUMB BANNER === */
  .bread__crumbs {
    height: 12rem !important;
    margin-bottom: 20px !important;
  }
  .bread__crumbs h1 {
    font-size: 22px !important;
    text-align: center !important;
    margin: 0 0 6px !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  }
  ul#crumbs {
    flex-wrap: wrap !important;
    justify-content: center !important;
    font-size: 12px !important;
    padding: 0 8px !important;
  }

  /* === ARTICLE CONTENT === */
  ._title_single_post {
    font-size: 20px !important;
    padding: 0 12px !important;
    margin: 12px 0 !important;
    color: #1a4d8c !important;
  }
  ._content_single_post {
    padding: 0 12px !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
  ._content_single_post h1,
  ._content_single_post h2,
  ._content_single_post h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin: 16px 0 10px !important;
  }
  ._content_single_post h2 span,
  ._content_single_post h3 span {
    font-size: inherit !important;
  }
  ._content_single_post p,
  ._content_single_post p span {
    font-size: 15px !important;
  }
  ._content_single_post ul,
  ._content_single_post ol {
    padding-left: 22px !important;
  }
  ._content_single_post img {
    max-width: 100% !important;
    height: auto !important;
    margin: 10px auto !important;
    display: block;
    border-radius: 4px;
  }
  ._content_single_post table {
    width: 100% !important;
    font-size: 12px !important;
  }
  ._content_single_post table th,
  ._content_single_post table td {
    padding: 6px 4px !important;
  }

  /* === INTERNAL LINKS BLOCK === */
  .internal-links-section {
    padding: 12px !important;
    margin: 20px 12px !important;
    border-radius: 8px;
    border-left: 4px solid #1a4d8c !important;
  }
  .internal-links-section h3 {
    font-size: 15px !important;
    color: #1a4d8c !important;
    margin: 14px 0 8px !important;
  }
  .internal-links-section h3:first-child {
    margin-top: 0 !important;
  }
  .internal-links-section ul {
    padding-left: 18px !important;
    margin: 0 0 12px !important;
  }
  .internal-links-section li {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    margin: 4px 0 !important;
  }
  .internal-links-section a {
    color: #2d6300 !important;
    word-break: break-word;
  }

  /* === LIEN HE PAGE === */
  ._page_contact {
    padding: 12px !important;
  }
  .map_contact {
    margin-bottom: 16px !important;
    border-radius: 8px;
    overflow: hidden;
  }
  .map_contact iframe {
    width: 100% !important;
    height: 280px !important;
    border: none !important;
    border-radius: 8px;
  }
  .content_contact h1 {
    font-size: 22px !important;
    color: #1a4d8c !important;
    margin-bottom: 12px;
  }
  .box-info-contact .list-info li {
    margin-bottom: 14px !important;
    list-style: none;
    font-size: 14px !important;
  }
  .box-info-contact .list-info li p:first-child {
    color: #888;
    font-size: 12px !important;
    margin: 0 !important;
  }
  .box-info-contact .list-info li p strong {
    font-size: 14px !important;
    line-height: 1.5;
  }
  .box-info-contact .list-info li .icon-info {
    width: 36px !important;
    height: 36px !important;
  }

  /* === FOOTER === */
  footer, .footer {
    padding: 20px 0 !important;
  }
  footer .col-lg-3,
  footer .col-md-6,
  footer .col-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-bottom: 24px !important;
    padding: 0 12px !important;
  }
  footer h3 {
    font-size: 17px !important;
    margin-bottom: 10px !important;
    color: #1a4d8c !important;
    border-bottom: 2px solid #1a4d8c;
    padding-bottom: 6px;
    display: inline-block;
  }
  footer .address_list,
  footer ul {
    padding: 0 !important;
    list-style: none !important;
  }
  footer .address_list li {
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 6px !important;
  }
  footer .address_list li i {
    margin-right: 6px !important;
    color: #1a4d8c !important;
  }

  /* === HOTLINE FLOAT BUTTONS === */
  section.hotline_list {
    bottom: 12px !important;
    right: 8px !important;
  }
  .hotline_list ul {
    flex-direction: column !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }
  .hotline_list li p {
    display: none !important;
  }
  .hotline_list .tel__,
  .hotline_list .zalo__ {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  }
  .hotline_list .tel__ {
    background: #25d366 !important;
  }
  .hotline_list .zalo__ {
    background: #0084ff !important;
  }
  .hotline_list .tel__ i {
    color: #fff !important;
    font-size: 20px !important;
  }
  .hotline_list .zalo__ img {
    width: 28px !important;
    height: 28px !important;
  }

  /* An nut suntory-alo-phone (mobile-only goc duoi trai) */
  .suntory-alo-phone.mobile-only {
    display: block !important;
    position: fixed !important;
    left: 8px !important;
    bottom: 8px !important;
    background: #25d366 !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    z-index: 999 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  }
  .suntory-alo-phone .suntory-alo-ph-img-circle {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .suntory-alo-phone .suntory-alo-ph-img-circle i {
    color: #fff !important;
    font-size: 22px !important;
  }
  .suntory-alo-phone .tragop {
    display: none !important;
  }
  .suntory-alo-phone .suntory-alo-ph-circle,
  .suntory-alo-phone .suntory-alo-ph-circle-fill {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    border: 2px solid rgba(37,211,102,0.5);
    /* pulseGreen disabled */
  }
  @keyframes pulseGreen {
    0%   { transform: scale(1); opacity: 0.7; }
    70%  { transform: scale(1.4); opacity: 0; }
    100% { transform: scale(1); opacity: 0; }
  }

  /* Back to top */
  .cd-top {
    bottom: 80px !important;
    right: 8px !important;
    width: 38px !important;
    height: 38px !important;
  }

  /* Modal nut Lien He nhanh */
  .modal-dialog {
    margin: 12px !important;
  }
  .modal-content {
    border-radius: 12px !important;
  }
  .modal-title {
    font-size: 16px !important;
  }

  /* An search box mega-menu (kiem tra lai) */
  #mega-menu-item-222,
  .mega-search-wrap,
  .mega-search,
  form.mega-search {
    display: none !important;
  }
}

/* === IPHONE SE / IPHONE 12 MINI (375px and below) === */
@media (max-width: 414px) {
  .top_bar h1 {
    font-size: 11px !important;
  }
  .container_icons_item h2 {
    font-size: 9.5px !important;
  }
  ._title_single_post {
    font-size: 18px !important;
  }
  .bread__crumbs h1 {
    font-size: 20px !important;
  }
  .bang_gia_content_item,
  .bang_gia_content_item p {
    font-size: 10px !important;
  }
  .bang_gia_content_item img {
    max-height: 22px !important;
  }
}

/* === IPHONE LANDSCAPE === */
@media (max-width: 932px) and (orientation: landscape) {
  .header__mobile {
    position: relative !important; /* khong sticky landscape */
  }
  .bread__crumbs {
    height: 10rem !important;
  }
}


/* === STICKY MOBILE CTA BAR (chi hien tren mobile, dau trang) === */
@media (max-width: 768px) {
  body { padding-bottom: 60px !important; }
  .mobile-cta-bar {
    display: flex !important;
    position: fixed !important;
    bottom: 0; left: 0; right: 0;
    height: 56px;
    background: #fff;
    box-shadow: 0 -2px 16px rgba(0,0,0,0.15);
    z-index: 9999;
    border-top: 1px solid #e8e8e8;
  }
  .mobile-cta-bar > a {
    flex: 1;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    text-decoration: none !important;
    color: #444 !important;
    font-size: 11px !important;
    font-weight: 600;
    border-right: 1px solid #f0f0f0;
    transition: background 0.15s;
  }
  .mobile-cta-bar > a:last-child { border-right: none; }
  .mobile-cta-bar > a:active { background: #f5f5f5; }
  .mobile-cta-bar > a i, .mobile-cta-bar > a svg {
    font-size: 20px;
    color: #1a4d8c;
    margin-bottom: 2px;
  }
  .mobile-cta-bar .cta-call i { color: #25d366 !important; }
  .mobile-cta-bar .cta-zalo i { color: #0084ff !important; }
  .mobile-cta-bar .cta-fb i { color: #1877f2 !important; }
  .mobile-cta-bar .cta-map i { color: #ea4335 !important; }
  .mobile-cta-bar .badge {
    position: absolute;
    top: 4px; right: 18px;
    background: #ff3b30;
    color: #fff;
    font-size: 9px;
    padding: 1px 5px;
    border-radius: 8px;
    font-weight: 700;
  }

  /* An float buttons goc duoi (de khong dap voi sticky bar) */
  section.hotline_list,
  .suntory-alo-phone.mobile-only {
    display: none !important;
  }
}
@media (min-width: 769px) {
  .mobile-cta-bar { display: none !important; }
}