/* Bond 2026-10-15 — mobile home per Figma 207:77. Mobile only. */
@media (max-width: 849px) {
  /* S01 header: Menu | logo | Tìm kiếm (Figma has no account/cart in header) */
/* p27:   .header-main .mobile-nav.nav-right .account-item, */
/* p27:   .header-main .mobile-nav.nav-right .cart-item { display: none !important; } */
/* p27:   .bond-m-search a { display: flex !important; align-items: center; gap: 6px; color: #fff !important; font-size: 14px; font-weight: 500; padding: 0 !important; } */
/* p27:   .bond-m-search svg { width: 22px; height: 22px; } */
  /* S03: 4 commitments not in mobile design */
  body.home .row.camket, body.home #gap-31471 { display: none !important; }
  /* S02 banner: inset rounded card */
  body.home #content > .row:first-child { padding: 12px 15px 0 !important; }
  body.home #content > .row:first-child .flickity-viewport, body.home #content > .row:first-child .img, body.home #content > .row:first-child img { border-radius: 10px; overflow: hidden; }
  /* S05 Nguồn cảm hứng: text before coverflow slider */
  body.home .row:has(> .nguon_cam_hung) { flex-wrap: wrap !important; display: flex; flex-direction: column; }
  body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung { order: -1; padding: 18px 26px 6px !important; }
  body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung .col-inner { text-align: left; }
  body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung .col-inner::before { content: "Nguồn cảm hứng"; display: block; text-align: center; font-family: "Dancing Script", "Great Vibes", cursive; font-style: italic; font-size: 34px; line-height: 1.2; color: #2fb84f; }
  body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung .col-inner::after { content: ""; }
  body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung h1, body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung h2, body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung h3 { text-align: center; color: #2fb84f; font-size: 32px; font-weight: 700; text-transform: none; }
}
@media (max-width: 849px) {
  body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung :is(h1,h2,h3,h4) { font-size: 0 !important; margin-bottom: 14px; }
  body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung :is(h1,h2,h3,h4)::after { content: "Lạc Yên Foods"; font-size: 32px; font-weight: 700; color: #2fb84f; text-transform: none; display: block; text-align: center; }
  body.home .row:has(> .nguon_cam_hung) > .nguon_cam_hung p { font-style: italic; font-size: 13px; line-height: 1.45; }
}
/* ===== Bond pass 2 (sections 3-7) ===== */
@media (max-width: 849px) {
  /* S3: hide extra farmer photo row + Nghệ Lứt banner (not in Figma) */
  body.home .row.lacyen-foods-row + .row { display: none !important; }
  body.home .home_tab1_banner { display: none !important; }
  body.home .bond-m-explore { display: block; text-align: center; margin: 14px 0 6px; font-size: 14px; font-weight: 500; color: #000; text-transform: uppercase; letter-spacing: .2px; }
  body.home .bond-m-explore:after { content: " \2192"; }
  body.home .row.lacyen-foods-row .nguon_cam_hung .hide-for-small { display: none !important; }

  /* S4: pills + Xem Tất Cả + #Thật */
  body.home .flashsale .home_product_tab > .nav { display: flex; flex-wrap: nowrap; gap: 10px; overflow-x: auto; border: 0 !important; padding: 0 2px 6px; scrollbar-width: none; }
  body.home .flashsale .home_product_tab > .nav::-webkit-scrollbar { display: none; }
  body.home .flashsale .home_product_tab > .nav > li { flex: 0 0 auto; margin: 0 !important; }
  body.home .flashsale .home_product_tab > .nav > li > a { display: flex; align-items: center; justify-content: center; height: 46px; padding: 0 16px !important; border-radius: 14px 14px 0 0 !important; background: #f6ffe3 !important; color: #2fb84f !important; font-size: 13px; font-weight: 700; border: 0 !important; box-shadow: none !important; }
  body.home .flashsale .home_product_tab > .nav > li.active > a { background: #2fb84f !important; color: #fff !important; }
  body.home .flashsale .home_product_tab > .nav > li > a img, body.home .flashsale .home_product_tab > .nav > li > a i { display: none !important; }
  body.home .bond-m-viewall { display: block; width: 122px; margin: 22px auto 30px; padding: 9px 0; border: 1px solid #222; border-radius: 20px; text-align: center; font-size: 12px; color: #222 !important; background: #fff; width: 200px; }
  body.home .bond-m-that { display: flex; align-items: center; height: 60px; padding: 0 52px; margin: 0 0 24px; background: #fdffe9; font-size: 28px; letter-spacing: 3px; color: #222; font-weight: 400; }

  /* S5: category rows header — title left green, "Xem thêm →" right */
  body.home .row-small .col.medium-6 > .col-inner { position: relative; }
  body.home .row-small .col.medium-6 h3.section-title-bold { justify-content: flex-start; border: 0; margin-bottom: 10px; }
  body.home .row-small .col.medium-6 h3.section-title-bold .section-title-main { color: #2fb84f; font-size: 19px; font-weight: 700; border: 0; padding: 0; text-transform: uppercase; }
  body.home .row-small .col.medium-6 h3.section-title-bold b { display: none; }
  body.home .row-small .col.medium-6 .bond-m-more { position: absolute; right: 4px; top: 32px; font-size: 13px; color: #2fb84f !important; }
  body.home .row-small .col.medium-6 .bond-m-more:after { content: " \2192"; }
  body.home .row-small .col.medium-6 .img.md-x img, body.home .row-small .col.medium-6 .img.md-x { border-radius: 4px; overflow: hidden; }
  body.home .bond-m-hide-more { display: none !important; }

  /* S6: quality heading per Figma */
  body.home .chat_luong_lacyenfood h2.section-title { font-size: 0 !important; display: block; text-align: center; border: 0; }
  body.home .chat_luong_lacyenfood h2.section-title * { font-size: 0 !important; }
  body.home .chat_luong_lacyenfood h2.section-title::before { content: "Chất lượng"; display: block; font-family: "Dancing Script","Great Vibes",cursive; font-style: italic; font-size: 34px; color: #2fb84f; line-height: 1.2; }
  body.home .chat_luong_lacyenfood h2.section-title::after { content: "Lạc Yên Foods"; display: block; font-size: 32px; font-weight: 700; color: #2fb84f; line-height: 1.25; }
  body.home .chat_luong_lacyenfood .col:first-child .col-inner::after { content: "Hành trình xây dựng chất lượng sản phẩm & dịch vụ"; display: block; text-align: center; font-size: 12px; color: #2fb84f; margin-top: 8px; }
  body.home .chat_luong_lacyenfood > .col:not(:first-child) { display: none !important; }

  /* S7: not in Figma mobile — news block + "Khách ơi" support section */
  body.home .col.home_blog { display: none !important; }
  body.home .row.ho_tro, body.home .row.khuyen_mai { display: none !important; } body.home .section:has(> .section-content > .row.ho_tro) { padding: 0 !important; min-height: 0 !important; } body.home .section:has(> .section-content > .row.ho_tro) .section-bg { display: none; }
}
/* S7 footer (all pages, mobile): 2-column menu grid */
@media (max-width: 849px) {
  .chan_trang .footer_menu { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 12px; padding: 18px 14px 0; }
  .chan_trang .footer_menu > .col { width: auto !important; max-width: none !important; flex: none !important; padding: 0 0 16px !important; }
  .chan_trang .footer_menu > .fmenu_col1 { grid-column: 1; grid-row: 1; }
  .chan_trang .footer_menu > .fmenu_col3 { grid-column: 2; grid-row: 1 / span 2; }
  .chan_trang .footer_menu > .fmenu_col2 { grid-column: 1; grid-row: 2; }
  .chan_trang .footer_menu :is(h3,h4,.widget-title) { font-size: 13px !important; font-weight: 700; }
  .chan_trang .footer_menu li a, .chan_trang .footer_menu a { font-size: 13px !important; }
}

/* pass 2b */
@media (max-width: 849px) {
  body.home .section:has(> .section-content > .row.ho_tro) { display: none !important; }
  body .chan_trang .fl_banner:not(#bond-x):not(#bond-y) { display: none !important; }
  body .chan_trang .row.footer_menu:not(#bond-x):not(#bond-y) { display: grid !important; grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important; column-gap: 12px; }
  body .chan_trang .row.footer_menu > .col:not(#bond-x):not(#bond-y) { width: auto !important; max-width: none !important; flex-basis: auto !important; }
  body .chan_trang .row.footer_menu > .col:not(#bond-x):not(#bond-y).fmenu_col1 { grid-column: 1 !important; grid-row: 1 !important; }
  body .chan_trang .row.footer_menu > .col:not(#bond-x):not(#bond-y).fmenu_col3 { grid-column: 2 !important; grid-row: 1 / span 2 !important; }
  body .chan_trang .row.footer_menu > .col:not(#bond-x):not(#bond-y).fmenu_col2 { grid-column: 1 !important; grid-row: 2 !important; }
}
/* ===== Bond pass 3 (Figma-strict blocks) ===== */
.bond-m-only { display: none; }
@media (max-width: 849px) {
  .bond-m-only { display: block; }
  /* header icons from Figma */
/* p27:   .header-main .mobile-nav [data-open="#main-menu"] { display: flex !important; flex-direction: column; align-items: center; gap: 3px; font-size: 13px !important; line-height: 1; } */
/* p27:   .header-main .mobile-nav [data-open="#main-menu"] i { display: none !important; } */
/* p27:   .header-main .mobile-nav [data-open="#main-menu"]::before { content: ""; width: 29px; height: 24px; background: url(../img/home-m/icons/menu.svg) no-repeat center / contain; } */
/* p27:   .bond-m-search a { flex-direction: row; font-size: 14px !important; } */
/* p27:   .bond-m-search img { width: 24px; height: 24px; display: block; filter: brightness(0) invert(1); } */
  /* (a) Nguồn cảm hứng slider */
  body.home .row.lacyen-foods-row .coverflow_slider { display: none !important; }
  .bond-m-inspire { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 16px 0 4px; scrollbar-width: none; }
  .bond-m-inspire::-webkit-scrollbar { display: none; }
  .bond-m-inspire a { flex: 0 0 auto; scroll-snap-align: center; width: 166px; margin-top: 11px; border-radius: 12px; overflow: hidden; }
  .bond-m-inspire a.is-main { width: 199px; margin-top: 0; }
  .bond-m-inspire img { display: block; width: 100%; height: auto; }
  /* (b) tabs: no green panel */
  body.home .row.flashsale, body.home .row.flashsale > .col > .col-inner, body.home .row.flashsale .col_product_tab, body.home .row.flashsale .col_product_tab .col-inner, body.home .row.flashsale .tab-panels, body.home .row.flashsale .home_product_tab { background: transparent !important; background-image: none !important; box-shadow: none !important; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
  body.home .row.flashsale .home_product_tab > .nav > li > a { border-radius: 14px 14px 0 0 !important; height: 47px; min-width: 169px; font-size: 13px; }
  body.home .row.flashsale .home_product_tab > .nav { border-bottom: 1px solid #2fb84f !important; padding-bottom: 0; }
  /* (c)(d) product cards per Figma */
  body.home .product-small .box-image { background: #fdffe9; border-radius: 6px; position: relative; }
  body.home .product-small .box-image img { mix-blend-mode: multiply; }
  .bond-plus { position: absolute; right: 8px; bottom: 8px; z-index: 5; width: 31px; height: 28px; padding: 0; margin: 0; border: 0; background: none; line-height: 0; cursor: pointer; min-height: 0; }
  .bond-plus img { width: 31px; height: 28px; display: block; }
  body.home .product-small .box-excerpt { background: transparent !important; padding: 0 !important; font-size: 12px; line-height: 1.35; color: #222; }
  body.home .product-small .product-title { font-size: 14px; font-weight: 500; }
  body.home .product-small .daban_wrap .stars { display: inline-flex; align-items: center; gap: 2px; border: .5px solid #ff8000; background: #fffbeb; padding: 0 3px; font-size: 10px; line-height: 13px; color: #222; }
  body.home .product-small .daban_wrap .stars img { display: none !important; }
  body.home .product-small .daban_wrap .stars::after { content: ""; width: 7px; height: 7px; background: url(../img/home-m/icons/star.svg) no-repeat center / contain; }
  /* (e) quality cards */
  body.home .row.chat_luong_lacyenfood + .row { display: none !important; }
  .bond-m-quality { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 18px 0 30px 40px; scrollbar-width: none; }
  .bond-m-quality::-webkit-scrollbar { display: none; }
  .bond-m-quality a { position: relative; flex: 0 0 265px; height: 305px; border-radius: 0; overflow: hidden; background: #d9d9d9 center / cover no-repeat; scroll-snap-align: start; color: #000 !important; }
  .bond-m-quality a::before { content: ""; position: absolute; inset: 45% 0 0 0; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.92) 55%); }
  .bond-m-quality b { position: absolute; left: 24px; bottom: 50px; font-size: 18px; font-weight: 700; }
  .bond-m-quality span { position: absolute; left: 24px; bottom: 26px; font-size: 14px; }
  /* (f) footer per Figma */
  body .chan_trang .row.footer_menu:not(#bond-x):not(#bond-y) { display: none !important; }
  .bond-m-footer { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 12px; padding: 22px 16px 6px; font-size: 13px; min-width: 0; }
  .bond-m-footer h4 { font-size: 13px; font-weight: 700; margin: 0 0 12px; text-transform: uppercase; color: #000; overflow-wrap: anywhere; word-break: break-word; }
  .bond-m-footer a { display: block; color: #000 !important; margin-bottom: 10px; font-size: 13px; white-space: normal; overflow-wrap: anywhere; word-break: break-word; }
  .bond-m-footer .soc { display: flex; gap: 8px; margin-bottom: 16px; }
  .bond-m-footer .soc img { width: 26px; height: 26px; display: block; }
  .bond-m-footer .col2 h4 + h4 { margin-top: 16px; }
}

/* pass 3b */
@media (max-width: 849px) {
  body.home .row.flashsale .col:not(#bond-x), body.home .row.flashsale .col:not(#bond-x)::before, body.home .row.flashsale .col:not(#bond-x)::after { background: transparent !important; background-image: none !important; box-shadow: none !important; }
  body.home .bond-m-quality + .row { display: none !important; }
}
/* ===== Bond pass 4 ===== */
@media (max-width: 849px) {
  /* marquee: solid FA glyphs need weight 900 (a mobile rule forced 500) */
  i.fa-solid:not(#bond-x), i.fas:not(#bond-x) { font-weight: 900 !important; font-family: "Font Awesome 7 Free" !important; }
  /* Nguồn cảm hứng — Figma 207:77 exact block */
  body.home .row.lacyen-foods-row { display: none !important; }
  .bond-nch { padding: 11px 0 20px; background: #fff; }
  .bond-nch__script { margin: 0; font-family: "Italianno", cursive; font-weight: 400; font-style: normal; font-size: 45px; line-height: normal; letter-spacing: -0.9px; color: #3eb44a; text-align: center; }
  .bond-nch__title { margin: -9px 0 0; font-family: "Inter", sans-serif; font-weight: 700; font-style: italic; font-size: 33px; line-height: normal; letter-spacing: -0.66px; color: #3eb44a; text-align: center; }
  .bond-nch__text { margin: 12px 16px 0 26px; font-family: "Inter", sans-serif; font-weight: 300; font-style: italic; font-size: 13px; line-height: normal; letter-spacing: -0.26px; color: #000; }
  .bond-nch__text p { margin: 0; font: inherit; line-height: inherit; }
  .bond-nch__track { display: flex; align-items: flex-start; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 17px calc(50% - 99.5px) 0; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .bond-nch__track::-webkit-scrollbar { display: none; }
  .bond-nch__slide { flex: 0 0 166px; height: 184px; margin-top: 11px; border-radius: 15px; overflow: hidden; scroll-snap-align: center; transition: all .3s; display: block; }
  .bond-nch__slide.is-active { flex-basis: 199px; height: 221px; margin-top: 0; }
  .bond-nch__slide img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .bond-nch__more { display: block; margin-top: 20px; font-family: "Inter", sans-serif; font-weight: 400; font-size: 13px; letter-spacing: -0.26px; color: #000 !important; text-align: center; }
}

/* pass 4b: beat global font override, exact vertical rhythm */
@media (max-width: 849px) {
  html body .bond-nch .bond-nch__script:not(#bond-x):not(#bond-y):not(#bond-z) { font-family: "Italianno", cursive !important; font-weight: 400 !important; font-size: 45px !important; line-height: normal !important; }
  html body .bond-nch .bond-nch__title:not(#bond-x):not(#bond-y):not(#bond-z) { font-family: "Inter", sans-serif !important; font-weight: 700 !important; font-style: italic !important; font-size: 33px !important; line-height: normal !important; margin: -9px 0 0 !important; text-transform: none !important; }
  html body .bond-nch .bond-nch__text:not(#bond-x):not(#bond-y):not(#bond-z), html body .bond-nch .bond-nch__text:not(#bond-x):not(#bond-y):not(#bond-z) p { font-family: "Inter", sans-serif !important; font-weight: 300 !important; font-style: italic !important; font-size: 13px !important; line-height: normal !important; }
  html body .bond-nch .bond-nch__more:not(#bond-x):not(#bond-y):not(#bond-z) { font-family: "Inter", sans-serif !important; font-size: 13px !important; font-weight: 400 !important; }
}
/* pass 5: tabs + products (Figma 207:237-330) */
@media (max-width: 849px) {
html body.home .row.flashsale .home_product_tab:not(#bond-x):not(#bond-y):not(#bond-z) { position:relative;padding-top:219px!important;background:linear-gradient(to bottom,#fdffeb,#fff 268px)!important;margin:0!important }
html body.home .row.flashsale .home_product_tab > .nav:not(#bond-x):not(#bond-y):not(#bond-z) { display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:24px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:0 0 0 29px!important;margin:0 0 10px!important;border:0!important;scroll-padding-left:29px }
html body.home .row.flashsale .home_product_tab > .nav > li:not(#bond-x):not(#bond-y):not(#bond-z) { flex:0 0 169px!important;width:169px!important;margin:0!important;padding:0!important;scroll-snap-align:start }
html body.home .row.flashsale .home_product_tab > .nav > li > a:not(#bond-x):not(#bond-y):not(#bond-z) { display:flex!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box!important;width:169px!important;min-width:0!important;height:47px!important;padding:0 0 0 14px!important;border:0!important;border-radius:20px 0 20px 0!important;background:#fdffeb!important;color:#34c759!important;font-family:"Montserrat",sans-serif!important;font-weight:700!important;font-size:12px!important;letter-spacing:-0.24px!important;line-height:normal!important;text-transform:uppercase!important;white-space:nowrap!important;box-shadow:none!important }
html body.home .row.flashsale .home_product_tab > .nav > li.active > a:not(#bond-x):not(#bond-y):not(#bond-z) { background:#3eb44a!important;color:#fff!important }
html body.home .row.flashsale .home_product_tab > .nav > li > a span:not(#bond-x):not(#bond-y):not(#bond-z) { font:inherit!important;color:inherit!important;letter-spacing:inherit!important }
html body.home .row.flashsale .home_product_tab > .nav::-webkit-scrollbar { display:none }
html body.home .row.flashsale .home_product_tab .row-slider:not(#bond-x):not(#bond-y):not(#bond-z) { padding:0 1.5px!important;margin:0!important }
html body.home .row.flashsale .home_product_tab .product-small.col:not(#bond-x):not(#bond-y):not(#bond-z) { width:50%!important;max-width:50%!important;flex-basis:50%!important;padding:0 1.5px 4px!important }
html body.home .row.flashsale .home_product_tab .product-small.col > .col-inner:not(#bond-x):not(#bond-y):not(#bond-z) { position:relative!important;box-sizing:border-box!important;height:317px!important;padding:5px 7px 0!important;background:#fff!important;border:1px solid #fff!important;border-radius:0!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.25)!important;overflow:hidden!important }
html body.home .row.flashsale .home_product_tab .product-small.col .box-image:not(#bond-x):not(#bond-y):not(#bond-z) { position:relative!important;width:100%!important;height:198px!important;border-radius:10px!important;background:#fdffeb!important;overflow:hidden!important }
html body.home .row.flashsale .home_product_tab .product-small.col .box-image img:not(#bond-x):not(#bond-y):not(#bond-z) { width:100%!important;height:198px!important;object-fit:cover!important;border-radius:10px!important }
html body.home .row.flashsale .home_product_tab .product-small.col .box-text:not(#bond-x):not(#bond-y):not(#bond-z) { height:auto!important;padding:11px 0 0!important;display:block!important;position:static!important }
html body.home .row.flashsale .home_product_tab .product-small.col .title-wrapper:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .price-wrapper:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .box-excerpt:not(#bond-x):not(#bond-y):not(#bond-z) { height:auto!important;padding:0!important;margin:0!important;max-width:100%!important }
html body.home .row.flashsale .home_product_tab .product-small.col .product-title:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .product-title a:not(#bond-x):not(#bond-y):not(#bond-z) { height:auto!important;margin:0!important;padding:0 40px 0 0!important;font-family:"Montserrat",sans-serif!important;font-weight:400!important;font-size:13px!important;line-height:16px!important;letter-spacing:-0.26px!important;color:#000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important }
html body.home .row.flashsale .home_product_tab .product-small.col .price-wrapper .price:not(#bond-x):not(#bond-y):not(#bond-z) {white-space:nowrap!important; display:flex!important;flex-wrap: nowrap !important;align-items:baseline!important;column-gap:1px!important;margin:3px 0 0!important;font-family:"Montserrat",sans-serif!important;font-size:clamp(9px,2.85vw,13px)!important;line-height:1.2!important;letter-spacing:-0.26px!important;color:#34c759!important }
html body.home .row.flashsale .home_product_tab .product-small.col .price .amount:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .price ins:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .price ins .amount:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .price .amount bdi:not(#bond-x):not(#bond-y):not(#bond-z) { font-family:"Montserrat",sans-serif!important;font-weight:700!important;font-size:13px!important;color:#34c759!important;text-decoration:none!important;letter-spacing:-0.26px!important }
html body.home .row.flashsale .home_product_tab .product-small.col .price del:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .price del .amount:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .price del .amount bdi:not(#bond-x):not(#bond-y):not(#bond-z) { order:2;font-weight:400!important;color:#d9d9d9!important;text-decoration:line-through!important;text-decoration-color:#d9d9d9!important;opacity:1!important;font-size:13px!important }
html body.home .row.flashsale .home_product_tab .product-small.col .box-excerpt:not(#bond-x):not(#bond-y):not(#bond-z) { margin:3px 0 0!important;font-family:"Montserrat",sans-serif!important;font-size:10px!important;line-height:12px!important;letter-spacing:-0.2px!important;color:#000!important;max-height:24px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical }
html body.home .row.flashsale .home_product_tab .product-small.col .ship_wrap:not(#bond-x):not(#bond-y):not(#bond-z) { position:static!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:7px!important;margin:7px 0 0!important;padding:0!important;background:none!important }
html body.home .row.flashsale .home_product_tab .product-small.col .ship_wrap > img.freeship:not(#bond-x):not(#bond-y):not(#bond-z) { display:none!important }
html body.home .row.flashsale .home_product_tab .product-small.col .ship_wrap:not(#bond-x):not(#bond-y):not(#bond-z)::before { content:"Miễn ship"; display:inline-flex; align-items:center; height:18px; padding:0 7px; background:#efffd1; color:#34c759; font-family:"Inter",sans-serif; font-size:9px; letter-spacing:-0.18px; line-height:1 }
html body.home .row.flashsale .home_product_tab .product-small.col .ship_note:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .doi_tuong_su_dung:not(#bond-x):not(#bond-y):not(#bond-z) { display:inline-flex!important;align-items:center!important;gap:3px!important;height:18px!important;margin:0!important;padding:0 6px!important;background:#efffd1!important;border:0!important;border-radius:0!important;color:#34c759!important;font-family:"Inter",sans-serif!important;font-size:9px!important;letter-spacing:-0.18px!important;line-height:1!important }
html body.home .row.flashsale .home_product_tab .product-small.col .ship_note:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .ship_note > *:not(#bond-x):not(#bond-y):not(#bond-z) { padding:0!important;background:none!important }
html body.home .row.flashsale .home_product_tab .product-small.col .doi_tuong_su_dung span:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .doi_tuong_su_dung b:not(#bond-x):not(#bond-y):not(#bond-z) { font-family:"Inter",sans-serif!important;font-size:9px!important;color:#34c759!important;line-height:1!important }
html body.home .row.flashsale .home_product_tab .product-small.col .ship_note:not(#bond-x):not(#bond-y):not(#bond-z) { background:#efffd1!important;padding:0 6px!important }
html body.home .row.flashsale .home_product_tab .product-small.col .daban_wrap:not(#bond-x):not(#bond-y):not(#bond-z) { position:absolute!important;top:219px!important;right:8px!important;margin:0!important;padding:0!important;z-index:3!important }
html body.home .row.flashsale .home_product_tab .product-small.col .daban_wrap .stars:not(#bond-x):not(#bond-y):not(#bond-z) { display:inline-flex!important;align-items:center!important;gap:2px!important;height:13px!important;padding:0 4px!important;background:#fffbeb!important;border:.5px solid #ff8000!important;border-radius:0!important;font-family:"Montserrat",sans-serif!important;font-size:9px!important;letter-spacing:-0.18px!important;color:#000!important;line-height:1!important }
html body.home .row.flashsale .home_product_tab .product-small.col .daban_wrap .stars img:not(#bond-x):not(#bond-y):not(#bond-z) { width:7px!important;height:7.5px!important;object-fit:contain!important;content:url(../img/home-m/icons/star.svg)!important;margin:0!important }
html body.home .row.flashsale .home_product_tab .product-small.col .bond-plus:not(#bond-x):not(#bond-y):not(#bond-z) { right:4px!important;bottom:6px!important;width:28px!important;height:28px!important;border-radius:10px!important;background:#efffd1!important;display:flex!important;align-items:center!important;justify-content:center!important }
html body.home .row.flashsale .home_product_tab .product-small.col .bond-plus img:not(#bond-x):not(#bond-y):not(#bond-z) { width:11px!important;height:11px!important }
html body.home .row.flashsale .home_product_tab .badge-container:not(#bond-x):not(#bond-y):not(#bond-z) { display:none!important }
html body.home .bond-m-viewall:not(#bond-x):not(#bond-y):not(#bond-z) { box-sizing:border-box!important;width:150px!important;height:33px!important;margin:31px auto 31px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #000!important;border-radius:20px!important;background:#fff!important;color:#000!important;font-family:"Inter",sans-serif!important;font-weight:400!important;font-size:10px!important;letter-spacing:-0.2px!important;line-height:1!important;text-transform:none!important }
html body.home .bond-m-that:not(#bond-x):not(#bond-y):not(#bond-z) { box-sizing:border-box!important;height:79px!important;margin:0 0 37px!important;padding:0 0 0 65px!important;background:#fdffeb!important;font-family:"Roboto","Inter",sans-serif!important;font-size:32px!important;font-weight:400!important;letter-spacing:4px!important;color:#222!important }
}

/* pass 5b */
@media (max-width: 849px) {
html body.home .row.flashsale .home_product_tab:not(#bond-x):not(#bond-y):not(#bond-z) { margin: 0 -13px !important; width: auto !important; }
html body.home .row.flashsale .home_product_tab .tab-panels:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .panel:not(#bond-x):not(#bond-y):not(#bond-z) { padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; }
html body.home .row.flashsale .home_product_tab .flickity-page-dots:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .flickity-prev-next-button:not(#bond-x):not(#bond-y):not(#bond-z) { display: none !important; }
html body.home .row.flashsale .home_product_tab .ship_wrap:not(#bond-x):not(#bond-y):not(#bond-z) { justify-content: flex-start !important; text-align: left !important; flex-wrap: nowrap !important; }
html body.home .row.flashsale .home_product_tab .ship_wrap > *:not(#bond-x):not(#bond-y):not(#bond-z) { flex: 0 0 auto !important; width: auto !important; max-width: none !important; margin: 0 !important; }
html body.home .row.flashsale .home_product_tab .ship_wrap:not(#bond-x):not(#bond-y):not(#bond-z)::before { flex: 0 0 auto; margin: 0; }
html body.home .row.flashsale .home_product_tab .bond-plus img:not(#bond-x):not(#bond-y):not(#bond-z) { width: 12px !important; height: 12px !important; }
}
/* pass 5c */
@media (max-width: 849px) {
html body.home .row.flashsale .home_product_tab .ship_wrap:not(#bond-x):not(#bond-y):not(#bond-z) { flex-direction: row !important; align-items: center !important; }
html body.home .row.flashsale .home_product_tab .flickity-viewport:not(#bond-x):not(#bond-y):not(#bond-z) { height: 321px !important; }
html body.home .row.flashsale .home_product_tab .product-small.col:not(#bond-x):not(#bond-y):not(#bond-z) { height: 321px !important; }
}
/* pass 5d */
@media (max-width: 849px) {
html body.home .bond-m-viewall:not(#bond-x):not(#bond-y):not(#bond-z) { margin-top: -43px !important; position: relative; z-index: 2; }
html body.home .row.flashsale .home_product_tab .bond-plus img:not(#bond-x):not(#bond-y):not(#bond-z) { display: none !important; }
html body.home .row.flashsale .home_product_tab .bond-plus:not(#bond-x):not(#bond-y):not(#bond-z)::after { content: "+"; font-family: "Inter", sans-serif; font-size: 17px; line-height: 1; color: #000; }
}
/* pass 6: category rows (Figma 207:327-515) */
@media (max-width: 849px) {
html body.home .home_product_list > .col:not(#bond-x):not(#bond-y):not(#bond-z) { padding:0!important;margin:0 0 22px!important }
html body.home .home_product_list .home_sp_title:not(#bond-x):not(#bond-y):not(#bond-z) { display:flex!important;align-items:flex-start!important;justify-content:space-between!important;height:22px!important;margin:0 0 9px!important;padding:0!important }
html body.home .home_product_list .home_sp_title .section-title:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .home_sp_title .section-title-main:not(#bond-x):not(#bond-y):not(#bond-z) { margin:0!important;padding:0!important;border:0!important;font-family:"Montserrat",sans-serif!important;font-weight:700!important;font-size:18px!important;line-height:22px!important;letter-spacing:-0.36px!important;color:#34c759!important;text-transform:uppercase!important }
html body.home .home_product_list .home_sp_title .section-title b:not(#bond-x):not(#bond-y):not(#bond-z) { display:none!important }
html body.home .home_product_list .bond-m-more:not(#bond-x):not(#bond-y):not(#bond-z) { margin:3px 1px 0 0!important;padding:0!important;font-family:"Inter",sans-serif!important;font-weight:400!important;font-size:13px!important;line-height:16px!important;letter-spacing:-0.26px!important;color:#34c759!important;text-transform:none!important;white-space:nowrap!important;background:none!important;border:0!important }
html body.home .home_product_list .img.has-hover:not(#bond-x):not(#bond-y):not(#bond-z) { width:409px!important;max-width:100%!important;margin:0 0 8px!important }
html body.home .home_product_list .img.has-hover .img-inner:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .img.has-hover img:not(#bond-x):not(#bond-y):not(#bond-z) { height:112px!important;border-radius:0!important;margin:0!important;padding:0!important }
html body.home .home_product_list .img.has-hover img:not(#bond-x):not(#bond-y):not(#bond-z) { width:100%!important;object-fit:cover!important }
html body.home .home_product_list .row.equalize-box:not(#bond-x):not(#bond-y):not(#bond-z) { display:flex!important;flex-wrap:nowrap!important;gap:3px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -10px!important;padding:0 10px 4px!important;scroll-padding-left:10px }
html body.home .home_product_list .row.equalize-box:not(#bond-x):not(#bond-y):not(#bond-z)::-webkit-scrollbar { display:none }
html body.home .home_product_list .row.equalize-box > .product-small.col:not(#bond-x):not(#bond-y):not(#bond-z) { flex:0 0 205px!important;width:205px!important;max-width:205px!important;padding:0!important;margin:0!important;scroll-snap-align:start }
html body.home .home_product_list .row.equalize-box > .product-small.col > .col-inner:not(#bond-x):not(#bond-y):not(#bond-z) { position:relative!important;box-sizing:border-box!important;height:310px!important;padding:5px 7px 0!important;background:#fff!important;border:1px solid #fff!important;border-radius:0!important;box-shadow:0 1px 2px 0 rgba(0,0,0,.25)!important;overflow:hidden!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .box-image:not(#bond-x):not(#bond-y):not(#bond-z) { position:relative!important;width:100%!important;height:193px!important;border-radius:10px!important;background:#fdffeb!important;overflow:hidden!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .box-image img:not(#bond-x):not(#bond-y):not(#bond-z) { width:100%!important;height:193px!important;object-fit:cover!important;border-radius:10px!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .box-text:not(#bond-x):not(#bond-y):not(#bond-z) { height:auto!important;padding:11px 0 0!important;display:block!important;position:static!important;text-align:left!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .title-wrapper:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .price-wrapper:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .box-excerpt:not(#bond-x):not(#bond-y):not(#bond-z) { height:auto!important;padding:0!important;margin:0!important;max-width:100%!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .product-title:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .product-title a:not(#bond-x):not(#bond-y):not(#bond-z) { height:auto!important;margin:0!important;padding:0 40px 0 0!important;font-family:"Montserrat",sans-serif!important;font-weight:400!important;font-size:13px!important;line-height:16px!important;letter-spacing:-0.26px!important;color:#000!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .price-wrapper .price:not(#bond-x):not(#bond-y):not(#bond-z) {white-space:nowrap!important; display:flex!important;flex-wrap: nowrap !important;align-items:baseline!important;column-gap:1px!important;margin:2px 0 0!important;font-family:"Montserrat",sans-serif!important;font-size:clamp(9px,2.85vw,13px)!important;line-height:1.2!important;color:#34c759!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .price .amount:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .price ins:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .price ins .amount:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .price .amount bdi:not(#bond-x):not(#bond-y):not(#bond-z) { font-family:"Montserrat",sans-serif!important;font-weight:700!important;font-size:13px!important;color:#34c759!important;text-decoration:none!important;letter-spacing:-0.26px!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .price del:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .price del .amount:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .price del .amount bdi:not(#bond-x):not(#bond-y):not(#bond-z) { order:2;font-weight:400!important;color:#d9d9d9!important;text-decoration:line-through!important;opacity:1!important;font-size:13px!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .box-excerpt:not(#bond-x):not(#bond-y):not(#bond-z) { margin:3px 0 0!important;font-family:"Montserrat",sans-serif!important;font-size:10px!important;line-height:12px!important;letter-spacing:-0.2px!important;color:#000!important;max-height:24px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical }
html body.home .home_product_list .row.equalize-box > .product-small.col .ship_wrap:not(#bond-x):not(#bond-y):not(#bond-z) { position:static!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;margin:6px 0 0!important;padding:0!important;background:none!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .ship_wrap > *:not(#bond-x):not(#bond-y):not(#bond-z) { flex:0 0 auto!important;width:auto!important;max-width:none!important;margin:0!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .ship_wrap > img.freeship:not(#bond-x):not(#bond-y):not(#bond-z) { display:none!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .ship_wrap:not(#bond-x):not(#bond-y):not(#bond-z)::before { content:"Miễn ship"; flex:0 0 auto; display:inline-flex; align-items:center; height:18px; padding:0 7px; background:#efffd1; color:#34c759; font-family:"Inter",sans-serif; font-size:9px; letter-spacing:-0.18px; line-height:1 }
html body.home .home_product_list .row.equalize-box > .product-small.col .ship_note:not(#bond-x):not(#bond-y):not(#bond-z) { display:inline-flex!important;align-items:center!important;height:18px!important;padding:0 6px!important;background:#efffd1!important;border:0!important;border-radius:0!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .ship_note > *:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .doi_tuong_su_dung:not(#bond-x):not(#bond-y):not(#bond-z) { display:inline-flex!important;align-items:center!important;gap:3px!important;padding:0!important;margin:0!important;background:none!important;border:0!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .doi_tuong_su_dung span:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .row.equalize-box > .product-small.col .doi_tuong_su_dung b:not(#bond-x):not(#bond-y):not(#bond-z) { font-family:"Inter",sans-serif!important;font-size:9px!important;color:#34c759!important;line-height:1!important;letter-spacing:-0.18px!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .daban_wrap:not(#bond-x):not(#bond-y):not(#bond-z) { position:absolute!important;top:214px!important;right:8px!important;margin:0!important;padding:0!important;z-index:3!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .daban_wrap .stars:not(#bond-x):not(#bond-y):not(#bond-z) { display:inline-flex!important;align-items:center!important;gap:2px!important;height:13px!important;padding:0 4px!important;background:#fffbeb!important;border:.5px solid #ff8000!important;border-radius:0!important;font-family:"Montserrat",sans-serif!important;font-size:9px!important;color:#000!important;line-height:1!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .daban_wrap .stars img:not(#bond-x):not(#bond-y):not(#bond-z) { width:7px!important;height:7.5px!important;object-fit:contain!important;content:url(../img/home-m/icons/star.svg)!important;margin:0!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .bond-plus:not(#bond-x):not(#bond-y):not(#bond-z) { position:absolute!important;right:3px!important;bottom:6px!important;width:28px!important;height:28px!important;border-radius:10px!important;background:#efffd1!important;display:flex!important;align-items:center!important;justify-content:center!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .bond-plus img:not(#bond-x):not(#bond-y):not(#bond-z) { display:none!important }
html body.home .home_product_list .row.equalize-box > .product-small.col .bond-plus:not(#bond-x):not(#bond-y):not(#bond-z)::after { content:"+"; font-family:"Inter",sans-serif; font-size:17px; line-height:1; color:#000 }
html body.home .home_product_list .row.equalize-box > .product-small.col .badge-container:not(#bond-x):not(#bond-y):not(#bond-z) { display:none!important }
}

/* pass 6b */
@media (max-width: 849px) {
html body.home .home_product_list > .col:not(#bond-x):not(#bond-y):not(#bond-z) { margin-bottom: 0 !important; padding-bottom: 0 !important; }
html body.home .home_product_list > .col > .col-inner:not(#bond-x):not(#bond-y):not(#bond-z) { padding-bottom: 0 !important; margin-bottom: 0 !important; }
html body.home .home_product_list .row.equalize-box:not(#bond-x):not(#bond-y):not(#bond-z) { margin-bottom: 18px !important; }
html body.home .home_product_list .bond-m-more:not(#bond-x):not(#bond-y):not(#bond-z) { position: static !important; display: inline-block !important; right: auto !important; top: auto !important; }
}
/* pass 6c */
@media (max-width: 849px) {
html body.home .home_product_list > .col > .col-inner:not(#bond-x):not(#bond-y):not(#bond-z) { margin-top: 0 !important; }
html body.home .home_product_list > .col > .col-inner > .gap-element:not(#bond-x):not(#bond-y):not(#bond-z) { display: none !important; }
}
/* pass 7: quality + footer (Figma 207:499-220:577) */
@media (max-width: 849px) {
html body.home .chat_luong_lacyenfood h2.section-title:not(#bond-x):not(#bond-y):not(#bond-z)::before { content:"Chất lượng"!important; font-family:"Italianno",cursive!important; font-style:normal!important; font-weight:400!important; font-size:50px!important; line-height:52px!important; letter-spacing:-1px!important; color:#3eb44a!important; text-align:center!important }
html body.home .chat_luong_lacyenfood h2.section-title:not(#bond-x):not(#bond-y):not(#bond-z)::after { content:"Lạc Yên Foods"!important; font-family:"Inter",sans-serif!important; font-style:italic!important; font-weight:700!important; font-size:34px!important; line-height:41px!important; letter-spacing:-0.68px!important; color:#3eb44a!important; margin:0 0 11px!important; display:block!important; text-align:center!important }
html body.home .chat_luong_lacyenfood h2.section-title:not(#bond-x):not(#bond-y):not(#bond-z) { margin:0!important;padding:0!important }
html body.home .chat_luong_lacyenfood .col:first-child .col-inner:not(#bond-x):not(#bond-y):not(#bond-z)::after { font-family:"Inter",sans-serif!important; font-weight:400!important; font-style:normal!important; font-size:13px!important; line-height:16px!important; letter-spacing:-0.26px!important; color:#3eb44a!important; margin:0!important; text-align:center!important }
html body.home .chat_luong_lacyenfood:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .chat_luong_lacyenfood > .col:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .chat_luong_lacyenfood .col-inner:not(#bond-x):not(#bond-y):not(#bond-z) { padding-top:0!important;padding-bottom:0!important;margin-bottom:0!important }
html body.home .bond-m-quality:not(#bond-x):not(#bond-y):not(#bond-z) { display:flex!important;gap:16px!important;overflow-x:auto!important;scroll-snap-type:x mandatory;padding:25px 52px 86px!important;scroll-padding-left:52px;margin:0!important }
html body.home .bond-m-quality a:not(#bond-x):not(#bond-y):not(#bond-z) { flex:0 0 337px!important;width:337px!important;height:387px!important;border-radius:0!important;scroll-snap-align:start }
html body.home .bond-m-quality b:not(#bond-x):not(#bond-y):not(#bond-z) { left:28px!important;right:auto!important;bottom:auto!important;top:302px!important;font-family:"Inter",sans-serif!important;font-weight:700!important;font-size:20px!important;line-height:24px!important;letter-spacing:-0.4px!important;color:#000!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important }
html body.home .bond-m-quality span:not(#bond-x):not(#bond-y):not(#bond-z) { left:28px!important;bottom:auto!important;top:333px!important;font-family:"Inter",sans-serif!important;font-weight:400!important;font-size:16px!important;line-height:19px!important;letter-spacing:-0.32px!important;color:#000!important }
html body.home .bond-m-footer:not(#bond-x):not(#bond-y):not(#bond-z) { grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:12px!important;padding:22px 16px 0!important;font-family:"Montserrat",sans-serif!important }
html body.home .bond-m-footer h4:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .bond-m-footer h4 a:not(#bond-x):not(#bond-y):not(#bond-z) { font-family:"Montserrat",sans-serif!important;font-weight:700!important;font-size:13px!important;line-height:16px!important;letter-spacing:-0.26px!important;color:#000!important;margin:0 0 13px!important;text-transform:uppercase!important }
html body.home .bond-m-footer a:not(#bond-x):not(#bond-y):not(#bond-z) { font-family:"Montserrat",sans-serif!important;font-weight:500!important;font-size:13px!important;line-height:16px!important;letter-spacing:-0.26px!important;color:#000!important;margin:0 0 13px!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important }
html body.home .bond-m-footer .col1 h4 + a ~ h4:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .bond-m-footer .col1 > h4:not(:first-child):not(#bond-x):not(#bond-y):not(#bond-z) { margin-top:14px!important }
html body.home .bond-m-footer .col2 > a + h4:not(#bond-x):not(#bond-y):not(#bond-z) { margin-top:14px!important }
html body.home .bond-m-footer .col2 > a + a:not(#bond-x):not(#bond-y):not(#bond-z) { margin-top:-3px!important }
html body.home .bond-m-footer .soc:not(#bond-x):not(#bond-y):not(#bond-z) { gap:7px!important;align-items:center!important;margin:-9px 0 38px!important }
html body.home .bond-m-footer .soc a:not(#bond-x):not(#bond-y):not(#bond-z) { margin:0!important }
html body.home .bond-m-footer .soc img:not(#bond-x):not(#bond-y):not(#bond-z) { width:26px!important;height:26px!important;border-radius:5px!important }
html body.home .bond-m-footer .soc a:nth-child(2) img:not(#bond-x):not(#bond-y):not(#bond-z) { width:33px!important;height:33px!important }
html body.home .bond-m-footer .col2 > h4 + h4:not(#bond-x):not(#bond-y):not(#bond-z) { margin-top:0!important;margin-bottom:12px!important }
html body.home #footer .col.medium-4:not(#bond-x):not(#bond-y):not(#bond-z) { padding:16px 0 0!important;margin:0 32px!important;max-width:calc(100% - 64px)!important;border-top:1px solid #000!important }
html body.home #footer .col.medium-4 img:not(#bond-x):not(#bond-y):not(#bond-z) { width:173px!important;height:46px!important;object-fit:contain!important }
html body.home #footer .col.medium-5:not(#bond-x):not(#bond-y):not(#bond-z) { padding:0 32px!important }
html body.home #footer .col.medium-5 .text:not(#bond-x):not(#bond-y):not(#bond-z), html body.home #footer .col.medium-5 .text p:not(#bond-x):not(#bond-y):not(#bond-z) { font-family:"Montserrat",sans-serif!important;font-size:9px!important;line-height:14px!important;letter-spacing:-0.18px!important;color:#000!important }
html body.home #footer .col.medium-5 h3:not(#bond-x):not(#bond-y):not(#bond-z), html body.home #footer .col.medium-5 h3 strong:not(#bond-x):not(#bond-y):not(#bond-z) { font-family:"Montserrat",sans-serif!important;font-weight:700!important;font-size:12px!important;line-height:15px!important;letter-spacing:-0.24px!important;color:#000!important;margin:12px 0 8px!important }
}

/* pass 8: single footer divider (Figma 220:569: one 1px line, x32 w353) */
@media (max-width: 849px) {
html body.home #footer .copyright:not(#bond-x):not(#bond-y):not(#bond-z) { border-top: 0 !important; }
}
/* pass 9: header per Figma 207:79/207:216/238:689/220:585/275:77 */
@media (max-width: 849px) {
/* p27 unified: html body.home .header-main:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .header-main:not(#bond-x):not(#bond-y):not(#bond-z) { background-color: #3eb44a !important; height: 87px !important; min-height: 87px !important; } */
/* p27 unified: html body.home .header-main .header-inner:not(#bond-x):not(#bond-y):not(#bond-z) { height: 87px !important; min-height: 87px !important; } */
/* p27 unified: html body.home .header-main .header-inner:not(#bond-x):not(#bond-y):not(#bond-z) { padding: 0 20px 0 17px !important; position: relative; } */
/* p27 unified: html body.home .header-main #logo:not(#bond-x):not(#bond-y):not(#bond-z) { position: absolute !important; left: 50% !important; top: 13px !important; transform: translateX(calc(-50% - 0.5px)); width: 131px !important; height: 61px !important; margin: 0 !important; } */
/* p27 unified: html body.home .header-main #logo img:not(#bond-x):not(#bond-y):not(#bond-z) { width: 131px !important; height: 61px !important; max-height: 61px !important; object-fit: contain !important; padding: 0 !important; } */
/* p27 unified: html body.home .header-main .mobile-nav [data-open="#main-menu"]:not(#bond-x):not(#bond-y):not(#bond-z) { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 3px !important; padding: 0 !important; transform: translate(5px, 20px); font-family: "Montserrat", sans-serif !important; font-weight: 500 !important; font-size: 13px !important; line-height: 16px !important; letter-spacing: -0.26px !important; color: #fff !important; text-transform: none !important; } */
/* p27 unified: html body.home .header-main .mobile-nav [data-open="#main-menu"]:not(#bond-x):not(#bond-y):not(#bond-z)::before { width: 29.143px !important; height: 24px !important; margin-left: 4px !important; background: url(../img/home-m/icons/menu.svg) no-repeat center / 29.143px 24px !important; } */
/* p27 unified: html body.home .bond-m-search a:not(#bond-x):not(#bond-y):not(#bond-z) { flex-direction: row !important; align-items: center !important; gap: 5px !important; padding: 0 !important; transform: translate(-4px, 13.5px); font-family: "Inter", sans-serif !important; font-weight: 400 !important; font-size: 12px !important; line-height: 15px !important; letter-spacing: 0 !important; color: #fff !important; text-transform: none !important; } */
/* p27 unified: html body.home .bond-m-search img:not(#bond-x):not(#bond-y):not(#bond-z) { width: 24px !important; height: 24px !important; filter: none !important; } */
}

/* pass 10: FA solid weight in header marquee, Figma logo, marquee bar 34px */
@media (max-width: 849px) {
html body #wrapper i.fa-solid:not(#bond-x):not(#bond-y):not(#bond-z), html body #wrapper i.fas:not(#bond-x):not(#bond-y):not(#bond-z), html body #header i.fa-solid:not(#bond-x):not(#bond-y):not(#bond-z), html body #header i.fas:not(#bond-x):not(#bond-y):not(#bond-z), html body #wrapper i.fa-solid:not(#bond-x):not(#bond-y):not(#bond-z)::before, html body #header i.fa-solid:not(#bond-x):not(#bond-y):not(#bond-z)::before { font-family: "Font Awesome 7 Free" !important; font-weight: 900 !important; }
/* p27 unified: html body.home .header-top:not(#bond-x):not(#bond-y):not(#bond-z) { height: 34px !important; min-height: 34px !important; } */
/* p27 unified: html body.home .header-top .flex-row:not(#bond-x):not(#bond-y):not(#bond-z) { height: 34px !important; } */
/* p27 unified: html body.home .header-top .top_left_text:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .header-top .top_left_text span:not(#bond-x):not(#bond-y):not(#bond-z) { font-family: "Inter", sans-serif !important; font-size: 12px !important; line-height: 34px !important; color: #fff !important; } */
/* p27 unified: html body.home .header-main #logo img:not(#bond-x):not(#bond-y):not(#bond-z) { width: 131px !important; height: 61px !important; max-width: none !important; object-fit: contain !important; object-position: center !important; } */
}

/* pass 12: show site's tab banner (top_slider1/2) in the empty area above tabs */
@media (max-width: 849px) {
html body.home .row.flashsale .home_tab1_banner:not(#bond-x):not(#bond-y):not(#bond-z) { display: block !important; margin: 0 !important; padding: 0 !important; }
html body.home .row.flashsale .home_tab1_banner > .col:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_tab1_banner > .col > .col-inner:not(#bond-x):not(#bond-y):not(#bond-z) { display: block !important; padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; }
html body.home .row.flashsale .home_tab1_banner .img:not(#bond-x):not(#bond-y):not(#bond-z) { display: block; width: 100% !important; margin: 0 0 9px !important; }
html body.home .row.flashsale .home_tab1_banner .img.hidden:not(#bond-x):not(#bond-y):not(#bond-z) { display: none !important; }
html body.home .row.flashsale .home_tab1_banner .img-inner:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_tab1_banner .img img:not(#bond-x):not(#bond-y):not(#bond-z) { width: 100% !important; height: 210px !important; border-radius: 10px !important; overflow: hidden !important; object-fit: cover !important; }
html body.home .row.flashsale .home_product_tab:not(#bond-x):not(#bond-y):not(#bond-z) { padding-top: 0 !important; background: none !important; }
}
/* pass 13: footer alignment - all blocks on Figma x32/34 grid, BCT badge centred with logo */
@media (max-width: 849px) {
html body.home .bond-m-footer:not(#bond-x):not(#bond-y):not(#bond-z) { padding: 22px 0 0 19px !important; }
html body.home #footer .row.copyright:not(#bond-x):not(#bond-y):not(#bond-z) { position: relative !important; width: 353px !important; max-width: calc(100% - 34px) !important; margin: 10px 0 0 17px !important; padding: 0 !important; }
html body.home #footer .row.copyright > .col.medium-4:not(#bond-x):not(#bond-y):not(#bond-z) { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; margin: 0 !important; padding: 16px 0 0 !important; }
html body.home #footer .row.copyright > .col.medium-4 img:not(#bond-x):not(#bond-y):not(#bond-z) { float: none !important; display: block !important; margin: 0 !important; }
html body.home #footer .row.copyright > .col.medium-5:not(#bond-x):not(#bond-y):not(#bond-z) { width: 100% !important; max-width: 100% !important; flex-basis: 100% !important; padding: 0 !important; margin: 0 !important; }
html body.home #footer .row.copyright > .col.bct:not(#bond-x):not(#bond-y):not(#bond-z) { position: absolute !important; top: 19px !important; right: 0 !important; left: auto !important; width: auto !important; max-width: none !important; padding: 0 !important; margin: 0 !important; }
html body.home #footer .row.copyright > .col.bct .col-inner:not(#bond-x):not(#bond-y):not(#bond-z), html body.home #footer .row.copyright > .col.bct .text:not(#bond-x):not(#bond-y):not(#bond-z), html body.home #footer .row.copyright > .col.bct p:not(#bond-x):not(#bond-y):not(#bond-z) { margin: 0 !important; padding: 0 !important; line-height: 0 !important; }
html body.home #footer .row.copyright > .col.bct img:not(#bond-x):not(#bond-y):not(#bond-z) { height: 40px !important; width: auto !important; margin: 0 !important; display: block !important; }
}
/* pass 14: no cropping - banners natural ratio, card images contain; cards fit any phone width */
@media (max-width: 849px) {
html body.home .home_product_list .img.has-hover .img-inner:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .home_product_list .img.has-hover img:not(#bond-x):not(#bond-y):not(#bond-z) { height: auto !important; max-height: none !important; width: 100% !important; object-fit: contain !important; }
html body.home .home_product_list .row.equalize-box > .product-small.col .box-image img:not(#bond-x):not(#bond-y):not(#bond-z), html body.home .row.flashsale .home_product_tab .product-small.col .box-image img:not(#bond-x):not(#bond-y):not(#bond-z) { object-fit: contain !important; object-position: center !important; background: #fdffeb !important; }
html body.home .home_product_list .row.equalize-box > .product-small.col:not(#bond-x):not(#bond-y):not(#bond-z) { flex: 0 0 calc((100vw - 23px) / 2) !important; width: calc((100vw - 23px) / 2) !important; max-width: 205px !important; }
}
/* pass 14b: Khám phá thêm link per Figma 207:230 */
@media (max-width: 849px) {
html body.home .bond-nch .bond-nch__more:not(#bond-x):not(#bond-y):not(#bond-z) { margin: 20px auto 0 !important; color: #000 !important; text-decoration: none !important; text-transform: uppercase !important; letter-spacing: -0.26px !important; line-height: 16px !important; text-align: center !important; border: 0 !important; }
}

/* pass 17: "Khach oi" support block (site footer section .row.ho_tro, all pages) - 3 buttons in one swipeable row, Figma 913:120-124 (176x29, r5, white, Be Vietnam Pro Bold 13 #34c759, gap 8) */
@media (max-width: 849px) {
html body .row.ho_tro .button_hotro > .col-inner:not(#bond-x):not(#bond-y):not(#bond-z) { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; overflow-x: auto !important; overflow-y: hidden !important; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; height: auto !important; padding: 10px 0 !important; scroll-padding-left: 0; }
html body .row.ho_tro .button_hotro > .col-inner::-webkit-scrollbar { display: none; }
html body .row.ho_tro .button_hotro > .col-inner > a.button:not(#bond-x):not(#bond-y):not(#bond-z) { flex: 0 0 calc((100vw - 31px) / 2.27) !important; width: calc((100vw - 31px) / 2.27) !important; max-width: 176px !important; min-width: 0 !important; height: 29px !important; min-height: 0 !important; margin: 0 !important; padding: 0 12px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; border-radius: 5px !important; background: #fff !important; scroll-snap-align: start; white-space: nowrap !important; }
html body .row.ho_tro .button_hotro > .col-inner > a.button span:not(#bond-x):not(#bond-y):not(#bond-z) { display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-family: "Be Vietnam Pro", sans-serif !important; font-weight: 700 !important; font-size: 13px !important; line-height: 16px !important; letter-spacing: -0.26px !important; color: #14803a !important; text-transform: none !important; }
}
/* pass 17b: content-sized buttons (no ellipsis), row bleeds to the screen edge so the next button peeks */
@media (max-width: 849px) {
html body .row.ho_tro .button_hotro:not(#bond-x):not(#bond-y):not(#bond-z), html body .row.ho_tro .button_hotro ~ *:not(#bond-x):not(#bond-y):not(#bond-z) { overflow: visible !important; }
html body .row.ho_tro .button_hotro > .col-inner:not(#bond-x):not(#bond-y):not(#bond-z) { margin-right: -60px !important; padding-right: 60px !important; width: auto !important; max-width: none !important; background: none !important; }
html body .row.ho_tro .button_hotro > .col-inner > a.button:not(#bond-x):not(#bond-y):not(#bond-z) { flex: 0 0 auto !important; width: auto !important; max-width: none !important; padding: 0 15px !important; }
html body .row.ho_tro .button_hotro > .col-inner > a.button span:not(#bond-x):not(#bond-y):not(#bond-z) { overflow: visible !important; text-overflow: clip !important; }
}
@media (max-width: 380px) {
html body .row.ho_tro .button_hotro > .col-inner > a.button span:not(#bond-x):not(#bond-y):not(#bond-z) { font-size: 12px !important; letter-spacing: -0.24px !important; }
html body .row.ho_tro .button_hotro > .col-inner > a.button:not(#bond-x):not(#bond-y):not(#bond-z) { padding: 0 11px !important; }
}

@media (max-width: 849px) {
html body .bond-m-footer .col1:not(#bond-x):not(#bond-y):not(#bond-z),
html body .bond-m-footer .col2:not(#bond-x):not(#bond-y):not(#bond-z) {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
html body .bond-m-footer h4:not(#bond-x):not(#bond-y):not(#bond-z),
html body .bond-m-footer a:not(#bond-x):not(#bond-y):not(#bond-z) {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
}

/* bond price-fit v2: one-line range prices, fluid vw (home) */
@media (max-width: 849px) {
  html body.home .product-small .price-wrapper:not(#bond-x):not(#bond-y):not(#bond-z),
  html body.home .product-small .price-wrapper .price:not(#bond-x):not(#bond-y):not(#bond-z) {
    white-space: nowrap !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  html body.home .product-small .price-wrapper .price:not(#bond-x):not(#bond-y):not(#bond-z) {white-space:nowrap!important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: baseline !important;
    column-gap: 1px !important;
    row-gap: 0 !important;
    font-size: clamp(10px, 3.2vw, 15px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
  }
  html body.home .product-small .price:has(.amount ~ .amount):not(#bond-x):not(#bond-y):not(#bond-z) {
    font-size: clamp(9px, 2.85vw, 13px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.04em !important;
  }
  html body.home .product-small .price .amount:not(#bond-x):not(#bond-y):not(#bond-z),
  html body.home .product-small .price .amount bdi:not(#bond-x):not(#bond-y):not(#bond-z),
  html body.home .product-small .price ins:not(#bond-x):not(#bond-y):not(#bond-z) {
    white-space: nowrap !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }
  html body.home .product-small .price .woocommerce-Price-currencySymbol:not(#bond-x):not(#bond-y):not(#bond-z) {
    margin: 0 0 0 1px !important;
    padding: 0 !important;
    letter-spacing: -0.06em !important;
  }
  html body.home .product-small .price .screen-reader-text:not(#bond-x):not(#bond-y):not(#bond-z) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  html body.home .product-small .price del:not(#bond-x):not(#bond-y):not(#bond-z),
  html body.home .product-small .price del *:not(#bond-x):not(#bond-y):not(#bond-z) {
    white-space: nowrap !important;
    font-size: clamp(8px, 2.4vw, 11px) !important;
    line-height: 1.2 !important;
    flex-shrink: 0 !important;
  }
}

/* bond price-fit v3: home grids specific chains */
@media (max-width: 849px) {
  html body.home .row.flashsale .home_product_tab .product-small.col .price-wrapper .price:not(#bond-x):not(#bond-y):not(#bond-z),
  html body.home .home_product_list .row.equalize-box > .product-small.col .price-wrapper .price:not(#bond-x):not(#bond-y):not(#bond-z) {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    column-gap: 1px !important;
    font-size: clamp(9px, 2.85vw, 13px) !important;
    line-height: 1.2 !important;
    letter-spacing: -0.04em !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }
  html body.home .row.flashsale .home_product_tab .product-small.col .price:has(.amount ~ .amount):not(#bond-x):not(#bond-y):not(#bond-z),
  html body.home .home_product_list .row.equalize-box > .product-small.col .price:has(.amount ~ .amount):not(#bond-x):not(#bond-y):not(#bond-z) {
    font-size: clamp(8px, 2.6vw, 12px) !important;
    line-height: 1.2 !important;
  }
  html body.home .row.flashsale .home_product_tab .product-small.col .price .woocommerce-Price-currencySymbol:not(#bond-x):not(#bond-y):not(#bond-z),
  html body.home .home_product_list .row.equalize-box > .product-small.col .price .woocommerce-Price-currencySymbol:not(#bond-x):not(#bond-y):not(#bond-z) {
    margin: 0 0 0 1px !important;
  }
}

/* bond-nch Figma 207:77 match — Italianno/Inter, normal leading, radius 15 */
@media (max-width: 849px) {
  html body.home .bond-nch .bond-nch__script:not(#bond-x):not(#bond-y):not(#bond-z) {
    font-family: "Italianno", cursive !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 45px !important;
    line-height: normal !important;
    letter-spacing: -0.9px !important;
    color: #3eb44a !important;
    text-align: center !important;
    margin: 0 !important;
  }
  html body.home .bond-nch .bond-nch__title:not(#bond-x):not(#bond-y):not(#bond-z) {
    font-family: "Inter", sans-serif !important;
    font-weight: 700 !important;
    font-style: italic !important;
    font-size: 33px !important;
    line-height: normal !important;
    letter-spacing: -0.66px !important;
    color: #3eb44a !important;
    text-align: center !important;
    text-transform: none !important;
    margin: -9px 0 0 !important;
  }
  html body.home .bond-nch .bond-nch__text:not(#bond-x):not(#bond-y):not(#bond-z),
  html body.home .bond-nch .bond-nch__text:not(#bond-x):not(#bond-y):not(#bond-z) p {
    font-family: "Inter", sans-serif !important;
    font-weight: 300 !important;
    font-style: italic !important;
    font-size: 13px !important;
    line-height: normal !important;
    letter-spacing: -0.26px !important;
    color: #000 !important;
  }
  html body.home .bond-nch .bond-nch__text:not(#bond-x):not(#bond-y):not(#bond-z) {
    margin: 12px 16px 0 26px !important;
    text-align: left !important;
  }
  html body.home .bond-nch .bond-nch__text:not(#bond-x):not(#bond-y):not(#bond-z) p {
    margin: 0 !important;
  }
  html body.home .bond-nch .bond-nch__slide:not(#bond-x):not(#bond-y):not(#bond-z) {
    border-radius: 15px !important;
  }
  html body.home .bond-nch .bond-nch__slide img:not(#bond-x):not(#bond-y):not(#bond-z) {
    border-radius: 15px !important;
  }
  html body.home .bond-nch .bond-nch__more:not(#bond-x):not(#bond-y):not(#bond-z) {
    font-family: "Inter", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 13px !important;
    line-height: normal !important;
    letter-spacing: -0.26px !important;
    color: #000 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }
}

/* bond-inspire2 Figma 810:93 COPY home — hide old NCH, new layout */
@media (max-width: 849px) {
  html body.home .bond-nch:not(#bond-x):not(#bond-y),
  html body.home .bond-m-inspire:not(#bond-x):not(#bond-y) {
    display: none !important;
  }
  html body.home .bond-inspire2:not(#bond-x):not(#bond-y) {
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 21px 0 20px !important;
    background: #fff !important;
  }
  html body.home .bond-inspire2__row:not(#bond-x):not(#bond-y) {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 19px !important;
    padding: 0 13px 0 15px !important;
    box-sizing: border-box !important;
  }
  html body.home .bond-inspire2__portrait:not(#bond-x):not(#bond-y) {
    flex: 0 0 145px !important;
    width: 145px !important;
    height: 171px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    display: block !important;
  }
  html body.home .bond-inspire2__portrait img:not(#bond-x):not(#bond-y) {
    width: 145px !important;
    height: 171px !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 5px !important;
  }
  html body.home .bond-inspire2__copy:not(#bond-x):not(#bond-y) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 229px !important;
    padding-top: 4px !important;
  }
  html body.home .bond-inspire2__title:not(#bond-x):not(#bond-y) {
    margin: 0 !important;
    padding: 0 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 28px !important;
    letter-spacing: 0 !important;
    color: #000 !important;
    text-transform: uppercase !important;
    text-align: left !important;
  }
  html body.home .bond-inspire2__text:not(#bond-x):not(#bond-y) {
    margin: -1px 0 0 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-size: 12px !important;
    line-height: normal !important;
    letter-spacing: 0 !important;
    color: #000 !important;
    text-align: left !important;
  }
  html body.home .bond-inspire2__text p:not(#bond-x):not(#bond-y) {
    margin: 0 0 0.35em !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-weight: 300 !important;
    font-style: normal !important;
    font-size: 12px !important;
    line-height: normal !important;
    color: #000 !important;
  }
  html body.home .bond-inspire2__text p:last-child:not(#bond-x):not(#bond-y) {
    margin-bottom: 0 !important;
  }
  html body.home .bond-inspire2__text strong:not(#bond-x):not(#bond-y) {
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-weight: 500 !important;
    font-style: normal !important;
  }
  html body.home .bond-inspire2__banner:not(#bond-x):not(#bond-y) {
    display: block !important;
    margin: 14px 13px 0 !important;
    width: auto !important;
    max-width: 405px !important;
    border-radius: 5px !important;
    overflow: hidden !important;
  }
  html body.home .bond-inspire2__banner img:not(#bond-x):not(#bond-y),
  html body.home .bond-inspire2__banner video:not(#bond-x):not(#bond-y) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 405 / 189 !important;
    object-fit: cover !important;
    border-radius: 5px !important;
  }
  html body.home .bond-inspire2__more:not(#bond-x):not(#bond-y) {
    display: block !important;
    margin: 15px auto 0 !important;
    width: 201px !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 10px !important;
    line-height: normal !important;
    letter-spacing: -0.02em !important;
    color: #14803a !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  }
}
/* inspire2 fix: remove marquee bottom gap so block sits 21px under band (Figma 810:93) */
@media (max-width: 849px) {
  html body.home .row:has(+ .bond-inspire2):not(#bond-x):not(#bond-y) > .col,
  html body.home .row:has(+ .bond-inspire2):not(#bond-x):not(#bond-y) > .col > .col-inner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (min-width: 850px) {
  html body .bond-inspire2:not(#bond-x):not(#bond-y) {
    display: none !important;
  }
}

/* bond-quality2 Figma 810:93 — Chất lượng Lạc Yên Foods */
@media (max-width: 849px) {
  html body.home .row.chat_luong_lacyenfood:not(#bond-x):not(#bond-y),
  html body.home .bond-m-quality:not(#bond-x):not(#bond-y),
  html body.home .row.chat_luong_lacyenfood + .row:not(.bond-quality2):not(#bond-x):not(#bond-y) {
    display: none !important;
  }
  html body.home .bond-quality2:not(#bond-x):not(#bond-y) {
    display: block !important;
    margin: 0 !important;
    padding: 18px 0 0 !important;
    background: #fff !important;
    --bq-side-w: clamp(96px, 26.74vw, 115px);
    --bq-side-h: clamp(130px, 36.05vw, 155px);
    --bq-main-w: clamp(140px, 39.07vw, 168px);
    --bq-main-h: clamp(156px, 43.49vw, 187px);
    --bq-gap: clamp(6px, 1.6vw, 8px);
  }
  html body.home .bond-quality2__title:not(#bond-x):not(#bond-y) {
    width: auto !important; /* width:100% + margin 12px làm tràn ngang 12px */
    margin: 0 12px 11px !important;
    padding: 0 !important;
    font-family: "Be Vietnam Pro", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: clamp(17px, 4.65vw, 20px) !important;
    line-height: normal !important;
    letter-spacing: -0.02em !important;
    color: #14803a !important;
    text-align: center !important;
    text-transform: none !important;
  }
  html body.home .bond-quality2__track:not(#bond-x):not(#bond-y) {
    display: flex !important;
    align-items: flex-end !important;
    gap: var(--bq-gap) !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    padding: 0 calc(50% - var(--bq-main-w) / 2) !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }
  html body.home .bond-quality2__track:not(#bond-x):not(#bond-y)::-webkit-scrollbar {
    display: none !important;
  }
  html body.home .bond-quality2__slide:not(#bond-x):not(#bond-y) {
    flex: 0 0 var(--bq-side-w) !important;
    width: var(--bq-side-w) !important;
    height: var(--bq-side-h) !important;
    margin: 0 0 16px !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    scroll-snap-align: center !important;
    display: block !important;
    transition: flex-basis .25s, width .25s, height .25s, margin .25s !important;
  }
  html body.home .bond-quality2__slide.is-active:not(#bond-x):not(#bond-y) {
    flex-basis: var(--bq-main-w) !important;
    width: var(--bq-main-w) !important;
    height: var(--bq-main-h) !important;
    margin-bottom: 0 !important;
  }
  html body.home .bond-quality2__slide img:not(#bond-x):not(#bond-y) {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    border-radius: 15px !important;
  }
  html body.home .bond-quality2__dots:not(#bond-x):not(#bond-y) {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 5px 0 0 !important;
    padding: 0 !important;
  }
  html body.home .bond-quality2__dots span:not(#bond-x):not(#bond-y) {
    box-sizing: border-box !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    background: transparent !important;
    border: 1px solid #34c759 !important;
    display: block !important;
  }
  html body.home .bond-quality2__dots span.is-on:not(#bond-x):not(#bond-y) {
    background: #34c759 !important;
    border-color: #34c759 !important;
  }
  html body.home .bond-quality2__banner:not(#bond-x):not(#bond-y) {
    display: block !important;
    margin: 19px 0 0 !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  html body.home .bond-quality2__banner img:not(#bond-x):not(#bond-y) {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 433 / 239 !important;
    object-fit: cover !important;
  }
}
@media (min-width: 850px) {
  html body .bond-quality2:not(#bond-x):not(#bond-y) {
    display: none !important;
  }
}

/* home mobile audit vs Figma 810:93: hide old/duplicate blocks (not deleted) */
@media (max-width: 849px) {
  /* old certificate carousel (TOP 10 / Great Taste) — moved after quality2 by JS so old "+ .row" rule missed it */
  html body.home .bond-quality2 + .row:not(#bond-x):not(#bond-y),
  /* old "Thức quà ngon cho sức khỏe" banner row — duplicate of quality2 banner */
  html body.home .bond-quality2 + .row + .row.row-full-width:not(.latest_news):not(.chan_trang):not(#bond-x):not(#bond-y) {
    display: none !important;
  }
}