/* anh responsive toan site */
img {
  max-width: 100%;
  height: auto;
}
/* anh san pham */
.anh_sanpham_danhsach:hover {
  opacity: 0.8;
}
/* icon san pham */
.icon_moi,
.icon_km {
  vertical-align: middle;
  margin-left: 5px;
}
/* slide */
.wmp-slider { position: relative; width: 100%; overflow: hidden; }
.wmp-slider:not(.slick-initialized) > :not(:first-child) { display: none; }
.wmp-slider .slick-slide, .wmp-slider .slick-slide > a { display: block; min-width: 0; }
.wmp-slider .slick-slide img { display: block; width: 100%; max-width: 100%; height: auto; }
/* nen tang bo cuc */
a[x-apple-data-detectors], a[x-apple-data-detectors-type], a[href^="tel:"] { color: inherit !important; -webkit-text-fill-color: currentColor; text-decoration: inherit !important; font: inherit !important; line-height: inherit !important; }
.bocuc_2 { display: block !important; }
.bocuc_3 { display: block !important; }
.bocuc_4 { display: block !important; }
.bocuc_19 { display: block !important; }
.bocuc_6 { display: block !important; }
.bocuc_7 { display: block !important; }
.bocuc_8 { display: block !important; }
.bocuc_9 { display: block !important; }
.bocuc_10 { display: block !important; }
.bocuc_11 { display: block !important; }
.bocuc_12 { display: block !important; }
.bocuc_13 { display: block !important; }
.bocuc_14 { display: block !important; }
.bocuc_20 { display: block !important; }
.bocuc_22 { display: block !important; }
.bocuc_21 { display: block !important; }
.bocuc_23 { display: block !important; }
.bocuc_15 { display: block !important; }
.bocuc_15 > .loprong { width: 100%; max-width: 1250px; margin: 0 auto; }
.bocuc_28 { display: block !important; }
.bocuc_29 { display: block !important; }
.bocuc_29 > .loprong > .header { padding: 30px 0 10px 0; text-align: center; justify-content: center; }
.bocuc_29 > .loprong > .header > .header_text { color: #2E2E2E; font-size: 26px; font-weight: normal; text-transform: uppercase; }
.bocuc_29 > .loprong > .padding { padding: 30px 0 30px 0; }
.bocuc_30 { display: inline-block !important; width: 20%; background-color: #ADC2C7; font-size: 13px; }
.bocuc_30 > .loprong { text-align: justify; }
.bocuc_30 > .loprong > .header { padding: 15px 0 0 0; text-align: center; justify-content: center; }
.bocuc_30 > .loprong > .header > .header_text { font-size: 17px; font-weight: bold; }
.bocuc_30 > .loprong > .padding { padding: 0 15px 15px 15px; }
.bocuc_16 { display: block !important; background-color: #EFEAE6; }
.bocuc_16 > .loprong > .header { background-color: #085762; padding: 2px 6px 6px 6px; margin: auto; text-align: center; justify-content: center; }
.bocuc_16 > .loprong > .header > .header_text { color: #FFFFFF; font-size: 18px; }
.bocuc_32 { display: block !important; }
.bocuc_24 { display: block !important; }
.bocuc_31 { display: block !important; background-color: #ADC2C7; }
.bocuc_31 > .loprong > .padding { padding: 10px; }
/* chuc nang he thong */
[class^="bocuc_"] { box-sizing: border-box; position: relative; }
[class^="bocuc_"] .padding { position: relative; }
[class^="bocuc_"] > .loprong > .header a.header_text { text-decoration: none; }
.bocuc_20 .wmp-slider .slick-dots li button::before { color: #ffffff; }
.bocuc_20 .wmp-slider .slick-dots li.slick-active button::before { color: #ea580c; }
.menu_div { position: relative; width: 100%; }
.menu_div ul { list-style: none; margin: 0; padding: 0; }
.menu_div li { position: relative; }
.menu_div a { display: block; text-decoration: none; color: inherit; }
.menu_div .ngoihome svg { display: block; width: 20px; height: 20px; }
.menu_div .ul_con { position: absolute; z-index: 999; top: 100%; left: 0; min-width: 180px; display: none !important; padding: 4px 0; background: #ffffff; border: 1px solid rgba(0,0,0,.12); box-shadow: 0 8px 22px rgba(0,0,0,.14); }
.menu_div .ul_con .ul_con { top: -5px; left: 100%; }
.menu_div li:hover > .ul_con, .menu_div li:focus-within > .ul_con { display: grid !important; gap: 0; }
.menu_div.menu-child-display-always-visible .ul_con, .menu_div.menu-child-display-always-visible li:hover > .ul_con, .menu_div.menu-child-display-always-visible li:focus-within > .ul_con { position: static !important; inset: auto !important; display: grid !important; gap: 0; min-width: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
.menu_div.menu-child-display-click-tree .ul_con { position: static !important; inset: auto !important; min-width: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
.menu_div.menu-child-display-click-tree li:hover > .ul_con, .menu_div.menu-child-display-click-tree li:focus-within > .ul_con { display: none !important; }
.menu_div.menu-child-display-click-tree li.is-menu-expanded > .ul_con { display: grid !important; gap: 0; }
.menu_div.menu-child-display-mobile li.is-menu-expanded > .ul_con { display: grid !important; gap: 0; }
.menu_div.menu-child-display-mobile li:hover > .ul_con, .menu_div.menu-child-display-mobile li:focus-within > .ul_con { display: none !important; }
.menu_div.menu-child-display-load-and-display li.dang_chon > .ul_con { display: grid !important; gap: 0; }
.menu_div.menu-child-display-load-and-display li:hover > .ul_con, .menu_div.menu-child-display-load-and-display li:focus-within > .ul_con { display: none !important; }
.menu_div .ul_con a { padding: 8px 12px; white-space: nowrap; }
.menu_div.menu-child-display-click-tree a, .menu_div.menu-child-display-always-visible a { white-space: normal; overflow-wrap: anywhere; }
#menu_3 > ul { display: flex; width: 100%; flex-wrap: wrap; align-items: center; gap: 0; }
#menu_3 > ul > li { flex: 1 1 0; min-width: 0; text-align: center; }
#menu_3 > ul > .ngoihome_li { flex: 0 0 auto; }
#menu_3 > ul > li > a { font-weight: bold; }
#menu_3 > ul > .ngoihome_li > .ngoihome { font-weight: bold; font-size: medium; padding: 0px 20px; vertical-align: middle; }
.layout-newsletter-box { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; }
.layout-newsletter-box-label { font-size: var(--newsletter-font-size, 14px); color: inherit; }
.layout-newsletter-box-input { flex: 1 1 180px; min-width: 0; max-width: 320px; height: 34px; padding: 0 10px; border: 1px solid #9ca3af; border-radius: var(--newsletter-radius, 2px); background: #fff; color: #111; font-size: 13px; outline: none; }
.layout-newsletter-box-input:focus { border-color: #111; }
.layout-newsletter-box-button { height: 34px; padding: 0 16px; border: 0; border-radius: var(--newsletter-radius, 2px); background: var(--newsletter-btn-bg, #111); color: var(--newsletter-btn-color, #fff); font-size: 13px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.layout-newsletter-box-button:hover { opacity: .85; }
.layout-newsletter-box-button[disabled] { opacity: .6; cursor: not-allowed; }
.layout-newsletter-box-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.layout-newsletter-box-message { flex-basis: 100%; font-size: 13px; color: #15803d; }
.layout-newsletter-box-message.is-error { color: #b91c1c; }
.wmp-search-tool{position:relative;width:100%;max-width:100%;--wmp-search-placeholder-color:#8b98a8;--wmp-search-input-bg:#fff;--wmp-search-icon-color:#078a39;--wmp-search-button-bg:transparent;--wmp-search-submit-bg:#389410;--wmp-search-submit-color:#fff;--wmp-search-radius:6px;--wmp-search-border-color:transparent;--wmp-search-input-height:42px}
.wmp-search-tool-form{display:flex;width:100%;max-width:100%;flex-direction:column;align-items:stretch}
.wmp-search-tool-field{display:flex;width:100%;min-width:0;height:var(--wmp-search-input-height);align-items:center;overflow:hidden;border:1px solid var(--wmp-search-border-color);border-radius:var(--wmp-search-radius);background:var(--wmp-search-input-bg)}
.wmp-search-tool-input{min-width:0;height:100%;flex:1 1 auto;border:0;background:transparent;color:inherit;font:inherit;font-size:14px;outline:0;padding:0 12px}
.wmp-search-tool-input::placeholder{color:var(--wmp-search-placeholder-color);opacity:1}
.wmp-search-tool-submit{display:inline-flex;width:46px;height:100%;flex:0 0 46px;align-items:center;justify-content:center;border:0;background:var(--wmp-search-button-bg);color:var(--wmp-search-icon-color);cursor:pointer}
.wmp-search-tool-submit svg{width:20px;height:20px;display:block}
.wmp-search-tool--style-2{--wmp-search-input-height:38px}
.wmp-search-tool--style-2 .wmp-search-tool-field{border-radius:var(--wmp-search-radius)}
.wmp-search-tool--style-2 .wmp-search-tool-submit{height:calc(var(--wmp-search-input-height) - 6px);margin-right:4px;border-radius:5px;flex-basis:74px;width:74px}
.wmp-search-tool--style-3{--wmp-search-input-height:50px}
.wmp-search-tool--style-3 .wmp-search-tool-submit{height:calc(var(--wmp-search-input-height) - 4px);margin-right:2px;border-radius:8px;flex-basis:46px}
.wmp-search-tool--style-4{--wmp-search-input-height:36px}
.wmp-search-tool--style-4 .wmp-search-tool-submit{background:transparent}
.wmp-search-tool--style-5{--wmp-search-input-height:36px}
.wmp-search-tool--style-5 .wmp-search-tool-submit{flex-basis:58px;width:58px}
.wmp-search-tool--style-6{--wmp-search-input-height:42px}
.wmp-search-tool--style-6 .wmp-search-tool-field{flex-direction:row-reverse}
.wmp-search-tool--style-6 .wmp-search-tool-submit{background:transparent;flex-basis:38px;width:38px}
.wmp-search-tool--style-6 .wmp-search-tool-input{padding-left:0}
.wmp-search-tool-suggestions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;padding-left:16px}
.wmp-search-tool-suggestion{color:#6b7280;font-size:12px;line-height:1.4;text-decoration:none}
.wmp-search-tool-suggestion:hover{text-decoration:underline}
.wmp-search-tool-price{margin:10px 0 0;border:0;padding:0;color:inherit}
.wmp-search-tool-price-title{display:block;margin:0 0 6px;color:inherit;font-size:14px;font-weight:bold;line-height:1.3}
.wmp-search-tool-price-options{display:grid;gap:5px}
.wmp-search-tool-price-option{display:flex;align-items:center;gap:6px;color:inherit;font-size:13px;line-height:1.35;cursor:pointer}
.wmp-search-tool-price-option input{flex:0 0 auto;margin:0;accent-color:var(--wmp-search-icon-color,#078a39)}
.wmp-search-tool-price-label{min-width:0}
.wmp-search-tool-submit-wrap{display:flex;width:100%;margin-top:10px}
.wmp-search-tool-submit-wrap--left{justify-content:flex-start}
.wmp-search-tool-submit-wrap--center{justify-content:center}
.wmp-search-tool-submit-wrap--right{justify-content:flex-end}
.wmp-search-tool-submit-button{display:inline-flex;min-height:30px;align-items:center;justify-content:center;border:0;border-radius:4px;background:var(--wmp-search-submit-bg);color:var(--wmp-search-submit-color);cursor:pointer;font:inherit;font-size:13px;font-weight:bold;line-height:1.2;padding:0 14px;text-decoration:none}
.wmp-search-tool-submit-button:hover{filter:brightness(.96);text-decoration:none}
.wmp-search-tool-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:80;display:none;max-height:min(520px,70vh);overflow:auto;border:1px solid #d8dee8;border-radius:8px;background:#fff;box-shadow:0 14px 38px rgba(15,23,42,.18);opacity:0;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease}
.wmp-search-tool-results.is-open{display:block;opacity:1;transform:translateY(0)}
.wmp-search-tool-results-heading{margin:10px 12px 2px;padding:8px 10px;border-radius:5px;background:#f3f4f6;color:#111827;font:700 13px/1.3 Arial,Helvetica,sans-serif}
.wmp-search-tool-result{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:center;padding:4px 14px;border-bottom:1px solid #edf0f3;color:#111827;text-decoration:none}
.wmp-search-tool-result:hover{background:#f8fafc;text-decoration:none}
.wmp-search-tool-result:last-child{border-bottom:0}
.wmp-search-tool-result img{width:46px;height:46px;object-fit:contain;border-radius:4px;background:#fff}
.wmp-search-tool-result-title{display:block;color:#111827;font:700 14px/1.35 Arial,Helvetica,sans-serif}
.wmp-search-tool-result-price{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;margin-top:5px;color:#e11d48;font:700 14px/1.2 Arial,Helvetica,sans-serif}
.wmp-search-tool-result-old-price{color:#6b7280;font-size:12px;font-weight:400;text-decoration:line-through}
.wmp-search-tool-results-empty{padding:14px;color:#6b7280;font:13px/1.35 Arial,Helvetica,sans-serif}
.bocuc_4 > .loprong > .padding > .wmp-search-tool { --wmp-search-placeholder-color: #777485; --wmp-search-input-bg: transparent; --wmp-search-icon-color: #777485; --wmp-search-button-bg: transparent; --wmp-search-submit-bg: #389410; --wmp-search-submit-color: #FFFFFF; --wmp-search-radius: 0; --wmp-search-border-color: transparent; --wmp-search-input-height: 36px; }
@media (max-width: 767px) { .bocuc_19 { display: none !important; } }
@media (max-width: 767px) { .bocuc_20 { display: none !important; } }
.bocuc_3 .wmp-mobile-menu-icon {
  width: 30px !important;
  height: auto !important;
}
/* Rock Nails 019 scene styles are scoped in the immutable scene stylesheet. */
/* BOX6_DESKTOP_ALIGN_BMORE_20261008 */
@media (min-width: 960px) {
  body.pc.nhomtrang1:has(.bocuc_6.beon-utilities) { --beon-utilities: 90px !important; }
}
.bocuc_7.beon-social .fa-solid.fa-phone {
  font-size: 25px;
}
/* BOX8_HOLMDEL_REMOVE_DUPLICATE_WEATHER_20261008 */
body.nhomtrang1:has(#rock019) .beon-weather .time-widget::after {
  content: none !important;
  display: none !important;
}
body.pc.nhomtrang1 .beon-halloween-background {
  display: block !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  width: 100% !important;
  height: var(--beon-screen, 100svh) !important;
  min-height: var(--beon-screen, 100svh) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  background: transparent !important;
}
body.pc.nhomtrang1 .beon-halloween-background > .loprong,
body.pc.nhomtrang1 .beon-halloween-background > .loprong > .padding,
body.pc.nhomtrang1 .beon-halloween-background .wmp-slider,
body.pc.nhomtrang1 .beon-halloween-background .slick-list,
body.pc.nhomtrang1 .beon-halloween-background .slick-track,
body.pc.nhomtrang1 .beon-halloween-background .slick-slide,
body.pc.nhomtrang1 .beon-halloween-background .slick-slide > div {
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  aspect-ratio: auto !important;
}
body.pc.nhomtrang1 .beon-halloween-background .slick-track { width: auto; }
body.pc.nhomtrang1 .beon-halloween-background .slick-arrow,
body.pc.nhomtrang1 .beon-halloween-background .slick-dots { display: none !important; }
body.pc.nhomtrang1 .beon-halloween-background img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.pc.nhomtrang1 .bocuc_19,
body.pc.nhomtrang1 .bocuc_19 > .loprong,
body.pc.nhomtrang1 .bocuc_19 > .loprong > .padding {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
.bocuc_21 .wmp-slider .slick-dots li button::before { color: #ffffff; }
.bocuc_21 .wmp-slider .slick-dots li.slick-active button::before { color: #ea580c; }
.bocuc_23 .wmp-slider .slick-dots li button::before { color: #ffffff; }
.bocuc_23 .wmp-slider .slick-dots li.slick-active button::before { color: #ea580c; }
.sanpham_danhmuc ul { --cat-cols: 1; display: grid; grid-template-columns: repeat(var(--cat-cols), minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
.sanpham_danhmuc li { position: relative; list-style: none; display: flex; align-items: flex-start; gap: 4px; }
.sanpham_danhmuc li > div { min-width: 0; }
.sanpham_danhmuc a { color: inherit; text-decoration: none; }
.sanpham_danhmuc > ul > li > a { display: flex; align-items: center; gap: 8px; min-width: 0; width: 100%; }
.sanpham_danhmuc > ul > li > a > .anh { flex: 0 0 auto; }
.sanpham_danhmuc .anh img { display: block; max-width: 100%; height: auto; object-fit: cover; }
.sanpham_danhmuc > ul > li > a > .tieude { flex: 1 1 auto; min-width: 0; }
.sanpham_danhmuc .tieude { margin: 0; }
.sanpham_danhmuc .category-bullet { display: inline-flex; align-items: center; justify-content: center; margin-right: 4px; vertical-align: -0.1em; }
.sanpham_danhmuc .category-bullet img { display: block; width: 1em; height: 1em; object-fit: contain; }
.sanpham_danhmuc .category-bullet i { line-height: 1; }
@media (max-width: 767px) { .sanpham_danhmuc ul { grid-template-columns: 1fr; } }
.bocuc_29 > .loprong > .padding > .sanpham_danhmuc > ul { --cat-cols: 6; text-align: center; }
@media (max-width: 767px) { .bocuc_29 > .loprong > .padding > .sanpham_danhmuc > ul { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.category-html-box { width: 100%; }
.category-html-box img { max-width: 100%; height: auto; }
.category-html-box--limited:not(.is-expanded) .category-html-box__content { max-height: var(--category-html-max-height); overflow: hidden; }
.category-html-box__toggle { display: inline-flex; margin-top: 8px; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 700; text-decoration: underline; cursor: pointer; }
.category-html-box__toggle[hidden] { display: none; }
@media (max-width: 767px) { .bocuc_30 { display: none !important; } }
@media (max-width: 767px) { .bocuc_16 { display: block !important; width: 100%; } }
.fab.fa-facebook-f {
  border: 1px solid;
  padding: 8px 12px;
  border-radius: 50%;
  font-size: 17px;
}
.fab.fa-instagram{
border: 1px solid;
  padding: 8px 9px;
  border-radius: 50%;
  font-size: 17px;}
.fab.fa-yelp{
border: 1px solid;
  padding: 8px 11px;
  border-radius: 50%;
  font-size: 17px;}
.fas.fa-phone-alt{
border: 1px solid;
  padding: 8px;
  border-radius: 50%;
  font-size: 17px;}
.fab.fa-google-plus-g{
  font-size: 18px;
border: 1px solid;
  padding: 7px 6px;
  border-radius: 50%;}
.bocuc_22 i {
background: #ffffff69;
  font-size: 20px;
  font-weight: bold;
  transition: 1s;
}
.bocuc_22 i:hover {
  transform: scale(1.1);
}
.bocuc_22 a {
  margin-right: 5px;
}
.bocuc_23 {
  margin-bottom: -4px;
}
.bocuc_29 .sanpham_danhmuc > ul > li > a {
  display: block;}
.bocuc_29  .sanpham_danhmuc .anh img {
  margin-bottom: 15px !important;
}
.bocuc_29 .sanpham_danhmuc > ul > li {
    justify-content: center;
    align-items: center;
    text-align: center;
}
.bocuc_29 .sanpham_danhmuc > ul > li > div {
    width: 100%;
    text-align: center;
}
.bocuc_29 .sanpham_danhmuc .anh,
.bocuc_29 .sanpham_danhmuc .tieude {
    text-align: center;
}
.bocuc_29 .sanpham_danhmuc .anh img {
    display: block;
    margin: 0 auto;
}
.bocuc_29 .sanpham_danhmuc li .tieude:hover {
  padding: 5px 1rem;
  border-radius: .5rem;
  background: #adc2c7;
}
.bocuc_29 .tieude {
  font-weight: normal;
}
.bocuc_29 .dangchon .tieude {
  padding: 5px 1rem;
  border-radius: .5rem;
  background: #518990;
  color: white;
}
@media all and (max-width: 768px){
.bocuc_29 .sanpham_danhmuc > ul > li {
  margin-bottom: 20px;}

.bocuc_29 .dangchon .tieude {
  padding: 5px;}

}
.bocuc_30 {
  letter-spacing: 1px;
  line-height: 1.6;
  border-radius: .75rem;
}
.pc.nhomtrang3 .bocuc_16, .pc.nhomtrang4 .bocuc_16, .pc.nhomtrang2 .bocuc_16 {
  display: inline-block !important;
  width: 78%;
  margin: auto auto 40px 2%;
  vertical-align: top;
}
.mausanpham_1.bocuc_16 .sanpham_box {
  padding: 25px;
}
.mausanpham_1.bocuc_16 .sanpham_box .anh .anh_sanpham_danhsach {
  border-radius: 10px;
}
.mausanpham_1.bocuc_16 .sanpham_box li {
  margin-bottom: 20px;
}
.bocuc_16.mausanpham_1 .sanpham_box .html1 {
  font-weight: bold;
  font-size: 16px;
  margin-left: 5px;
  color: #2E2E2E;
}
@media (max-width: 767px) {
  .bocuc_16 {
    display: block !important;
    width: 100% !important;
  }
.bocuc_16 > .loprong > .padding {
  padding: 10px;
}
.pc.nhomtrang2 .bocuc_16, .pc.nhomtrang3 .bocuc_16, .pc.nhomtrang4 .bocuc_16{
  margin: auto;}

.bocuc_16.mauchitietsanpham_1 .anhchitiet.dtct, .bocuc_16.mauchitietsanpham_1 .ochua_1 {
  display: block;
  width: 100%;
  margin: auto;
}

}
.bocuc_24 .wmp-slider .slick-dots li button::before { color: #ffffff; }
.bocuc_24 .wmp-slider .slick-dots li.slick-active button::before { color: #ea580c; }
.bocuc_24 {
  margin-bottom: -4px;
}
.bocuc_31 p {
  margin: auto;
  line-height: 1.5;
  letter-spacing: 1px;
}
/* trang danh muc san pham */
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--vertical-marquee > marquee { display: block; overflow: hidden; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--vertical-marquee-v2 { overflow: hidden; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--vertical-marquee-v2 .wmp-product-vertical-v2-viewport { width: 100%; overflow: hidden; transition: height .35s ease; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--vertical-marquee-v2 .wmp-product-vertical-v2-track { display: block; transform: translateY(0); transition: transform .55s ease; will-change: transform; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--vertical-marquee-v2 .wmp-product-vertical-v2-track > li { display: block; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--horizontal-marquee { height: 90px; overflow: hidden; background: #000; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--horizontal-marquee .wmp-product-marquee-track { display: flex; width: max-content; height: 90px; animation: wmpProductMarquee 36s linear infinite; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--horizontal-marquee .wmp-product-marquee-track > ul { flex: 0 0 auto; width: max-content; height: 90px; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--horizontal-marquee .wmp-product-marquee-track > ul > li { width: 100px !important; height: 90px; box-sizing: border-box; padding: 1px; border: 1px solid #ccc; background: #fff; overflow: hidden; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--horizontal-marquee .wmp-product-marquee-track .anh { width: 100%; height: 86px; overflow: hidden; background: #fff; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--horizontal-marquee .wmp-product-marquee-track .anh a { display: flex; width: 100%; height: 86px; align-items: center; justify-content: center; }
.bocuc_16.mausanpham_1 .sanpham_box.sanpham_box--horizontal-marquee .wmp-product-marquee-track .anh a > .anh_sanpham_danhsach { width: 100% !important; height: 84px !important; object-fit: contain; margin: 0; }
@keyframes wmpProductMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
.bocuc_16.mausanpham_1 .sanpham_box > ul { display: block; padding: 0; margin: 0; list-style: none; }
.bocuc_16.mausanpham_1 .sanpham_box > ul > li { display: inline-block; width: 100%; box-sizing: border-box; vertical-align: top; clear: both; text-align: left; transition: box-shadow .28s ease, transform .28s ease; }
.bocuc_16.mausanpham_1 .sanpham_box > ul > li > div { height: 100%; position: relative; }
@media all and (max-width: 768px) { .bocuc_16.mausanpham_1 .sanpham_box > ul > li { width: 50% !important; } }
.bocuc_16.mausanpham_1 .sanpham_box .truong { margin-bottom: 5px; }
.bocuc_16.mausanpham_1 .sanpham_box .anh { display: block; position: relative; margin: 0; vertical-align: top; justify-content: flex-start; text-align: center; }
.bocuc_16.mausanpham_1 .sanpham_box .anh a { display: flex; align-items: flex-end; justify-content: center; }
.bocuc_16.mausanpham_1 .sanpham_box .anh a > .anh_sanpham_danhsach, .bocuc_16.mausanpham_1 .sanpham_box .doianh { margin-left: 0; margin-right: auto; }
.bocuc_16.mausanpham_1 .sanpham_box .doianh { position: relative; display: block; width: 300px; max-width: 100%; overflow: hidden; }
.bocuc_16.mausanpham_1 .sanpham_box .chinh, .bocuc_16.mausanpham_1 .sanpham_box .phu { display: block; width: 100%; transition: opacity .28s ease, transform .28s ease; }
.bocuc_16.mausanpham_1 .sanpham_box .chinh { position: relative; z-index: 1; opacity: 1; }
.bocuc_16.mausanpham_1 .sanpham_box .phu { position: absolute; z-index: 2; inset: 0; height: 100%; opacity: 0; pointer-events: none; }
.bocuc_16.mausanpham_1 .sanpham_box .doianh:hover .phu { opacity: 1; transform: scale(1.03); }
.bocuc_16.mausanpham_1 .sanpham_box .doianh:hover .chinh { opacity: 0; transform: scale(1.03); }
.bocuc_16.mausanpham_1 .sanpham_box .doi-anh-icon { display: none; }
.bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2 .chinh, .bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2 .phu { transition: transform .38s cubic-bezier(.22,.61,.36,1), opacity .18s ease; }
.bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2 .chinh { opacity: 1; transform: translateX(0); }
.bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2 .phu { opacity: 1; transform: translateX(100%); }
.bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2:hover .chinh { opacity: 1; transform: translateX(-100%); }
.bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2:hover .phu { opacity: 1; transform: translateX(0); }
.bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2::after { content: ""; position: absolute; inset: 0; z-index: 3; background: rgba(255,255,255,.08); opacity: 0; pointer-events: none; transition: opacity .28s ease; }
.bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2 .doi-anh-icon { position: absolute; z-index: 4; top: 50%; left: 50%; display: inline-flex; width: 46px; height: 46px; align-items: center; justify-content: center; border-radius: 999px; background: rgba(255,255,255,.94); color: #d02355; font-size: 20px; line-height: 1; box-shadow: 0 10px 28px rgba(15,23,42,.18); opacity: 0; transform: translate(-50%, -38%) scale(.9); transition: opacity .28s ease, transform .28s ease; pointer-events: none; }
.bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2:hover::after { opacity: 1; }
.bocuc_16.mausanpham_1 .sanpham_box .doianh-kieu2:hover .doi-anh-icon { opacity: 1; transform: translate(-50%, -50%) scale(1); }
.bocuc_16.mausanpham_1 .sanpham_box .khong_anh { background: #e5e7eb; display: flex; align-items: center; justify-content: center; color: #6b7280; }
.bocuc_16.mausanpham_1 .sanpham_box .tieude a { color: inherit; text-decoration: none; }
.bocuc_16.mausanpham_1 .sanpham_box .tieude .het_hang { margin-left: 4px; color: red; font-weight: normal; font-style: italic; }
.bocuc_16.mausanpham_1 .sanpham_box [class^="ochua-"] { gap: 8px; align-items: center; }
.bocuc_16.mausanpham_1 > .loprong > .header > .danhmuc_capcon { display: flex; flex: 1 1 0; min-width: 0; flex-wrap: wrap; align-items: center; column-gap: 10px; row-gap: 4px; margin-left: 0; font: inherit; font-weight: normal; line-height: 1.35; }
.bocuc_16.mausanpham_1 > .loprong > .header > .danhmuc_capcon a { color: inherit; font-weight: inherit; text-decoration: none; white-space: nowrap; }
.bocuc_16.mausanpham_1 > .loprong > .header > .danhmuc_capcon a:hover { text-decoration: underline; }
.bocuc_16.mausanpham_1 > .loprong > .header > .danhmuc_capcon--left { order: 1; }
.bocuc_16.mausanpham_1 > .loprong > .header > .danhmuc_capcon--right { flex: 0 1 auto; order: 1; margin-left: auto; justify-content: flex-end; text-align: right; }
.bocuc_16.mausanpham_1 > .loprong > .header > .danhmuc_capcon .danhmuc_sep { color: currentColor; opacity: .55; }
.bocuc_16.mausanpham_1 > .loprong > .header > .link_xem_toanbo { order: 2; margin-left: auto; color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_16.mausanpham_1 > .loprong > .header > .danhmuc_capcon--right + .link_xem_toanbo { margin-left: 0; }
.bocuc_16.mausanpham_1 > .loprong > .header > .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_16.mausanpham_1 .sanpham_box .xemtoanbo { margin-top: 16px; }
.bocuc_16.mausanpham_1 .sanpham_box .xemtoanbo--right { text-align: right; }
.bocuc_16.mausanpham_1 .sanpham_box .xemtoanbo--center { text-align: center; }
.bocuc_16.mausanpham_1 .sanpham_box .xemtoanbo .link_xem_toanbo { color: inherit; text-decoration: none; font: inherit; font-weight: 400; white-space: nowrap; }
.bocuc_16.mausanpham_1 .sanpham_box .xemtoanbo .link_xem_toanbo:hover { text-decoration: underline; }
.bocuc_16.mausanpham_1 .sanpham_box .ochua-1 { display: inline-block; width: 20%; vertical-align: top; }
.bocuc_16.mausanpham_1 .sanpham_box .html1 { display: inline-block; vertical-align: top; }
.bocuc_16.mausanpham_1 .sanpham_box .gia strong, .bocuc_16.mausanpham_1 .sanpham_box .giacu strong, .bocuc_16.mausanpham_1 .sanpham_box .giasi strong { color: inherit; font: inherit; }
.bocuc_16.mausanpham_1 .sanpham_box .anh { display: inline-block; width: 20%; vertical-align: top; margin: auto 2% auto auto; }
.bocuc_16.mausanpham_1 .sanpham_box .tieude { display: inline-block; width: 58%; vertical-align: top; margin: 0; padding: 0; font-size: 16px; font-weight: normal; color: #2E2E2E; }
.bocuc_16.mausanpham_1 .sanpham_box .gia { display: inline-block; vertical-align: top; font-size: 16px; font-weight: bold; color: #2E2E2E; }
/* trang chi tiet san pham */
.mauchitietsanpham_1 .anhchitiet { position:relative; overflow:hidden; border-radius:12px; }
.mauchitietsanpham_1 .anhchitiet .product-gallery-main-button { position:relative; display:block; width:100%; aspect-ratio:auto; padding:0; overflow:hidden; isolation:isolate; border:0; background:transparent; cursor:grab; touch-action:pan-y; user-select:none; }
.mauchitietsanpham_1 .anhchitiet img { display:block; width:auto; max-width:100%; height:auto; max-height:none; margin:0 auto; object-fit:contain; color:transparent; font-size:0; }
.mauchitietsanpham_1 .product-gallery-main-button.is-transitioning { cursor:default; }
.mauchitietsanpham_1 .product-gallery-main-button.is-dragging, .mauchitietsanpham_1 .product-gallery-modal-figure.is-dragging { cursor:grabbing; }
.mauchitietsanpham_1 .product-gallery-main-button img, .mauchitietsanpham_1 .product-gallery-modal-figure img { -webkit-user-drag:none; }
.mauchitietsanpham_1 .product-gallery-main-button.is-dragging img, .mauchitietsanpham_1 .product-gallery-modal-figure.is-dragging img { user-select:none; will-change:transform; backface-visibility:hidden; }
.mauchitietsanpham_1 .product-gallery-transition-image { position:absolute; inset:0; z-index:2; width:100%; height:100%; object-fit:contain; pointer-events:none; will-change:transform; }
.mauchitietsanpham_1 .product-gallery-drag-track { position:absolute; inset:0; z-index:3; display:flex; width:300%; height:100%; pointer-events:none; will-change:transform; backface-visibility:hidden; }
.mauchitietsanpham_1 .product-gallery-drag-pane { display:grid; flex:0 0 33.333333%; width:33.333333%; min-width:0; height:100%; place-items:center; overflow:hidden; }
.mauchitietsanpham_1 .product-gallery-drag-pane img { display:block; width:100%; max-width:100%; height:100%; max-height:none; object-fit:contain; user-select:none; -webkit-user-drag:none; }
.mauchitietsanpham_1 .product-gallery-arrow { position:absolute; top:50%; z-index:2; display:grid; width:42px; height:42px; padding:0; place-items:center; transform:translateY(-50%); border:1px solid rgba(148,163,184,.3); border-radius:999px; background:rgba(255,255,255,.9); box-shadow:0 4px 14px rgba(15,23,42,.14); color:#e83e8c; font:400 34px/1 Arial,sans-serif; cursor:pointer; }
.mauchitietsanpham_1 .product-gallery-arrow:hover, .mauchitietsanpham_1 .product-gallery-arrow:focus-visible { background:#fff; outline:2px solid #ec4899; outline-offset:2px; }
.mauchitietsanpham_1 .product-gallery-arrow:disabled { opacity:.35; cursor:default; }
.mauchitietsanpham_1 .product-gallery-arrow-prev { left:10px; }
.mauchitietsanpham_1 .product-gallery-arrow-next { right:10px; }
.mauchitietsanpham_1 .anhthumb { position:relative; }
.mauchitietsanpham_1 .product-gallery-thumb-track { display:flex; min-width:0; gap:8px; overflow-x:auto; scroll-behavior:smooth; scroll-snap-type:x proximity; scrollbar-width:none; }
.mauchitietsanpham_1 .product-gallery-thumb-track::-webkit-scrollbar { display:none; }
.mauchitietsanpham_1 .product-gallery-thumb { flex:0 0 auto; padding:2px; border:2px solid transparent; border-radius:9px; background:#fff; cursor:pointer; scroll-snap-align:start; transition:border-color .18s ease, opacity .18s ease; }
.mauchitietsanpham_1 .product-gallery-thumb:hover { opacity:.82; }
.mauchitietsanpham_1 .product-gallery-thumb:focus-visible { outline:2px solid #ec4899; outline-offset:2px; }
.mauchitietsanpham_1 .anhthumb img { display:block; border-radius:6px; object-fit:contain; color:transparent; font-size:0; }
.mauchitietsanpham_1 .product-gallery-thumb-arrow { position:absolute; top:50%; z-index:2; display:grid; width:32px; height:32px; padding:0; place-items:center; transform:translateY(-50%); border:1px solid #e2e8f0; border-radius:999px; background:rgba(255,255,255,.94); box-shadow:0 3px 10px rgba(15,23,42,.12); color:#e83e8c; font:400 26px/1 Arial,sans-serif; cursor:pointer; }
.mauchitietsanpham_1 [data-product-gallery-thumbs-prev] { left:4px; }
.mauchitietsanpham_1 [data-product-gallery-thumbs-next] { right:4px; }
.mauchitietsanpham_1 .product-gallery-thumb-arrow:disabled { opacity:.35; cursor:default; }
.mauchitietsanpham_1 .product-gallery-thumb-arrow.is-unneeded { display:none; }
.mauchitietsanpham_1 .product-gallery-thumb-arrow:hover, .mauchitietsanpham_1 .product-gallery-thumb-arrow:focus-visible { border-color:#ec4899; outline:none; }
.mauchitietsanpham_1 .product-gallery-modal { box-sizing:border-box; width:100vw; max-width:none; height:100vh; max-height:none; margin:0; padding:20px; border:0; background:rgba(2,6,23,.94); color:#fff; overflow:hidden; }
.mauchitietsanpham_1 .product-gallery-modal::backdrop { background:transparent; }
.mauchitietsanpham_1 .product-gallery-modal-inner { position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; margin:auto; }
.mauchitietsanpham_1 .product-gallery-modal-figure { position:relative; display:grid; width:100%; min-width:0; height:100%; margin:0; overflow:visible; grid-template-rows:minmax(0,1fr) auto; place-items:center; cursor:grab; touch-action:pan-y; user-select:none; }
.mauchitietsanpham_1 .product-gallery-modal-figure.is-transitioning { overflow:hidden; }
.mauchitietsanpham_1 .product-gallery-modal-figure img { display:block; width:auto; max-width:100%; height:auto; max-height:calc(100vh - 80px); object-fit:contain; touch-action:pan-y; }
.mauchitietsanpham_1 .product-gallery-modal-transition-image { position:absolute; inset:0 0 28px; z-index:2; width:100%; max-width:none; height:calc(100% - 28px); max-height:none; object-fit:contain; pointer-events:none; will-change:transform; }
.mauchitietsanpham_1 .product-gallery-modal-figure .product-gallery-drag-track { inset:0 0 28px; height:auto; }
.mauchitietsanpham_1 .product-gallery-modal-figure .product-gallery-drag-pane img { width:100%; height:100%; max-width:100%; max-height:none; }
.mauchitietsanpham_1 .product-gallery-modal-figure figcaption { position:fixed; top:18px; left:20px; z-index:3; padding:0; color:#fff; font:500 14px/1.3 Arial,sans-serif; }
.mauchitietsanpham_1 .product-gallery-modal-close, .mauchitietsanpham_1 .product-gallery-modal-arrow { border:0; border-radius:999px; background:rgba(255,255,255,.14); color:#fff; cursor:pointer; }
.mauchitietsanpham_1 .product-gallery-modal-close:hover, .mauchitietsanpham_1 .product-gallery-modal-close:focus-visible, .mauchitietsanpham_1 .product-gallery-modal-arrow:hover, .mauchitietsanpham_1 .product-gallery-modal-arrow:focus-visible { background:rgba(255,255,255,.28); outline:2px solid #fff; outline-offset:2px; }
.mauchitietsanpham_1 .product-gallery-modal-close { position:fixed; top:18px; right:20px; z-index:4; width:44px; height:44px; font:300 34px/1 Arial,sans-serif; }
.mauchitietsanpham_1 .product-gallery-modal-arrow { display:grid; width:48px; height:48px; padding:0; place-items:center; font:400 38px/1 Arial,sans-serif; }
.mauchitietsanpham_1 .product-gallery-modal-prev, .mauchitietsanpham_1 .product-gallery-modal-next { position:fixed; top:50%; z-index:4; transform:translateY(-50%); }
.mauchitietsanpham_1 .product-gallery-modal-prev { left:20px; }
.mauchitietsanpham_1 .product-gallery-modal-next { right:20px; }
.mauchitietsanpham_1 .product-gallery-modal-arrow:disabled { visibility:hidden; }
@media (max-width:640px) { .mauchitietsanpham_1 .product-gallery-arrow { width:36px; height:36px; font-size:29px; } .mauchitietsanpham_1 .product-gallery-modal { padding:10px; } .mauchitietsanpham_1 .product-gallery-modal-arrow { width:38px; height:38px; font-size:30px; } .mauchitietsanpham_1 .product-gallery-modal-prev { left:8px; } .mauchitietsanpham_1 .product-gallery-modal-next { right:8px; } .mauchitietsanpham_1 .product-gallery-modal-close { top:10px; right:10px; width:40px; height:40px; } .mauchitietsanpham_1 .product-gallery-modal-figure figcaption { top:14px; left:12px; } }
.mauchitietsanpham_1 .tieude { font-size:32px; font-weight:bold; }
.mauchitietsanpham_1 .gia { font-size:22px; font-weight:bold; }
.mauchitietsanpham_1 .nutmuahang { --buy-red:#e51b23; --buy-blue:#1f57b5; --buy-deep-blue:#1400d7; --buy-pink:#ed1974; --buy-orange:#ff6b2f; --buy-ink:#111827; --buy-line:#d9dee8; display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.mauchitietsanpham_1 .buy_button_quantity_wrap { display:inline-flex; align-items:center; gap:8px; }
.mauchitietsanpham_1 .buy_button_quantity_label { color:var(--buy-ink); font-weight:700; }
.mauchitietsanpham_1 .osoluong { display:inline-flex; overflow:hidden; border:1px solid var(--buy-line); border-radius:6px; background:#fff; }
.mauchitietsanpham_1 .osoluong label, .mauchitietsanpham_1 .osoluong input { width:40px; height:38px; border:0; text-align:center; }
.mauchitietsanpham_1 .osoluong label { display:inline-flex; align-items:center; justify-content:center; background:#fff; color:var(--buy-ink); font-size:20px; cursor:pointer; user-select:none; }
.mauchitietsanpham_1 .osoluong input { border-left:1px solid var(--buy-line); border-right:1px solid var(--buy-line); color:var(--buy-ink); font-size:15px; outline:none; }
.mauchitietsanpham_1 .nut_dat { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:8px; box-sizing:border-box; border:1px solid transparent; border-radius:6px; padding:0 24px; background:var(--buy-red); color:#fff; font-weight:800; line-height:1.2; text-align:center; text-decoration:none; cursor:pointer; user-select:none; transition:filter .15s ease, transform .15s ease; }
.mauchitietsanpham_1 .nut_dat:hover { filter:brightness(.96); }
.mauchitietsanpham_1 .nut_dat_primary { flex:1 1 220px; }
.mauchitietsanpham_1 .nut_dat_secondary { flex:0 0 auto; }
.mauchitietsanpham_1 .nut_dat_text { display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; }
.mauchitietsanpham_1 .nut_dat_icon { display:inline-block; width:18px; height:18px; flex:0 0 auto; color:currentColor; vertical-align:-3px; }
.mauchitietsanpham_1 .nut_dat_subtext { font-size:12px; font-weight:500; text-transform:none; }
.mauchitietsanpham_1 .danhgia { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.mauchitietsanpham_1 .rating-stars { display:inline-flex; flex-direction:row; gap:2px; }
.mauchitietsanpham_1 .rating-star { appearance:none; border:0; padding:0 1px; background:transparent; color:#d1d5db; font-size:24px; line-height:1; cursor:pointer; transition:color .15s ease, transform .15s ease; }
.mauchitietsanpham_1 .rating-star.is-active, .mauchitietsanpham_1 .rating-star.is-preview { color:#f5b301; }
.mauchitietsanpham_1 .rating-star:hover, .mauchitietsanpham_1 .rating-star:focus-visible { transform:scale(1.15); outline:none; }
.mauchitietsanpham_1 .phanhoi { width:100%; }
.mauchitietsanpham_1 .product-feedback-form { display:grid; gap:10px; margin:14px 0 22px; }
.mauchitietsanpham_1 .product-feedback-form label { display:grid; gap:4px; font-weight:400; }
.mauchitietsanpham_1 .product-feedback-form input, .mauchitietsanpham_1 .product-feedback-form textarea { width:100%; box-sizing:border-box; border:1px solid #9ca3af; padding:6px 8px; font:14px Arial,sans-serif; }
.mauchitietsanpham_1 .product-feedback-form button { width:max-content; border:0; border-radius:4px; background:#ffd22f; padding:12px 22px; color:#111; font-weight:700; cursor:pointer; }
.mauchitietsanpham_1 .product-feedback-message { color:#15803d; font-weight:700; }
.mauchitietsanpham_1 .product-feedback-error { color:#dc2626; font-weight:700; }
.mauchitietsanpham_1 .phone-request-form { display:grid; gap:8px; margin:14px 0 22px; }
.mauchitietsanpham_1 .phone-request-form label { display:block; font-weight:400; }
.mauchitietsanpham_1 .phone-request-fields { display:flex; gap:8px; align-items:stretch; max-width:460px; }
.mauchitietsanpham_1 .phone-request-fields input { flex:1 1 auto; min-width:0; box-sizing:border-box; border:1px solid #9ca3af; padding:8px 10px; font:14px Arial,sans-serif; }
.mauchitietsanpham_1 .phone-request-fields button { border:0; border-radius:4px; background:#ffd22f; padding:8px 18px; color:#111; font-weight:bold; cursor:pointer; }
.mauchitietsanpham_1 .phone-request-message { color:#15803d; font-weight:bold; }
.mauchitietsanpham_1 .phone-request-error { color:#dc2626; font-weight:bold; }
.mauchitietsanpham_1 .product-feedback-list { display:grid; gap:22px; }
.mauchitietsanpham_1 .product-feedback-list.is-loading { opacity:.72; transition:opacity .18s ease; }
.mauchitietsanpham_1 .product-feedback-item { display:grid; grid-template-columns:54px 1fr; gap:12px; align-items:start; }
.mauchitietsanpham_1 .product-feedback-item.is-new { animation:productFeedbackIn .22s ease both; }
.mauchitietsanpham_1 .product-feedback-avatar { display:block; width:54px; height:54px; border:1px solid #cbd5e1; object-fit:cover; }
.mauchitietsanpham_1 .product-feedback-meta { margin:0 0 8px; font-size:14px; }
.mauchitietsanpham_1 .product-feedback-content { margin:0; }
.mauchitietsanpham_1 .product-feedback-more { display:block; min-width:170px; margin:22px auto 0; border:1px solid #ef4444; border-radius:999px; background:#fff; box-shadow:0 8px 18px rgba(239,68,68,.12); padding:11px 22px; color:#dc2626; font:700 14px/1.2 Arial,sans-serif; cursor:pointer; transition:background .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease, opacity .15s ease; }
.mauchitietsanpham_1 .product-feedback-more:hover { background:#ef4444; color:#fff; box-shadow:0 10px 22px rgba(239,68,68,.22); transform:translateY(-1px); }
.mauchitietsanpham_1 .product-feedback-more:focus-visible { outline:2px solid #ef4444; outline-offset:3px; }
.mauchitietsanpham_1 .product-feedback-more:disabled { opacity:.55; cursor:default; }
.mauchitietsanpham_1 .product-feedback-more[hidden] { display:none; }
@keyframes productFeedbackIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.mauchitietsanpham_1 .product-global-tabs { width:100%; margin:16px 0; border:1px solid #e5e7eb; border-radius:8px; background:#fff; overflow:hidden; }
.mauchitietsanpham_1 .product-global-tabs-nav { display:flex; flex-wrap:wrap; border-bottom:1px solid #e5e7eb; background:#f9fafb; }
.mauchitietsanpham_1 .product-global-tabs-button { min-height:38px; padding:0 14px; border:0; border-right:1px solid #e5e7eb; background:transparent; color:#374151; font:700 14px/1.2 Arial,sans-serif; cursor:pointer; }
.mauchitietsanpham_1 .product-global-tabs-button.is-active { background:#fff; color:#111827; }
.mauchitietsanpham_1 .product-global-tabs-panel { display:none; padding:16px; line-height:1.7; }
.mauchitietsanpham_1 .product-global-tabs-panel.is-active { display:block; }
.mauchitietsanpham_1 .buy-button-style-1 .buy_button_quantity_label { display:none; }
.mauchitietsanpham_1 .buy-button-style-1 .nut_dat_secondary { width:60px; min-height:40px; padding:0; border-radius:4px; background:#0f1117; color:#fff; font-size:20px; }
.mauchitietsanpham_1 .buy-button-style-1 .nut_dat_primary { min-height:40px; border-radius:4px; background:#e51b23; color:#fff; text-transform:uppercase; }
@media (max-width:640px) { .mauchitietsanpham_1 .nutmuahang { align-items:stretch; } .mauchitietsanpham_1 .buy_button_quantity_wrap { flex:1 1 100%; } .mauchitietsanpham_1 .nut_dat_primary, .mauchitietsanpham_1 .nut_dat_secondary { flex:1 1 100%; } }
.mauchitietsanpham_1 .anhchitiet.dtct { display:inline-block; width:48%; margin:auto 1.5% auto auto; }
.mauchitietsanpham_1 .gia.dtct { display:block; }
.mauchitietsanpham_1 .giacu.dtct { display:block; }
.mauchitietsanpham_1 .ochua_1 { display:inline-block;vertical-align:top;width:50%; }
.mauchitietsanpham_1 .html_2 { display:block;vertical-align:top; }
.mauchitietsanpham_1 .anhchitiet { width:500px; max-width:100%; }
.mauchitietsanpham_1 .tieude { font-size:20px; }
.mauchitietsanpham_1 .gia { color:#E13028; }
/* css tuy chinh */
.bocuc_19 {
  z-index: 999;
}
.nhomtrang5 .bocuc_15 {
  background-color: #ffffff;
}
.nhomtrang4 .bocuc_16 > .loprong > .padding {
  padding: 15px;
}
.nhomtrang5 .bocuc_16 > .loprong > .header {
padding: 40px 0;
  background-color: white;
}
.nhomtrang5 .bocuc_16 > .loprong > .header > .header_text {
font-size: 25px;
color: #2E2E2E;}
.danhmuchtml1.category-html-box h3 {
  text-align: center;
  font-size: 30px;
  text-transform: uppercase;
}
@font-face {
  font-family: BeonFutura;
  src: url('/files/assets/beon-v0/futura.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}
body.pc {
  --beon-screen: 100vh;
  --beon-header: 72px;
  --beon-utilities: 112px;
  --beon-center-min: 180px;
  --beon-inner: 1200px;
  --beon-gutter: 24px;
  --beon-ink: #433d47;
  margin: 0;
  overflow-x: clip;
  color: var(--beon-ink);
  font-family: BeonFutura, Arial, sans-serif;
  font-size: 14px;
  letter-spacing: 0;
}
@supports (height: 100svh) {
  body.pc { --beon-screen: 100svh; }
}
body.pc #khung_chinh { width: 100%; max-width: none; margin: 0; }
body.pc #khung_chinh * { box-sizing: border-box; }
body.nhomtrang1 #khung_chinh > div:first-child {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows:
    minmax(max(var(--beon-center-min), calc(var(--beon-screen) - var(--beon-header) - var(--beon-utilities))), auto)
    var(--beon-utilities)
    auto;
  padding-top: var(--beon-header);
  width: 100%;
}
body.pc a { color: inherit; text-decoration: none; }
body.pc button, body.pc input { font: inherit; }
body.pc button, body.pc a, body.pc input { -webkit-tap-highlight-color: transparent; }
body.pc :is(button, a, input):focus-visible { outline: 2px solid #a77937; outline-offset: 4px; }
body.pc :is(.beon-header, .beon-utilities, .beon-footer) > .loprong {
  width: min(100%, var(--beon-inner)); max-width: var(--beon-inner); margin: 0 auto;
}
body.pc :is(.beon-header, .beon-utilities, .beon-footer) > .loprong > .padding > div {
  min-width: 0; width: auto; margin: 0;
}
body.pc :is(.beon-header, .beon-utilities, .beon-footer) .loprong > .padding { padding: 0; }
body.pc .beon-header {
  position: fixed; inset: 0 0 auto; width: 100%; height: var(--beon-header);
  margin: 0; z-index: 100; padding: 0 var(--beon-gutter);
}
body.pc .beon-header > .loprong,
body.pc .beon-header > .loprong > .padding { height: 100%; }
body.pc .beon-header > .loprong > .padding {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
}
body.pc .beon-header .beon-menu { flex: 1; }
body.pc .beon-header .beon-search { flex: 0 0 180px; width: 180px; }
body.pc #khung_chinh .beon-menu .menu_div > .ul1 {
  display: flex; gap: 24px; align-items: center; margin: 0; padding: 0; list-style: none;
}
body.pc #khung_chinh .beon-menu .menu_div > .ul1 > li {
  display: block; flex: 0 0 auto; margin: 0; padding: 0; font-size: 16px; font-weight: normal;
}
body.pc #khung_chinh .beon-menu .menu_div > .ul1 > li > a {
  padding: 4px 0; color: #ed1e79; white-space: nowrap; text-transform: uppercase;
}
body.pc #khung_chinh .beon-menu .menu_div > .ul1 > li.dang_chon > a {
  border-bottom: 1px solid #ed1e79;
}
body.pc #khung_chinh .beon-menu .beon-menu-toggle { display: none; }
body.pc .beon-search .wmp-search-tool-field { border: 0; border-bottom: 1px solid #777485; background: transparent; border-radius: 0; }
body.pc .beon-search .wmp-search-tool-input { background: transparent; padding-left: 0; font-size: 13px; }
body.pc .beon-search .wmp-search-tool-submit { min-width: 32px; width: 32px; background: transparent; }
body.pc .beon-search .wmp-search-tool-results { background: #fff; }
body.pc .beon-event {
  grid-column: 1; grid-row: 1; position: relative; margin: 0; width: 100%;
  display: grid; align-items: center; min-width: 0; padding: 24px var(--beon-gutter);
}
body.pc .beon-event > .loprong { max-width: none; width: 100%; }
body.pc .beon-event > .loprong > .padding { padding: 0; position: static; }
body.pc .beon-scene {
  position: absolute; left: 0; top: calc(0px - var(--beon-header)); width: 100%;
  height: var(--beon-screen); overflow: hidden; pointer-events: none; z-index: -1;
}
body.pc .beon-scene img { display: block; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
body.pc .beon-scene .beon-bg-mobile { display: none; }
body.pc .beon-scene .beon-scene-lines { object-fit: fill; }
body.pc .beon-event-content { position: relative; text-align: center; z-index: 2; }
body.pc .beon-event-logo { display: block; width: 152px; height: auto; margin: 0 auto; }
body.pc .beon-utilities {
  grid-column: 1; grid-row: 2; display: grid; align-items: center; position: relative;
  z-index: 3; width: 100%; padding: 0 var(--beon-gutter);
}
body.pc .beon-utilities > .loprong > .padding {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: center; gap: 32px;
}
body.pc .beon-social > .loprong > .padding { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
body.pc .beon-social a {
  display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid currentColor;
  border-radius: 50%; background: #ffffff69; font-size: 18px;
}
body.pc .beon-social a:hover { background: #ffffffcc; }
body.pc .beon-weather .weather { display: flex; align-items: center; justify-content: center; gap: 14px; }
body.pc .beon-weather p { margin: 0; }
body.pc .beon-weather .time-widget { text-align: center; }
body.pc .beon-weather .location { font-size: 13px; white-space: nowrap; }
body.pc .beon-weather .beon-clock { margin-top: 5px; font-size: 12px; white-space: nowrap; }
body.pc .beon-weather .weather-widget { display: flex; align-items: center; gap: 8px; }
body.pc .beon-weather .weather-icon { width: 52px; height: 52px; object-fit: contain; border-radius: 4px; }
body.pc .beon-weather .weatherinfo { min-width: 72px; text-align: center; }
body.pc .beon-temperature { display: block; font-size: 29px; white-space: nowrap; }
body.pc .beon-condition { display: block; font-size: 12px; max-width: 120px; }
body.pc .beon-player { display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; margin-bottom: 10px; }
body.pc .beon-player .controls { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
body.pc .beon-player button {
  display: grid; place-items: center; width: 18px; height: 28px; padding: 0;
  border: 0; background: transparent; color: inherit; font-size: 13px; cursor: pointer;
}
body.pc .beon-player button[aria-pressed='true'] { color: #9c6732; }
body.pc .beon-player .progress-container { flex: 1; min-width: 0; }
body.pc .beon-player .time { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; margin-bottom: 4px; }
body.pc .beon-player .beon-timeline { display: block; width: 100%; height: 3px; padding: 0; margin: 0; accent-color: #a77937; cursor: pointer; }
body.pc .beon-audio-status { display: block; font-size: 11px; }
body.pc .beon-audio-status:empty { display: none; }
body.pc .beon-customer { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
body.pc .beon-customer p { margin: 0; font-size: 12px; }
body.pc .beon-customer a { font-size: 11px; text-decoration: underline; white-space: nowrap; }
body.pc .beon-footer {
  grid-column: 1; grid-row: 3; position: relative; z-index: 4; width: 100%;
  background: #fff; color: #2e2e2e; padding: 35px var(--beon-gutter) 15px;
  border-top: 0; font-size: 13px; line-height: normal;
}
body.pc .beon-footer > .loprong > .padding { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
body.pc .beon-footer .header { font-size: 13px; font-weight: bold; margin: 0 0 14px; letter-spacing: 0; }
body.pc .beon-footer p { line-height: 1.6; font-size: 13px; margin: 0 0 8px; }
body.pc .beon-footer-logo { display: inline-block; vertical-align: baseline; margin: 0; }
body.pc .beon-footer ul { padding: 0; margin: 0; list-style: none; }
body.pc .beon-footer li { font-size: 13px; line-height: 1.6; margin-bottom: 8px; }
body.pc .beon-footer .beon-contact-link { display: inline-flex; align-items: stretch; gap: 15px; margin: 0; max-width: 100%; color: #2e2e2e; font-size: 13px; line-height: normal; }
body.pc .beon-footer .layout-newsletter-box { gap: 6px; }
body.pc .beon-footer .layout-newsletter-box-label { font-size: 13px; line-height: 1.6; margin-bottom: 8px; }
body.pc .beon-footer .layout-newsletter-box-input { min-width: 0; flex: 1; background: #fff; border: 1px solid #d8cbd6; font-family: inherit; }
body.pc .beon-footer .layout-newsletter-box-button { padding: 0 12px; background: #a77937; font-weight: bold; }
body.pc .beon-footer .layout-newsletter-box-message { line-height: 1.5; }
@media (max-width: 1199px) {
  body.pc { --beon-utilities: 128px; --beon-gutter: 20px; }
  body.pc #khung_chinh .beon-menu .menu_div > .ul1 { gap: 16px; }
  body.pc #khung_chinh .beon-menu .menu_div > .ul1 > li { font-size: 14px; }
  body.pc .beon-header .beon-search { flex-basis: 140px; width: 140px; }
  body.pc .beon-utilities > .loprong > .padding { gap: 18px; grid-template-columns: minmax(0, .9fr) minmax(0, 1.15fr) minmax(0, 1fr); }
  body.pc .beon-social > .loprong > .padding { gap: 5px; }
  body.pc .beon-social a { width: 36px; height: 36px; }
  body.pc .beon-weather .weather { gap: 8px; }
  body.pc .beon-weather .weather-icon { width: 42px; height: 42px; }
  body.pc .beon-temperature { font-size: 25px; }
  body.pc .beon-player .controls { gap: 5px; }
  body.pc .beon-customer { flex-wrap: wrap; gap: 2px 10px; }
  body.pc .beon-footer > .loprong > .padding { gap: 24px; }
}
@media (max-width: 959px) {
  body.pc { --beon-header: 64px; --beon-utilities: 172px; }
  body.pc #khung_chinh .beon-menu .beon-menu-toggle { display: grid; place-items: center; width: 44px; height: 44px; background: transparent; color: #26212c; border: 0; font-size: 22px; cursor: pointer; }
  body.pc #khung_chinh .beon-menu .menu_div > .ul1 { display: none; }
  body.pc #khung_chinh .beon-menu .menu_div.beon-menu-open > .ul1 {
    display: flex; flex-direction: column; align-items: flex-start; gap: 14px;
    position: fixed; top: var(--beon-header); left: 0; right: 0; width: 100%;
    max-height: calc(var(--beon-screen) - var(--beon-header)); overflow: auto;
    padding: 20px var(--beon-gutter); background: #fffffff5; border-bottom: 1px solid #eee8ee;
  }
  body.pc .beon-header .beon-search { flex-basis: 180px; width: 180px; }
  body.pc .beon-scene .beon-bg-desktop, body.pc .beon-scene .beon-scene-overlay { display: none; }
  body.pc .beon-scene .beon-bg-mobile { display: block; }
  body.pc .beon-utilities > .loprong > .padding { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 18px 30px; }
  body.pc .beon-social { grid-column: 1 / -1; }
  body.pc .beon-social > .loprong > .padding { justify-content: center; gap: 12px; }
  body.pc .beon-footer > .loprong > .padding { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px; }
}
@media (max-width: 599px) {
  body.pc { --beon-utilities: 222px; --beon-ink: #26212c; }
  body.pc .beon-header .beon-search { flex-basis: 160px; width: 160px; }
  body.pc .beon-utilities > .loprong > .padding { grid-template-columns: minmax(0, 1fr); gap: 15px; width: min(100%, 360px); margin: auto; }
  body.pc .beon-social > .loprong > .padding { gap: 10px; }
  body.pc .beon-customer { justify-content: center; gap: 8px; }
  body.pc .beon-player { margin-bottom: 6px; }
  body.pc .beon-footer > .loprong > .padding { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-height: 499px) and (min-width: 600px) {
  body.pc { --beon-center-min: 120px; --beon-utilities: 128px; }
  body.pc .beon-event { padding-block: 10px; }
  body.pc .beon-event-logo { max-height: 150px; width: auto; object-fit: contain; }
}
/* Non-home native pages share the fixed header and editable footer. */
body.pc:not(.nhomtrang1) #khung_chinh > div:first-child {
  display: flex; flex-direction: column; min-height: 100svh; padding-top: var(--beon-header);
}
body.pc .beon-page-content {
  flex: 1; width: min(100%, 1120px); margin: 0 auto; padding: 40px var(--beon-gutter); min-width: 0;
}
body.pc .beon-page-content > .loprong > .header { margin: 0 0 24px; font-size: 28px; font-weight: bold; }
body.pc .beon-page-content > .loprong > .padding { padding: 0; }
/* Beon footer: original wordmark and contact layout. */

body.pc .beon-footer .beon-contact > .loprong > .padding { display: flow-root; }
body.pc .beon-footer .beon-footer-brand { display: inline; }
body.pc .beon-footer .beon-footer-row { margin: 10px 0; font-size: 13px; line-height: normal; }
body.pc .beon-footer .beon-footer-icon { display: block; flex: 0 0 24px; width: 24px; height: 24px; margin: 6px 0 0; }
body.pc .beon-footer .beon-contact-phone h2 { font-size: 15px; font-weight: bold; line-height: normal; margin: auto 0 0; }
body.pc .beon-footer .beon-footer-address { min-width: 0; }
body.pc .beon-footer .beon-footer-address p { font-size: 13px; font-weight: normal; line-height: normal; margin: 0; }
body.pc .beon-footer .beon-hours .header { font-size: 14px; font-weight: normal; color: #291334; margin: 0; }
body.pc .beon-footer .beon-hours p { font-size: 13px; line-height: normal; margin: 7px 0; }
body.pc .beon-footer .beon-hours strong { font-weight: bold; }
@media (min-width: 960px) {
  body.pc .beon-footer > .loprong > .padding { gap: 0; }
}
/* Image configuration sources; the home scene owns the visible fade layers. */
body.pc .beon-background-desktop, body.pc .beon-background-mobile { display: none; }
/* BEON_MOBILE_UTILITIES_SYNC_016_019_20261007 */
@media (max-width: 599px) {
  body.pc .beon-utilities {
    top: calc(var(--beon-screen) * .705) !important;
    padding: 0 7.2% !important;
    box-sizing: border-box !important;
  }
  body.pc .beon-utilities > .loprong,
  body.pc .beon-utilities > .loprong > .padding {
    width: 100% !important;
    max-width: 100% !important;
  }
  body.pc .beon-social {
    margin: 0 !important;
    margin-bottom: 0 !important;
  }
  body.pc .beon-social > .loprong > .padding {
    justify-content: center !important;
    gap: clamp(22px, 6.2vw, 32px) !important;
  }
  body.pc .beon-social a {
    width: clamp(22px, 5.8vw, 29px) !important;
    height: clamp(22px, 5.8vw, 29px) !important;
    font-size: clamp(19px, 5.05vw, 25px) !important;
  }
  body.pc .beon-weather {
    margin: 0 !important;
  }
  body.pc .beon-weather .weather {
    display: grid !important;
    grid-template-columns: 42% 25% 33% !important;
    width: 100% !important;
    height: clamp(72px, 17.5vw, 86px) !important;
    min-height: clamp(72px, 17.5vw, 86px) !important;
    align-items: center !important;
    column-gap: 0 !important;
  }
  body.pc .beon-weather .time-widget {
    grid-column: 1 !important;
    justify-self: start !important;
    min-width: 0 !important;
    text-align: left !important;
    align-self: center !important;
  }
  body.pc .beon-weather .location,
  body.pc .beon-weather .location * {
    font-weight: bold !important;
  }
  body.pc .beon-weather .location {
    font-size: clamp(14px, 3.55vw, 17px) !important;
    line-height: 1.05 !important;
    margin: 0 0 4px !important;
    white-space: nowrap !important;
  }
  body.pc .beon-weather .beon-clock {
    display: block !important;
    font-size: 0 !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
  body.pc .beon-weather .beon-clock::before {
    content: 'Current Weather';
    font-size: clamp(12px, 3.05vw, 15px) !important;
    font-weight: bold !important;
    white-space: nowrap !important;
  }
  body.pc .beon-weather .weather-widget {
    display: contents !important;
  }
  body.pc .beon-weather .weather-icon,
  body.pc .beon-weather img.weather-icon {
    grid-column: 2 !important;
    width: clamp(78px, 20vw, 98px) !important;
    height: clamp(78px, 20vw, 98px) !important;
    min-width: clamp(78px, 20vw, 98px) !important;
    min-height: clamp(78px, 20vw, 98px) !important;
    max-width: none !important;
    max-height: none !important;
    justify-self: center !important;
    align-self: center !important;
    object-fit: contain !important;
    transform: none !important;
  }
  body.pc .beon-weather .weatherinfo {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    text-align: left !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  body.pc .beon-temperature {
    font-size: clamp(25px, 6.6vw, 33px) !important;
    line-height: .98 !important;
    white-space: nowrap !important;
  }
  body.pc .beon-condition {
    font-size: clamp(10px, 2.65vw, 13px) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
  body.pc .beon-player {
    margin: clamp(15px, 3.9vw, 20px) 0 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: clamp(15px, 3.8vw, 20px) !important;
  }
  body.pc .beon-player .controls {
    gap: clamp(10px, 2.8vw, 15px) !important;
  }
  body.pc .beon-player button {
    width: clamp(18px, 4.8vw, 24px) !important;
    height: clamp(18px, 4.8vw, 24px) !important;
    font-size: clamp(18px, 4.8vw, 24px) !important;
  }
  body.pc .beon-player button[data-action='play'] {
    width: clamp(38px, 10vw, 50px) !important;
    height: clamp(38px, 10vw, 50px) !important;
  }
  body.pc .beon-customer {
    margin-top: clamp(22px, 5.6vw, 29px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: clamp(14px, 3.6vw, 20px) !important;
    overflow: visible !important;
  }
  body.pc .beon-customer p {
    font-size: clamp(13px, 3.35vw, 16px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.pc .beon-customer a {
    font-size: clamp(12px, 3.15vw, 15px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}
/* BEON_MOBILE_UTILITIES_BASE_SYNC_016_019_20261007 */
@media (max-width: 599px) {
  body.pc.nhomtrang1 {
    --beon-screen: max(100svh, min(960px, 232vw)) !important;
    --beon-utilities: 0px !important;
  }
  @supports not (height: 100svh) {
    body.pc.nhomtrang1 { --beon-screen: max(100vh, min(960px, 232vw)) !important; }
  }
  body.pc.nhomtrang1 #khung_chinh > div:first-child {
    position: relative !important;
    min-height: var(--beon-screen) !important;
    grid-template-rows: var(--beon-screen) auto !important;
  }
  body.pc.nhomtrang1 .beon-utilities {
    grid-row: 1 !important;
    position: absolute !important;
    left: 0 !important;
    top: calc(var(--beon-screen) * .705) !important;
    width: 100% !important;
    z-index: 30 !important;
    background: transparent !important;
    color: #050207 !important;
    pointer-events: auto !important;
  }
  body.pc.nhomtrang1 .beon-utilities > .loprong {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body.pc.nhomtrang1 .beon-utilities > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 7.2% !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
}
/* BEON_MOBILE_SHELL_SYNC_016_019_20261007 */
@media (max-width: 599px) {
  body.pc.nhomtrang1 {
    --beon-screen: max(100svh, min(960px, 232vw)) !important;
    --beon-header: 72px !important;
    --beon-utilities: 0px !important;
    --beon-center-min: var(--beon-screen) !important;
  }
  @supports not (height: 100svh) {
    body.pc.nhomtrang1 { --beon-screen: max(100vh, min(960px, 232vw)) !important; }
  }
  body.pc.nhomtrang1 #khung_chinh > div:first-child {
    position: relative !important;
    display: grid !important;
    min-height: var(--beon-screen) !important;
    grid-template-columns: 100% !important;
    grid-template-rows: var(--beon-screen) auto auto !important;
    padding-top: 0 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1 .beon-header {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 50 !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1 .beon-header > .loprong,
  body.pc.nhomtrang1 .beon-header > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body.pc.nhomtrang1 .beon-event,
  body.pc.nhomtrang1 .bmore-event,
  body.pc.nhomtrang1 .holmdel-event,
  body.pc.nhomtrang1 .rstar-event,
  body.pc.nhomtrang1 .rock019-event,
  body.pc.nhomtrang1 .bocuc_19 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    min-height: var(--beon-screen) !important;
    height: var(--beon-screen) !important;
    overflow: hidden !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1 .beon-event > .loprong,
  body.pc.nhomtrang1 .beon-event > .loprong > .padding,
  body.pc.nhomtrang1 .bocuc_19 > .loprong,
  body.pc.nhomtrang1 .bocuc_19 > .loprong > .padding {
    height: 100% !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1 .beon-utilities {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: absolute !important;
    left: 0 !important;
    top: calc(var(--beon-screen) * .705) !important;
    width: 100% !important;
    z-index: 45 !important;
    background: transparent !important;
    color: #050207 !important;
    pointer-events: auto !important;
  }
  body.pc.nhomtrang1 .beon-utilities > .loprong {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
  body.pc.nhomtrang1 .beon-utilities > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 7.2% !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  body.pc.nhomtrang1 .beon-footer {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: relative !important;
    z-index: 2 !important;
  }
}
/* BEON_MOBILE_UTILITIES_MATCH_015_V4_016_019_20261007 */
@media (max-width: 599px) {
  body.pc.nhomtrang1 .beon-utilities {
    top: calc(var(--beon-screen) * .705) !important;
    padding: 0 7.2% !important;
    box-sizing: border-box !important;
    background: transparent !important;
    color: #050207 !important;
  }
  body.pc.nhomtrang1 .beon-utilities,
  body.pc.nhomtrang1 .beon-utilities * {
    color: #050207 !important;
  }
  body.pc.nhomtrang1 .beon-utilities > .loprong,
  body.pc.nhomtrang1 .beon-utilities > .loprong > .padding {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    align-items: stretch !important;
  }
  body.pc.nhomtrang1 .beon-social {
    grid-row: 1 !important;
    margin: 0 0 clamp(22px, 5.8vw, 30px) !important;
  }
  body.pc.nhomtrang1 .beon-social > .loprong,
  body.pc.nhomtrang1 .beon-social > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.pc.nhomtrang1 .beon-social > .loprong > .padding {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(22px, 6.2vw, 32px) !important;
    flex-wrap: nowrap !important;
  }
  body.pc.nhomtrang1 .beon-social a,
  body.pc.nhomtrang1 .beon-social a:first-child,
  body.pc.nhomtrang1 .beon-social span {
    display: grid !important;
    place-items: center !important;
    width: clamp(22px, 5.8vw, 29px) !important;
    height: clamp(22px, 5.8vw, 29px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(19px, 5.05vw, 25px) !important;
    line-height: 1 !important;
    color: #050207 !important;
    opacity: 1 !important;
  }
  body.pc.nhomtrang1 .beon-weather {
    grid-row: 2 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }
  body.pc.nhomtrang1 .beon-weather > .loprong,
  body.pc.nhomtrang1 .beon-weather > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.pc.nhomtrang1 .beon-weather .weather {
    display: grid !important;
    grid-template-columns: 42% 25% 33% !important;
    width: 100% !important;
    height: clamp(72px, 17.5vw, 86px) !important;
    min-height: clamp(72px, 17.5vw, 86px) !important;
    align-items: center !important;
    column-gap: 0 !important;
  }
  body.pc.nhomtrang1 .beon-weather .time-widget {
    grid-column: 1 !important;
    justify-self: start !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  body.pc.nhomtrang1 .beon-weather .location {
    font-weight: bold !important;
    font-size: clamp(14px, 3.55vw, 17px) !important;
    line-height: 1.05 !important;
    margin: 0 0 4px !important;
    white-space: nowrap !important;
  }
  body.pc.nhomtrang1 .beon-weather .beon-clock {
    display: block !important;
    font-size: 0 !important;
    line-height: 1.1 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }
  body.pc.nhomtrang1 .beon-weather .beon-clock::before {
    content: 'Current Weather' !important;
    display: block !important;
    font-size: clamp(12px, 3.05vw, 15px) !important;
    font-weight: bold !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }body.pc.nhomtrang1 .beon-weather .weather-widget {
    display: contents !important;
  }
  body.pc.nhomtrang1 .beon-weather .weather-icon,
  body.pc.nhomtrang1 .beon-weather img.weather-icon {
    grid-column: 2 !important;
    width: clamp(78px, 20vw, 98px) !important;
    height: clamp(78px, 20vw, 98px) !important;
    min-width: clamp(78px, 20vw, 98px) !important;
    min-height: clamp(78px, 20vw, 98px) !important;
    max-width: none !important;
    max-height: none !important;
    justify-self: center !important;
    align-self: center !important;
    object-fit: contain !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1 .beon-weather .weatherinfo {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    text-align: left !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1 .beon-temperature {
    display: block !important;
    font-size: clamp(25px, 6.6vw, 33px) !important;
    line-height: .98 !important;
    white-space: nowrap !important;
  }
  body.pc.nhomtrang1 .beon-condition {
    display: block !important;
    font-size: clamp(10px, 2.65vw, 13px) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
  body.pc.nhomtrang1 .beon-music {
    grid-row: 3 !important;
    margin: 0 !important;
  }
  body.pc.nhomtrang1 .beon-music > .loprong,
  body.pc.nhomtrang1 .beon-music > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.pc.nhomtrang1 .beon-music > .loprong > .padding {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  body.pc.nhomtrang1 .beon-player {
    order: 1 !important;
    margin: clamp(15px, 3.9vw, 20px) 0 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(15px, 3.8vw, 20px) !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.pc.nhomtrang1 .beon-player .controls {
    display: flex !important;
    align-items: center !important;
    gap: clamp(10px, 2.8vw, 15px) !important;
    flex-shrink: 0 !important;
  }
  body.pc.nhomtrang1 .beon-player button {
    display: grid !important;
    place-items: center !important;
    width: clamp(18px, 4.8vw, 24px) !important;
    height: clamp(18px, 4.8vw, 24px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(18px, 4.8vw, 24px) !important;
    line-height: 1 !important;
    color: #050207 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1 .beon-player button[data-action='play'],
  body.pc.nhomtrang1 .beon-player button[aria-label='Play'],
  body.pc.nhomtrang1 .beon-player button[aria-label='Pause'] {
    width: clamp(38px, 10vw, 50px) !important;
    height: clamp(38px, 10vw, 50px) !important;
    min-width: clamp(38px, 10vw, 50px) !important;
    min-height: clamp(38px, 10vw, 50px) !important;
    border-radius: 999px !important;
    background: #050207 !important;
    color: #fff !important;
    overflow: hidden !important;
  }
  body.pc.nhomtrang1 .beon-player button[data-action='play'] span,
  body.pc.nhomtrang1 .beon-player button[aria-label='Play'] span,
  body.pc.nhomtrang1 .beon-player button[aria-label='Pause'] span {
    color: #fff !important;
  }
  body.pc.nhomtrang1 .beon-player .progress-container {
    min-width: 0 !important;
  }
  body.pc.nhomtrang1 .beon-player .time {
    display: none !important;
  }
  body.pc.nhomtrang1 .beon-player .beon-timeline,
  body.pc.nhomtrang1 .beon-player input[type='range'] {
    display: block !important;
    width: 100% !important;
    height: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: #050207 !important;
  }
  body.pc.nhomtrang1 .beon-customer {
    order: 2 !important;
    margin-top: clamp(22px, 5.6vw, 29px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: clamp(14px, 3.6vw, 20px) !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1 .beon-customer p {
    margin: 0 !important;
    font-size: clamp(13px, 3.35vw, 16px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.pc.nhomtrang1 .beon-customer a {
    font-size: clamp(12px, 3.15vw, 15px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }
}
/* BEON_MOBILE_UTILITIES_EVENT_LOCK_V6_016_019_20261007 */
@media (max-width: 599px) {
  body.nhomtrang1:has(.bmore-event) .beon-social a,
  body.pc.nhomtrang1:has(.bmore-event) .beon-social a,
  body.nhomtrang1:has(.holmdel-event) .beon-social a,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-social a,
  body.nhomtrang1:has(.rstar-event) .beon-social a,
  body.pc.nhomtrang1:has(.rstar-event) .beon-social a,
  body.nhomtrang1:has(.rock019-event) .beon-social a,
  body.pc.nhomtrang1:has(.rock019-event) .beon-social a,
  body.nhomtrang1:has(.rn-halloween) .beon-social a,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-social a,
  body.nhomtrang1:has(.bmore-event) .beon-social a:first-child,
  body.pc.nhomtrang1:has(.bmore-event) .beon-social a:first-child,
  body.nhomtrang1:has(.holmdel-event) .beon-social a:first-child,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-social a:first-child,
  body.nhomtrang1:has(.rstar-event) .beon-social a:first-child,
  body.pc.nhomtrang1:has(.rstar-event) .beon-social a:first-child,
  body.nhomtrang1:has(.rock019-event) .beon-social a:first-child,
  body.pc.nhomtrang1:has(.rock019-event) .beon-social a:first-child,
  body.nhomtrang1:has(.rn-halloween) .beon-social a:first-child,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-social a:first-child,
  body.nhomtrang1:has(.bmore-event) .beon-social span,
  body.pc.nhomtrang1:has(.bmore-event) .beon-social span,
  body.nhomtrang1:has(.holmdel-event) .beon-social span,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-social span,
  body.nhomtrang1:has(.rstar-event) .beon-social span,
  body.pc.nhomtrang1:has(.rstar-event) .beon-social span,
  body.nhomtrang1:has(.rock019-event) .beon-social span,
  body.pc.nhomtrang1:has(.rock019-event) .beon-social span,
  body.nhomtrang1:has(.rn-halloween) .beon-social span,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-social span {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #050207 !important;
    opacity: 1 !important;
  }
  body.nhomtrang1:has(.bmore-event) .beon-weather .location,
  body.pc.nhomtrang1:has(.bmore-event) .beon-weather .location,
  body.nhomtrang1:has(.holmdel-event) .beon-weather .location,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-weather .location,
  body.nhomtrang1:has(.rstar-event) .beon-weather .location,
  body.pc.nhomtrang1:has(.rstar-event) .beon-weather .location,
  body.nhomtrang1:has(.rock019-event) .beon-weather .location,
  body.pc.nhomtrang1:has(.rock019-event) .beon-weather .location,
  body.nhomtrang1:has(.rn-halloween) .beon-weather .location,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-weather .location {
    color: #050207 !important;
    font-weight: bold !important;
  }
  body.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock,
  body.pc.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock,
  body.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock,
  body.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock,
  body.pc.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock,
  body.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock,
  body.pc.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock,
  body.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock {
    display: block !important;
    font-size: 0 !important;
    margin: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    color: #050207 !important;
  }
  body.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock::before,
  body.pc.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock::before,
  body.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock::before,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock::before,
  body.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock::before,
  body.pc.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock::before,
  body.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock::before,
  body.pc.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock::before,
  body.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock::before,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock::before {
    content: 'Current Weather' !important;
    display: block !important;
    font-size: clamp(12px, 3.05vw, 15px) !important;
    font-weight: bold !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    color: #050207 !important;
  }body.nhomtrang1:has(.bmore-event) .beon-temperature,
  body.pc.nhomtrang1:has(.bmore-event) .beon-temperature,
  body.nhomtrang1:has(.holmdel-event) .beon-temperature,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-temperature,
  body.nhomtrang1:has(.rstar-event) .beon-temperature,
  body.pc.nhomtrang1:has(.rstar-event) .beon-temperature,
  body.nhomtrang1:has(.rock019-event) .beon-temperature,
  body.pc.nhomtrang1:has(.rock019-event) .beon-temperature,
  body.nhomtrang1:has(.rn-halloween) .beon-temperature,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-temperature,
  body.nhomtrang1:has(.bmore-event) .beon-condition,
  body.pc.nhomtrang1:has(.bmore-event) .beon-condition,
  body.nhomtrang1:has(.holmdel-event) .beon-condition,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-condition,
  body.nhomtrang1:has(.rstar-event) .beon-condition,
  body.pc.nhomtrang1:has(.rstar-event) .beon-condition,
  body.nhomtrang1:has(.rock019-event) .beon-condition,
  body.pc.nhomtrang1:has(.rock019-event) .beon-condition,
  body.nhomtrang1:has(.rn-halloween) .beon-condition,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-condition,
  body.nhomtrang1:has(.bmore-event) .beon-customer,
  body.pc.nhomtrang1:has(.bmore-event) .beon-customer,
  body.nhomtrang1:has(.holmdel-event) .beon-customer,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-customer,
  body.nhomtrang1:has(.rstar-event) .beon-customer,
  body.pc.nhomtrang1:has(.rstar-event) .beon-customer,
  body.nhomtrang1:has(.rock019-event) .beon-customer,
  body.pc.nhomtrang1:has(.rock019-event) .beon-customer,
  body.nhomtrang1:has(.rn-halloween) .beon-customer,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-customer,
  body.nhomtrang1:has(.bmore-event) .beon-customer *,
  body.pc.nhomtrang1:has(.bmore-event) .beon-customer *,
  body.nhomtrang1:has(.holmdel-event) .beon-customer *,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-customer *,
  body.nhomtrang1:has(.rstar-event) .beon-customer *,
  body.pc.nhomtrang1:has(.rstar-event) .beon-customer *,
  body.nhomtrang1:has(.rock019-event) .beon-customer *,
  body.pc.nhomtrang1:has(.rock019-event) .beon-customer *,
  body.nhomtrang1:has(.rn-halloween) .beon-customer *,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-customer *,
  body.nhomtrang1:has(.bmore-event) .beon-player,
  body.pc.nhomtrang1:has(.bmore-event) .beon-player,
  body.nhomtrang1:has(.holmdel-event) .beon-player,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-player,
  body.nhomtrang1:has(.rstar-event) .beon-player,
  body.pc.nhomtrang1:has(.rstar-event) .beon-player,
  body.nhomtrang1:has(.rock019-event) .beon-player,
  body.pc.nhomtrang1:has(.rock019-event) .beon-player,
  body.nhomtrang1:has(.rn-halloween) .beon-player,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-player,
  body.nhomtrang1:has(.bmore-event) .beon-player *,
  body.pc.nhomtrang1:has(.bmore-event) .beon-player *,
  body.nhomtrang1:has(.holmdel-event) .beon-player *,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-player *,
  body.nhomtrang1:has(.rstar-event) .beon-player *,
  body.pc.nhomtrang1:has(.rstar-event) .beon-player *,
  body.nhomtrang1:has(.rock019-event) .beon-player *,
  body.pc.nhomtrang1:has(.rock019-event) .beon-player *,
  body.nhomtrang1:has(.rn-halloween) .beon-player *,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-player * {
    color: #050207 !important;
  }
  body.nhomtrang1:has(.bmore-event) .beon-music > .loprong > .padding,
  body.pc.nhomtrang1:has(.bmore-event) .beon-music > .loprong > .padding,
  body.nhomtrang1:has(.holmdel-event) .beon-music > .loprong > .padding,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-music > .loprong > .padding,
  body.nhomtrang1:has(.rstar-event) .beon-music > .loprong > .padding,
  body.pc.nhomtrang1:has(.rstar-event) .beon-music > .loprong > .padding,
  body.nhomtrang1:has(.rock019-event) .beon-music > .loprong > .padding,
  body.pc.nhomtrang1:has(.rock019-event) .beon-music > .loprong > .padding,
  body.nhomtrang1:has(.rn-halloween) .beon-music > .loprong > .padding,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-music > .loprong > .padding {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  body.nhomtrang1:has(.bmore-event) .beon-player,
  body.pc.nhomtrang1:has(.bmore-event) .beon-player,
  body.nhomtrang1:has(.holmdel-event) .beon-player,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-player,
  body.nhomtrang1:has(.rstar-event) .beon-player,
  body.pc.nhomtrang1:has(.rstar-event) .beon-player,
  body.nhomtrang1:has(.rock019-event) .beon-player,
  body.pc.nhomtrang1:has(.rock019-event) .beon-player,
  body.nhomtrang1:has(.rn-halloween) .beon-player,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-player {
    order: 1 !important;
    margin: clamp(15px, 3.9vw, 20px) 0 0 !important;
  }
  body.nhomtrang1:has(.bmore-event) .beon-customer,
  body.pc.nhomtrang1:has(.bmore-event) .beon-customer,
  body.nhomtrang1:has(.holmdel-event) .beon-customer,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-customer,
  body.nhomtrang1:has(.rstar-event) .beon-customer,
  body.pc.nhomtrang1:has(.rstar-event) .beon-customer,
  body.nhomtrang1:has(.rock019-event) .beon-customer,
  body.pc.nhomtrang1:has(.rock019-event) .beon-customer,
  body.nhomtrang1:has(.rn-halloween) .beon-customer,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-customer {
    order: 2 !important;
    margin-top: clamp(22px, 5.6vw, 29px) !important;
  }
  body.nhomtrang1:has(.bmore-event) .beon-player button[data-action="play"],
  body.pc.nhomtrang1:has(.bmore-event) .beon-player button[data-action="play"],
  body.nhomtrang1:has(.holmdel-event) .beon-player button[data-action="play"],
  body.pc.nhomtrang1:has(.holmdel-event) .beon-player button[data-action="play"],
  body.nhomtrang1:has(.rstar-event) .beon-player button[data-action="play"],
  body.pc.nhomtrang1:has(.rstar-event) .beon-player button[data-action="play"],
  body.nhomtrang1:has(.rock019-event) .beon-player button[data-action="play"],
  body.pc.nhomtrang1:has(.rock019-event) .beon-player button[data-action="play"],
  body.nhomtrang1:has(.rn-halloween) .beon-player button[data-action="play"],
  body.pc.nhomtrang1:has(.rn-halloween) .beon-player button[data-action="play"],
  body.nhomtrang1:has(.bmore-event) .beon-player button[aria-label="Play"],
  body.pc.nhomtrang1:has(.bmore-event) .beon-player button[aria-label="Play"],
  body.nhomtrang1:has(.holmdel-event) .beon-player button[aria-label="Play"],
  body.pc.nhomtrang1:has(.holmdel-event) .beon-player button[aria-label="Play"],
  body.nhomtrang1:has(.rstar-event) .beon-player button[aria-label="Play"],
  body.pc.nhomtrang1:has(.rstar-event) .beon-player button[aria-label="Play"],
  body.nhomtrang1:has(.rock019-event) .beon-player button[aria-label="Play"],
  body.pc.nhomtrang1:has(.rock019-event) .beon-player button[aria-label="Play"],
  body.nhomtrang1:has(.rn-halloween) .beon-player button[aria-label="Play"],
  body.pc.nhomtrang1:has(.rn-halloween) .beon-player button[aria-label="Play"],
  body.nhomtrang1:has(.bmore-event) .beon-player button[aria-label="Pause"],
  body.pc.nhomtrang1:has(.bmore-event) .beon-player button[aria-label="Pause"],
  body.nhomtrang1:has(.holmdel-event) .beon-player button[aria-label="Pause"],
  body.pc.nhomtrang1:has(.holmdel-event) .beon-player button[aria-label="Pause"],
  body.nhomtrang1:has(.rstar-event) .beon-player button[aria-label="Pause"],
  body.pc.nhomtrang1:has(.rstar-event) .beon-player button[aria-label="Pause"],
  body.nhomtrang1:has(.rock019-event) .beon-player button[aria-label="Pause"],
  body.pc.nhomtrang1:has(.rock019-event) .beon-player button[aria-label="Pause"],
  body.nhomtrang1:has(.rn-halloween) .beon-player button[aria-label="Pause"],
  body.pc.nhomtrang1:has(.rn-halloween) .beon-player button[aria-label="Pause"] {
    border-radius: 999px !important;
    background: #050207 !important;
    color: #fff !important;
    overflow: hidden !important;
  }
  body.nhomtrang1:has(.bmore-event) .beon-player button[data-action="play"] span,
  body.pc.nhomtrang1:has(.bmore-event) .beon-player button[data-action="play"] span,
  body.nhomtrang1:has(.holmdel-event) .beon-player button[data-action="play"] span,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-player button[data-action="play"] span,
  body.nhomtrang1:has(.rstar-event) .beon-player button[data-action="play"] span,
  body.pc.nhomtrang1:has(.rstar-event) .beon-player button[data-action="play"] span,
  body.nhomtrang1:has(.rock019-event) .beon-player button[data-action="play"] span,
  body.pc.nhomtrang1:has(.rock019-event) .beon-player button[data-action="play"] span,
  body.nhomtrang1:has(.rn-halloween) .beon-player button[data-action="play"] span,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-player button[data-action="play"] span,
  body.nhomtrang1:has(.bmore-event) .beon-player button[aria-label="Play"] span,
  body.pc.nhomtrang1:has(.bmore-event) .beon-player button[aria-label="Play"] span,
  body.nhomtrang1:has(.holmdel-event) .beon-player button[aria-label="Play"] span,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-player button[aria-label="Play"] span,
  body.nhomtrang1:has(.rstar-event) .beon-player button[aria-label="Play"] span,
  body.pc.nhomtrang1:has(.rstar-event) .beon-player button[aria-label="Play"] span,
  body.nhomtrang1:has(.rock019-event) .beon-player button[aria-label="Play"] span,
  body.pc.nhomtrang1:has(.rock019-event) .beon-player button[aria-label="Play"] span,
  body.nhomtrang1:has(.rn-halloween) .beon-player button[aria-label="Play"] span,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-player button[aria-label="Play"] span,
  body.nhomtrang1:has(.bmore-event) .beon-player button[aria-label="Pause"] span,
  body.pc.nhomtrang1:has(.bmore-event) .beon-player button[aria-label="Pause"] span,
  body.nhomtrang1:has(.holmdel-event) .beon-player button[aria-label="Pause"] span,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-player button[aria-label="Pause"] span,
  body.nhomtrang1:has(.rstar-event) .beon-player button[aria-label="Pause"] span,
  body.pc.nhomtrang1:has(.rstar-event) .beon-player button[aria-label="Pause"] span,
  body.nhomtrang1:has(.rock019-event) .beon-player button[aria-label="Pause"] span,
  body.pc.nhomtrang1:has(.rock019-event) .beon-player button[aria-label="Pause"] span,
  body.nhomtrang1:has(.rn-halloween) .beon-player button[aria-label="Pause"] span,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-player button[aria-label="Pause"] span {
    color: #fff !important;
  }
}
/* BEON_MOBILE_FRAME_LOCK_015_V7_016_019_20261007 */
@media (max-width: 599px) {
  body.pc.nhomtrang1 {
    --beon-screen: max(100svh, min(960px, 232vw)) !important;
    --beon-header: 72px !important;
    --beon-utilities: 0px !important;
    --beon-center-min: var(--beon-screen) !important;
  }
  @supports not (height: 100svh) {
    body.pc.nhomtrang1 { --beon-screen: max(100vh, min(960px, 232vw)) !important; }
  }
  body.pc.nhomtrang1 #khung_chinh,
  body.pc.nhomtrang1 #khung_chinh > div:first-child {
    min-height: var(--beon-screen) !important;
  }
  body.pc.nhomtrang1 #khung_chinh > div:first-child {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 100% !important;
    grid-template-rows: var(--beon-screen) auto !important;
    align-items: stretch !important;
    padding-top: 0 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1 .beon-header,
  body.pc.nhomtrang1 .bocuc_2.beon-header {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 70 !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1 .bocuc_19,
  body.pc.nhomtrang1 .beon-event,
  body.pc.nhomtrang1 .bmore-event,
  body.pc.nhomtrang1 .holmdel-event,
  body.pc.nhomtrang1 .rstar-event,
  body.pc.nhomtrang1 .rock-event,
  body.pc.nhomtrang1 .rock019-event,
  body.pc.nhomtrang1 .rock-halloween-event,
  body.pc.nhomtrang1 [class*='-event'][class*='halloween'] {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-height: var(--beon-screen) !important;
    height: var(--beon-screen) !important;
    max-height: none !important;
    overflow: hidden !important;
    margin: 0 !important;
  }
  body.pc.nhomtrang1 .bocuc_19 > .loprong,
  body.pc.nhomtrang1 .bocuc_19 > .loprong > .padding,
  body.pc.nhomtrang1 .beon-event > .loprong,
  body.pc.nhomtrang1 .beon-event > .loprong > .padding,
  body.pc.nhomtrang1 .bmore-event > .loprong,
  body.pc.nhomtrang1 .bmore-event > .loprong > .padding,
  body.pc.nhomtrang1 .holmdel-event > .loprong,
  body.pc.nhomtrang1 .holmdel-event > .loprong > .padding,
  body.pc.nhomtrang1 .rstar-event > .loprong,
  body.pc.nhomtrang1 .rstar-event > .loprong > .padding,
  body.pc.nhomtrang1 .rock-event > .loprong,
  body.pc.nhomtrang1 .rock-event > .loprong > .padding,
  body.pc.nhomtrang1 .rock019-event > .loprong,
  body.pc.nhomtrang1 .rock019-event > .loprong > .padding,
  body.pc.nhomtrang1 .rock-halloween-event > .loprong,
  body.pc.nhomtrang1 .rock-halloween-event > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    min-height: var(--beon-screen) !important;
    height: var(--beon-screen) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1 .beon-utilities,
  body.pc.nhomtrang1 .bocuc_6.beon-utilities {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: absolute !important;
    left: 0 !important;
    top: calc(var(--beon-screen) * .705) !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    z-index: 65 !important;
    padding: 0 7.2% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    pointer-events: auto !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1 .beon-utilities > .loprong,
  body.pc.nhomtrang1 .beon-utilities > .loprong > .padding {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
  body.pc.nhomtrang1 .beon-footer,
  body.pc.nhomtrang1 .bocuc_10.beon-footer {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: relative !important;
    z-index: 5 !important;
    margin-top: 0 !important;
  }
}
/* BEON_MOBILE_BOX20_BACKGROUND_LOCK_V8_016_019_20261007 */
@media (max-width: 599px) {
  body.pc.nhomtrang1:has(.bmore-event) .beon-halloween-background,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-halloween-background,
  body.pc.nhomtrang1:has(.rstar-event) .beon-halloween-background,
  body.pc.nhomtrang1:has(.rock-event) .beon-halloween-background,
  body.pc.nhomtrang1:has(.rock019-event) .beon-halloween-background,
  body.pc.nhomtrang1:has(.rock-halloween-event) .beon-halloween-background,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-halloween-background,
  body.pc.nhomtrang1:has([class*='-event'][class*='halloween']) .beon-halloween-background {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: var(--beon-screen) !important;
    min-height: var(--beon-screen) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1:has(.bmore-event) .beon-halloween-background > .loprong,
  body.pc.nhomtrang1:has(.bmore-event) .beon-halloween-background > .loprong > .padding,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-halloween-background > .loprong,
  body.pc.nhomtrang1:has(.holmdel-event) .beon-halloween-background > .loprong > .padding,
  body.pc.nhomtrang1:has(.rstar-event) .beon-halloween-background > .loprong,
  body.pc.nhomtrang1:has(.rstar-event) .beon-halloween-background > .loprong > .padding,
  body.pc.nhomtrang1:has(.rock-event) .beon-halloween-background > .loprong,
  body.pc.nhomtrang1:has(.rock-event) .beon-halloween-background > .loprong > .padding,
  body.pc.nhomtrang1:has(.rock019-event) .beon-halloween-background > .loprong,
  body.pc.nhomtrang1:has(.rock019-event) .beon-halloween-background > .loprong > .padding,
  body.pc.nhomtrang1:has(.rock-halloween-event) .beon-halloween-background > .loprong,
  body.pc.nhomtrang1:has(.rock-halloween-event) .beon-halloween-background > .loprong > .padding,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-halloween-background > .loprong,
  body.pc.nhomtrang1:has(.rn-halloween) .beon-halloween-background > .loprong > .padding,
  body.pc.nhomtrang1:has([class*='-event'][class*='halloween']) .beon-halloween-background > .loprong,
  body.pc.nhomtrang1:has([class*='-event'][class*='halloween']) .beon-halloween-background > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  body.pc.nhomtrang1 .beon-halloween-background .wmp-slider,
  body.pc.nhomtrang1 .beon-halloween-background .slick-list,
  body.pc.nhomtrang1 .beon-halloween-background .slick-track,
  body.pc.nhomtrang1 .beon-halloween-background .slick-slide,
  body.pc.nhomtrang1 .beon-halloween-background .slick-slide > div {
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.pc.nhomtrang1 .beon-halloween-background img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  body.pc.nhomtrang1:has(.bmore-event) .bmore-event,
  body.pc.nhomtrang1:has(.holmdel-event) .holmdel-event,
  body.pc.nhomtrang1:has(.rstar-event) .rstar-event,
  body.pc.nhomtrang1:has(.rock-event) .rock-event,
  body.pc.nhomtrang1:has(.rock019-event) .rock019-event,
  body.pc.nhomtrang1:has(.rock-halloween-event) .rock-halloween-event {
    z-index: 10 !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1 .beon-utilities { z-index: 65 !important; }
  body.pc.nhomtrang1 .beon-header { z-index: 70 !important; }
}
/* BEON_MOBILE_SHARED_FRAME_015_019_V9_20261007 */
@media (max-width: 599px) {
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) {
    --beon-screen: max(100svh, min(960px, 232vw)) !important;
    --beon-header: 72px !important;
    --beon-utilities: 0px !important;
    --beon-center-min: var(--beon-screen) !important;
  }
  @supports not (height: 100svh) {
    body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) {
      --beon-screen: max(100vh, min(960px, 232vw)) !important;
    }
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) #khung_chinh > div:first-child {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 100% !important;
    grid-template-rows: var(--beon-screen) auto !important;
    min-height: var(--beon-screen) !important;
    padding-top: 0 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-header,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_2.beon-header {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 70 !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_20.beon-halloween-background {
    display: block !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: var(--beon-screen) !important;
    min-height: var(--beon-screen) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background > .loprong > .padding,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background .wmp-slider,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background .slick-list,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background .slick-track,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background .slick-slide,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background .slick-slide > div {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_19,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-event,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) [class*='event'] {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 100% !important;
    min-height: var(--beon-screen) !important;
    height: var(--beon-screen) !important;
    max-height: none !important;
    overflow: hidden !important;
    margin: 0 !important;
    z-index: 10 !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_19 > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_19 > .loprong > .padding,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-event > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-event > .loprong > .padding,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) [class*='event'] > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) [class*='event'] > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    min-height: var(--beon-screen) !important;
    height: var(--beon-screen) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-utilities,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_6.beon-utilities {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: absolute !important;
    left: 0 !important;
    top: calc(var(--beon-screen) * .705) !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    z-index: 65 !important;
    padding: 0 7.2% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
    pointer-events: auto !important;
    overflow: visible !important;
    color: #050207 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-utilities,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-utilities * {
    color: #050207 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-utilities > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-utilities > .loprong > .padding {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    align-items: stretch !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-social {
    grid-row: 1 !important;
    margin: 0 0 clamp(22px, 5.8vw, 30px) !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-social > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-social > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-social > .loprong > .padding {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: clamp(22px, 6.2vw, 32px) !important;
    flex-wrap: nowrap !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-social a,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-social a:first-child,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-social span {
    display: grid !important;
    place-items: center !important;
    width: clamp(22px, 5.8vw, 29px) !important;
    height: clamp(22px, 5.8vw, 29px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(19px, 5.05vw, 25px) !important;
    line-height: 1 !important;
    color: #050207 !important;
    opacity: 1 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather {
    grid-row: 2 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .weather {
    display: grid !important;
    grid-template-columns: 42% 25% 33% !important;
    width: 100% !important;
    height: clamp(72px, 17.5vw, 86px) !important;
    min-height: clamp(72px, 17.5vw, 86px) !important;
    align-items: center !important;
    column-gap: 0 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .time-widget {
    grid-column: 1 !important;
    justify-self: start !important;
    min-width: 0 !important;
    text-align: left !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .location {
    font-weight: bold !important;
    font-size: clamp(14px, 3.55vw, 17px) !important;
    line-height: 1.05 !important;
    margin: 0 0 4px !important;
    white-space: nowrap !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-clock {
    display: block !important;
    font-size: 0 !important;
    line-height: 1.1 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-clock::before {
    content: 'Current Weather' !important;
    display: block !important;
    font-size: clamp(12px, 3.05vw, 15px) !important;
    font-weight: bold !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .weather-widget { display: contents !important; }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .weather-icon,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather img.weather-icon {
    grid-column: 2 !important;
    width: clamp(78px, 20vw, 98px) !important;
    height: clamp(78px, 20vw, 98px) !important;
    min-width: clamp(78px, 20vw, 98px) !important;
    min-height: clamp(78px, 20vw, 98px) !important;
    max-width: none !important;
    max-height: none !important;
    justify-self: center !important;
    align-self: center !important;
    object-fit: contain !important;
    transform: none !important;
    border: 0 !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .weatherinfo {
    grid-column: 3 !important;
    justify-self: end !important;
    align-self: center !important;
    text-align: left !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-temperature {
    display: block !important;
    font-size: clamp(25px, 6.6vw, 33px) !important;
    line-height: .98 !important;
    white-space: nowrap !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-condition {
    display: block !important;
    font-size: clamp(10px, 2.65vw, 13px) !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-music {
    grid-row: 3 !important;
    margin: 0 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-music > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-music > .loprong > .padding {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-music > .loprong > .padding {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player {
    order: 1 !important;
    margin: clamp(15px, 3.9vw, 20px) 0 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center !important;
    gap: clamp(15px, 3.8vw, 20px) !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player .controls {
    display: flex !important;
    align-items: center !important;
    gap: clamp(10px, 2.8vw, 15px) !important;
    flex-shrink: 0 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player button {
    display: grid !important;
    place-items: center !important;
    width: clamp(18px, 4.8vw, 24px) !important;
    height: clamp(18px, 4.8vw, 24px) !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: clamp(18px, 4.8vw, 24px) !important;
    line-height: 1 !important;
    color: #050207 !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player button[data-action='play'],
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player button[aria-label='Play'],
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player button[aria-label='Pause'] {
    width: clamp(38px, 10vw, 50px) !important;
    height: clamp(38px, 10vw, 50px) !important;
    min-width: clamp(38px, 10vw, 50px) !important;
    min-height: clamp(38px, 10vw, 50px) !important;
    border-radius: 999px !important;
    background: #050207 !important;
    color: #fff !important;
    overflow: hidden !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player button[data-action='play'] span,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player button[aria-label='Play'] span,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player button[aria-label='Pause'] span { color: #fff !important; }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player .progress-container { min-width: 0 !important; }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player .time { display: none !important; }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player .beon-timeline,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-player input[type='range'] {
    display: block !important;
    width: 100% !important;
    height: 3px !important;
    margin: 0 !important;
    padding: 0 !important;
    accent-color: #050207 !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-customer {
    order: 2 !important;
    margin-top: clamp(22px, 5.6vw, 29px) !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: clamp(14px, 3.6vw, 20px) !important;
    overflow: visible !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-customer p {
    margin: 0 !important;
    font-size: clamp(13px, 3.35vw, 16px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-customer a {
    font-size: clamp(12px, 3.15vw, 15px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-footer,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_10.beon-footer {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: relative !important;
    z-index: 5 !important;
    margin-top: 0 !important;
  }
}
/* BEON_MOBILE_BOX20_ONLY_BACKGROUND_V10_015_019_20261007 */
@media (max-width: 599px) {
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_19,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_19 > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_19 > .loprong > .padding,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-event,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bmore-event,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .holmdel-event,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .rstar-event,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .rock-event,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .rock-halloween-event,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bmore-halloween-hero,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .holmdel-halloween,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) #rstar018,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) #rock019,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .app,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .viewport,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .rn-viewport {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-fallback,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-scene,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-scene,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .holmdel-halloween .background,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .holmdel-halloween .film-grain,
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }
body.pc.nhomtrang1:has(.holmdel-event):has(.beon-halloween-background) .holmdel-halloween .background,
  body.pc.nhomtrang1:has(.holmdel-event):has(.beon-halloween-background) .holmdel-halloween .film-grain {
    display: none !important;
  }
body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background {
    display: block !important;
    opacity: 1 !important;
  }
body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background::before,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background::after {
    content: none !important;
    display: none !important;
  }
}
/* BEON_MOBILE_BOX20_ONLY_BACKGROUND_V11_015_019_20261007 */
@media (max-width: 599px) {
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background {
    display: block !important;
    opacity: 1 !important;
    z-index: 0 !important;
    background: transparent !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background img {
    opacity: 1 !important;
    visibility: visible !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-fallback,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .holmdel-halloween .background,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .holmdel-halloween .film-grain,
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }
body.pc.nhomtrang1:has(.rstar-event):has(.beon-halloween-background) #rstar018 .tree,
  body.pc.nhomtrang1:has(.rstar-event):has(.beon-halloween-background) #rstar018 .tree--left,
  body.pc.nhomtrang1:has(.rstar-event):has(.beon-halloween-background) #rstar018 .tree--right,
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
body.pc.nhomtrang1:has(.rstar-event):has(.beon-halloween-background) .rstar-event,
  body.pc.nhomtrang1:has(.rock-event):has(.beon-halloween-background) .rock-event,
  body.pc.nhomtrang1:has(.rock-event):has(.beon-halloween-background) .rock-halloween-event {
    background: transparent !important;
    background-image: none !important;
    background-color: transparent !important;
  }
/* BEON_MOBILE_BOX20_ONLY_BACKGROUND_V12_015_019_20261007 */
@media (max-width: 599px) {
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_19,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_19 > .loprong,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bocuc_19 > .loprong > .padding,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .bmore-halloween-hero,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) #halloween017,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .holmdel-halloween,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) #rstar018,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) #rock019,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .app,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .viewport,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .scene,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .rn-viewport,
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .rn-scene {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }
  body.pc.nhomtrang1:has(.rstar-event):has(.beon-halloween-background) .bocuc_19 #rstar018 {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }
  body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-halloween-background {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/* BEON_BOX20_FINAL_VISIBLE_015_SYNC_20261007 */
body.pc.nhomtrang1 .bocuc_20.beon-halloween-background{display:block!important;position:absolute!important;inset:0 0 auto 0!important;width:100%!important;height:var(--beon-screen,100svh)!important;min-height:var(--beon-screen,100svh)!important;z-index:0!important;opacity:1!important;visibility:visible!important;overflow:hidden!important;pointer-events:none!important;background:transparent url("/files/assets/beon-halloween-v2/backgrounds-20261003/bg1.jpg") center center/cover no-repeat!important;}
body.pc.nhomtrang1 .bocuc_20.beon-halloween-background > .loprong,body.pc.nhomtrang1 .bocuc_20.beon-halloween-background > .loprong > .padding,body.pc.nhomtrang1 .bocuc_20.beon-halloween-background .wmp-slider,body.pc.nhomtrang1 .bocuc_20.beon-halloween-background .slick-list,body.pc.nhomtrang1 .bocuc_20.beon-halloween-background .slick-track,body.pc.nhomtrang1 .bocuc_20.beon-halloween-background .slick-slide,body.pc.nhomtrang1 .bocuc_20.beon-halloween-background .slick-slide > div{display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;}
body.pc.nhomtrang1 .bocuc_20.beon-halloween-background img,body.pc.nhomtrang1 .bocuc_20.beon-halloween-background .wmp-slider > img,body.pc.nhomtrang1 .bocuc_20.beon-halloween-background .slick-slide img{display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;object-fit:cover!important;object-position:center center!important;opacity:1!important;visibility:visible!important;}
body.pc.nhomtrang1 .bocuc_20.beon-halloween-background .slick-arrow,body.pc.nhomtrang1 .bocuc_20.beon-halloween-background .slick-dots{display:none!important;}
/* BEON_015_019_SHOW_REAL_BEON_CLOCK_20261007: show the real clock paragraph above weather/location */
body.pc.nhomtrang1 .beon-weather .beon-clock {
  display: block !important;
}
/* BEON_016_019_SAFE_HERO_LAYER_OVER_BOX20_20261007: keep box 19 scene layer above editable box 20 background without forcing native hero internals */
body.pc.nhomtrang1:has(.bmore-event) #khung_chinh > div:first-child {
  position: relative !important;
  isolation: isolate !important;
}
body.pc.nhomtrang1:has(.bmore-event) .bocuc_20.beon-halloween-background {
  display: block !important;
  z-index: 0 !important;
}
body.pc.nhomtrang1:has(.bmore-event) .bocuc_19 {
  position: relative !important;
  z-index: 2 !important;
  background: transparent !important;
}
body.pc.nhomtrang1:has(.bmore-event) .bocuc_6.beon-utilities {
  position: relative !important;
  z-index: 3 !important;
}
/* Rock Nails header logo: original 190px, natural SVG ratio. */
html body.pc:not(.nhomtrang1) { --beon-header: 168px; }
body.pc:not(.nhomtrang1) .bocuc_2.beon-header > .loprong > .padding { grid-template-columns: minmax(0, 1fr) 190px minmax(0, 1fr); grid-template-rows: 100px 48px; }
body.pc:not(.nhomtrang1) .rock-header-logo { grid-column: 2; grid-row: 1; justify-self: center; align-self: center; }
body.pc:not(.nhomtrang1) .rock-header-logo img { display: block; height: auto; }
@media (max-width: 959px) {
  html body.pc:not(.nhomtrang1) { --beon-header: 146px; }
  body.pc:not(.nhomtrang1) .bocuc_2.beon-header > .loprong > .padding { grid-template-columns: minmax(0, 1fr) 40% minmax(0, 1fr); grid-template-rows: 36px 100px; }
  body.pc:not(.nhomtrang1) .rock-header-logo { grid-row: 2; }
  body.pc:not(.nhomtrang1) .bocuc_2.beon-header .beon-header-social { grid-column: 1 / 3; grid-row: 1; align-self: start; }
  body.pc:not(.nhomtrang1) .bocuc_2.beon-header > .loprong > .padding > .beon-search { grid-column: 2 / 4; grid-row: 1; }
  body.pc:not(.nhomtrang1) .bocuc_2.beon-header .beon-menu { grid-column: 1; grid-row: 2; align-self: center; }
  body.pc:not(.nhomtrang1) #khung_chinh .bocuc_22.beon-header-social > .loprong > .padding { --beon-social-icon: clamp(16px, 5.8vw, 22px); }
}
/* MUSIC_BOX9_BLACK_HALF_THUMB_20261011 */
body.pc .bocuc_9 .beon-player input.beon-timeline {
  accent-color: #000 !important;
}
body.pc .bocuc_9 .beon-player input.beon-timeline::-webkit-slider-thumb {
  transform: none !important;
}
body.pc .bocuc_9 .beon-player input.beon-timeline::-moz-range-thumb {
  width: 16px !important;
  height: 16px !important;
  box-sizing: border-box !important;
  border: 1px solid #fff !important;
  border-radius: 50% !important;
  background: #000 !important;
  transform: none !important;
}
/* MUSIC_BOX9_PROGRESS_BLACK_WHITE_20261011 */
body.pc .bocuc_9 .beon-player input.beon-timeline::-moz-range-track {
  height: 3px !important;
  border: 0 !important;
  background: #fff !important;
}
body.pc .bocuc_9 .beon-player input.beon-timeline::-moz-range-progress {
  height: 3px !important;
  border: 0 !important;
  background: #000 !important;
}
/* trang danh sach bai viet */
.bocuc_trangdanhsach_baiviet_1 .baiviet_box ul { margin:0; padding:0; list-style:none; }
.bocuc_trangdanhsach_baiviet_1 .baiviet_box li { list-style:none; }
/* hien gio that beon weather */
body.nhomtrang1 .beon-weather .beon-clock,
body.pc.nhomtrang1 .beon-weather .beon-clock,
body.nhomtrang1:has(.beon-utilities) .beon-weather .beon-clock,
body.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-clock,
body.pc.nhomtrang1:has(.beon-utilities) .beon-weather .beon-clock,
body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-clock,
body.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock,
body.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock,
body.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock,
body.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock,
body.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock,
body.pc.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock,
body.pc.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock,
body.pc.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock,
body.pc.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock,
body.pc.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock {
  display: block !important;
  visibility: visible !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
body.nhomtrang1 .beon-weather .beon-clock::before,
body.nhomtrang1 .beon-weather .beon-clock::after,
body.pc.nhomtrang1 .beon-weather .beon-clock::before,
body.pc.nhomtrang1 .beon-weather .beon-clock::after,
body.nhomtrang1:has(.beon-utilities) .beon-weather .beon-clock::before,
body.nhomtrang1:has(.beon-utilities) .beon-weather .beon-clock::after,
body.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-clock::before,
body.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-clock::after,
body.pc.nhomtrang1:has(.beon-utilities) .beon-weather .beon-clock::before,
body.pc.nhomtrang1:has(.beon-utilities) .beon-weather .beon-clock::after,
body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-clock::before,
body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-clock::after,
body.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock::before,
body.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock::after,
body.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock::before,
body.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock::after,
body.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock::before,
body.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock::after,
body.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock::before,
body.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock::after,
body.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock::before,
body.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock::after,
body.pc.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock::before,
body.pc.nhomtrang1:has(.bmore-event) .beon-weather .beon-clock::after,
body.pc.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock::before,
body.pc.nhomtrang1:has(.holmdel-event) .beon-weather .beon-clock::after,
body.pc.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock::before,
body.pc.nhomtrang1:has(.rstar-event) .beon-weather .beon-clock::after,
body.pc.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock::before,
body.pc.nhomtrang1:has(.rock019-event) .beon-weather .beon-clock::after,
body.pc.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock::before,
body.pc.nhomtrang1:has(.rn-halloween) .beon-weather .beon-clock::after {
  content: '' !important;
  display: none !important;
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* can giua beon condition */
body.nhomtrang1 .beon-weather .beon-condition,
body.pc.nhomtrang1 .beon-weather .beon-condition,
body.nhomtrang1:has(.beon-utilities) .beon-weather .beon-condition,
body.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-condition,
body.pc.nhomtrang1:has(.beon-utilities) .beon-weather .beon-condition,
body.pc.nhomtrang1:has(.beon-utilities):has(.beon-halloween-background) .beon-weather .beon-condition,
body.nhomtrang1:has(.bmore-event) .beon-weather .beon-condition,
body.nhomtrang1:has(.holmdel-event) .beon-weather .beon-condition,
body.nhomtrang1:has(.rstar-event) .beon-weather .beon-condition,
body.nhomtrang1:has(.rock019-event) .beon-weather .beon-condition,
body.nhomtrang1:has(.rn-halloween) .beon-weather .beon-condition,
body.pc.nhomtrang1:has(.bmore-event) .beon-weather .beon-condition,
body.pc.nhomtrang1:has(.holmdel-event) .beon-weather .beon-condition,
body.pc.nhomtrang1:has(.rstar-event) .beon-weather .beon-condition,
body.pc.nhomtrang1:has(.rock019-event) .beon-weather .beon-condition,
body.pc.nhomtrang1:has(.rn-halloween) .beon-weather .beon-condition {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* uu tien an box theo thiet bi */
@media (min-width: 768px) { .bocuc_33, body .bocuc_33, body.pc .bocuc_33, body.nhomtrang1 .bocuc_33, body.pc.nhomtrang1 .bocuc_33, body:has(.bocuc_33) .bocuc_33.bocuc_33.bocuc_33, body.pc.nhomtrang1:has(.bocuc_33) .bocuc_33.bocuc_33.bocuc_33, .bocuc_34, body .bocuc_34, body.pc .bocuc_34, body.nhomtrang1 .bocuc_34, body.pc.nhomtrang1 .bocuc_34, body:has(.bocuc_34) .bocuc_34.bocuc_34.bocuc_34, body.pc.nhomtrang1:has(.bocuc_34) .bocuc_34.bocuc_34.bocuc_34 { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } }
@media (max-width: 767px) { .bocuc_19, body .bocuc_19, body.pc .bocuc_19, body.nhomtrang1 .bocuc_19, body.pc.nhomtrang1 .bocuc_19, body:has(.bocuc_19) .bocuc_19.bocuc_19.bocuc_19, body.pc.nhomtrang1:has(.bocuc_19) .bocuc_19.bocuc_19.bocuc_19, .bocuc_20, body .bocuc_20, body.pc .bocuc_20, body.nhomtrang1 .bocuc_20, body.pc.nhomtrang1 .bocuc_20, body:has(.bocuc_20) .bocuc_20.bocuc_20.bocuc_20, body.pc.nhomtrang1:has(.bocuc_20) .bocuc_20.bocuc_20.bocuc_20, .bocuc_30, body .bocuc_30, body.pc .bocuc_30, body.nhomtrang1 .bocuc_30, body.pc.nhomtrang1 .bocuc_30, body:has(.bocuc_30) .bocuc_30.bocuc_30.bocuc_30, body.pc.nhomtrang1:has(.bocuc_30) .bocuc_30.bocuc_30.bocuc_30 { display: none !important; visibility: hidden !important; width: 0 !important; height: 0 !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; opacity: 0 !important; pointer-events: none !important; } }