/* Bean Construction final QA overrides. Loaded after bean-builder.css. */
body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a:first-child,
body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a:first-child:hover {
  color: #111 !important;
  font-weight: 500 !important;
}

/* v1.5.19 product archive: show desktop card actions like the reference. */
@media (min-width: 761px) {
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions {
    display: grid !important;
    grid-template-columns: 1fr 36px 36px !important;
    gap: 8px !important;
    opacity: 1 !important;
    transform: none !important;
    margin-top: auto !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions .bean-cart-link {
    height: 36px !important;
    border-radius: 8px !important;
    background: #ff6a21 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions button {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    border: 1px solid #ececec !important;
    background: #fff !important;
    color: #111 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions button:hover {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
  }
}

/* v1.5.18 product archive parity: desktop sort text and mobile category height. */
@media (min-width: 1101px) {
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar button:first-child {
    font-size: 0 !important;
    padding-left: 0 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar button:first-child:after {
    font-size: 14px !important;
  }
}

@media (max-width: 760px) {
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-intro {
    padding-top: 20px !important;
    padding-bottom: 14px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-promos {
    margin-bottom: 24px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-cats {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 34px !important;
    margin-bottom: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 6px 2px !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-cats::-webkit-scrollbar {
    display: none !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-cats a {
    flex: 0 0 118px !important;
    width: 118px !important;
    font-size: 14px !important;
    scroll-snap-align: start !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-intro + .bean-page-products {
    padding-top: 10px !important;
  }
}

/* v1.5.19 final cascade position: keep archive product actions visible on desktop/tablet. */
@media (min-width: 761px) {
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions {
    display: grid !important;
    grid-template-columns: 1fr 36px 36px !important;
    gap: 8px !important;
    opacity: 1 !important;
    transform: none !important;
    margin-top: auto !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions .bean-cart-link {
    height: 36px !important;
    border-radius: 8px !important;
    background: #ff6a21 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions button {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    border: 1px solid #ececec !important;
    background: #fff !important;
    color: #111 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions button:hover {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
  }
}
body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a:first-child:after {
  display: none !important;
  content: none !important;
}
body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a:first-child:not(.is-active):before {
  display: none !important;
  content: none !important;
}
body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a {
  position: relative !important;
}
body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a.is-active,
body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a:hover {
  color: var(--orange) !important;
}
body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a.is-active {
  font-weight: 700 !important;
}
body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a.is-active:before {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 16px !important;
  height: 2px !important;
  background: var(--orange) !important;
}

body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects {
  padding-top: 40px !important;
  padding-bottom: 52px !important;
  background: #fff !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card {
  height: 402px !important;
  min-height: 402px !important;
  max-height: 402px !important;
  border-radius: 16px !important;
  background: #f7f7f7 !important;
  overflow: hidden !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}
body.bean-builder-page #main .bean-site.bean-subpage section.bean-page-projects .bean-container .bean-project-grid article.bean-project-card {
  height: 402px !important;
  min-height: 402px !important;
  max-height: 402px !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .1) !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card img {
  height: 192px !important;
  border-radius: 16px 16px 0 0 !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card > div {
  height: 210px !important;
  padding: 14px 20px 12px !important;
  background: #f7f7f7 !important;
  text-align: left !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card h3 {
  min-height: 48px !important;
  margin: 0 0 8px !important;
  font-size: 19px !important;
  line-height: 1.27 !important;
  text-align: left !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card p {
  display: none !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-meta {
  list-style: none !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  display: grid !important;
  gap: 4px !important;
  text-align: left !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-meta li {
  position: relative !important;
  min-height: 16px !important;
  padding-left: 25px !important;
  color: #ff6422 !important;
  font-size: 13px !important;
  line-height: 1.28 !important;
  font-weight: 700 !important;
  text-align: left !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-meta li:before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 17px !important;
  height: 17px !important;
  background: center / contain no-repeat !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-meta .meta-1:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6422'%3E%3Cpath d='M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0 2c-4.4 0-8 2.2-8 5v2h16v-2c0-2.8-3.6-5-8-5Z'/%3E%3C/svg%3E") !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-meta .meta-2:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6422'%3E%3Cpath d='M3 21h18v-2h-2V3H8v16H5v-9H3v11Zm8-14h2v2h-2V7Zm0 4h2v2h-2v-2Zm0 4h2v4h-2v-4Zm4-8h2v2h-2V7Zm0 4h2v2h-2v-2Z'/%3E%3C/svg%3E") !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-meta .meta-3:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6422'%3E%3Cpath d='M4 4h16v16H4V4Zm2 2v12h12V6H6Zm2 2h8v2H8V8Zm0 4h5v2H8v-2Z'/%3E%3C/svg%3E") !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-meta .meta-4:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ff6422'%3E%3Cpath d='M12 2a7 7 0 0 0-7 7c0 5.2 7 13 7 13s7-7.8 7-13a7 7 0 0 0-7-7Zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5Z'/%3E%3C/svg%3E") !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card a {
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  margin-top: 0 !important;
  font-size: 13px !important;
  color: #111 !important;
  transition: background .25s ease, color .25s ease, border-color .25s ease !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card a:hover {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-page-pagination {
  margin-top: 30px !important;
}

body.bean-builder-page #main .bean-site.bean-subpage .bean-contact-archive {
  padding-top: 58px !important;
  padding-bottom: 22px !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-contact-head {
  margin-bottom: 28px !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-contact-cards {
  margin-bottom: 40px !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-contact-main {
  padding-bottom: 0 !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-contact-main > p {
  margin-bottom: 26px !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-contact-wide {
  display: block !important;
  max-width: 665px !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-contact-wide input {
  height: 50px !important;
  min-height: 50px !important;
  margin-bottom: 18px !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-contact-wide textarea {
  height: 166px !important;
  min-height: 166px !important;
  margin-bottom: 26px !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-contact-submit {
  margin-top: 0 !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-team .bean-team-call {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: var(--orange) !important;
  color: transparent !important;
  font-size: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-team .bean-team-call:before {
  content: "☎" !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-faq-list details p {
  margin-bottom: 13px !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-faq-list details ul {
  margin: 0 0 4px 22px !important;
  padding: 0 !important;
}
body.bean-builder-page #main .bean-site.bean-subpage .bean-faq-list details li {
  margin: 0 0 10px !important;
  line-height: 1.6 !important;
}

@media (min-width: 1101px) {
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important;
  }
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row > .col:nth-child(1) {
    flex: 0 0 190px !important;
    max-width: 190px !important;
    width: 190px !important;
  }
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row > .col:nth-child(2) {
    flex: 1 1 auto !important;
    max-width: none !important;
    width: auto !important;
  }
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row > .col:nth-child(3) {
    flex: 0 0 160px !important;
    max-width: 160px !important;
    width: 160px !important;
  }
  body.bean-builder-page #main .bean-ux-logo-block img {
    width: 160px !important;
    max-width: 160px !important;
  }
  body.bean-builder-page #main .bean-ux-nav-block {
    justify-content: flex-start !important;
    gap: 20px !important;
    white-space: nowrap !important;
  }
  body.bean-builder-page #main .bean-ux-nav-block a {
    font-size: 14px !important;
  }
  body.bean-builder-page #main .bean-ux-header-actions a:nth-child(4) {
    display: none !important;
  }
  body.bean-builder-page #main .bean-ux-hero .bean-ux-btn-white {
    width: 172px !important;
    min-width: 172px !important;
    height: 66px !important;
    min-height: 66px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 15px !important;
    line-height: 66px !important;
    box-shadow: none !important;
  }
  body.bean-builder-page #main .bean-ux-hero .bean-ux-btn-white:before,
  body.bean-builder-page #main .bean-ux-hero .bean-ux-btn-white:after {
    display: none !important;
    content: none !important;
  }
  body.bean-builder-page #main .bean-ux-hero .bean-ux-btn-white:hover {
    background: #fff !important;
    color: #000 !important;
  }
  body.bean-builder-page #main .bean-ux-hero .bean-ux-play {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    border-radius: 50% !important;
    background: var(--orange) !important;
    border: 6px solid #fff !important;
    box-shadow: none !important;
    margin-left: 4px !important;
  }
  body.bean-builder-page #main .bean-ux-hero .bean-ux-play span {
    font-size: 20px !important;
    line-height: 1 !important;
    margin-left: 3px !important;
  }
  body.bean-builder-page #main .bean-site:not(.bean-subpage) .bean-mobile-toggle {
    display: none !important;
  }
  body.bean-builder-page #main .bean-site:not(.bean-subpage) .bean-hero .bean-actions {
    gap: 8px !important;
  }
  body.bean-builder-page #main .bean-site:not(.bean-subpage) .bean-hero .bean-btn {
    width: 172px !important;
    min-width: 172px !important;
    height: 66px !important;
    min-height: 66px !important;
    padding: 0 28px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #000 !important;
    font-size: 15px !important;
    line-height: 66px !important;
  }
  body.bean-builder-page #main .bean-site:not(.bean-subpage) .bean-hero .bean-btn:before,
  body.bean-builder-page #main .bean-site:not(.bean-subpage) .bean-hero .bean-btn:after {
    display: none !important;
    content: none !important;
  }
  body.bean-builder-page #main .bean-site:not(.bean-subpage) .bean-hero .bean-btn:hover {
    background: #fff !important;
    color: #000 !important;
  }
  body.bean-builder-page #main .bean-site:not(.bean-subpage) .bean-hero .bean-play {
    width: 66px !important;
    height: 66px !important;
    min-width: 66px !important;
    border-radius: 50% !important;
    background: var(--orange) !important;
    border: 6px solid #fff !important;
    box-shadow: none !important;
  }
  body.bean-builder-page #main .bean-site:not(.bean-subpage) .bean-hero .bean-play:hover {
    transform: translateY(-2px) !important;
    background: #ff6a20 !important;
  }
  body.bean-builder-page #main .bean-site:not(.bean-subpage) .bean-hero .bean-play:after {
    font-size: 20px !important;
    margin-left: 3px !important;
  }
}

@media (max-width: 760px) {
  body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-nav a.is-active:before {
    display: none !important;
  }
  html.bean-mobile-open body.bean-builder-page #main .bean-site.bean-subpage .bean-page-header .bean-nav,
  html.bean-mobile-open body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-page-header .bean-nav {
    display: flex !important;
    position: fixed !important;
    left: 14px !important;
    right: 14px !important;
    top: 106px !important;
    z-index: 3000 !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    background: #fff !important;
    border-radius: 16px !important;
    padding: 12px 0 !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .28) !important;
    overflow: hidden !important;
  }
  html.bean-mobile-open body.bean-builder-page #main .bean-site.bean-subpage .bean-page-header .bean-nav a,
  html.bean-mobile-open body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-page-header .bean-nav a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 44px !important;
    line-height: 44px !important;
    padding: 0 20px !important;
    color: #111 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    border-bottom: 1px solid #f1f1f1 !important;
  }
  html.bean-mobile-open body.bean-builder-page #main .bean-site.bean-subpage .bean-page-header .bean-nav a.is-active,
  html.bean-mobile-open body.bean-builder-page #main .bean-site.bean-frame-v2 .bean-page-header .bean-nav a.is-active {
    color: var(--orange) !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-projects .bean-project-card > div {
    height: auto !important;
  }
}

@media (min-width: 1101px) {
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
  }
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row > .col:nth-child(1) {
    flex: 0 0 205px !important;
    max-width: 205px !important;
    width: 205px !important;
  }
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row > .col:nth-child(2) {
    flex: 1 1 auto !important;
    max-width: none !important;
    width: auto !important;
    padding-right: 205px !important;
  }
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row > .col:nth-child(3) {
    position: static !important;
    flex: 0 0 0 !important;
    max-width: 0 !important;
    width: 0 !important;
    padding: 0 !important;
  }
  body.bean-builder-page #main .bean-ux-header-actions {
    position: absolute !important;
    right: 80px !important;
    top: 50% !important;
    width: 144px !important;
    height: 44px !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    z-index: 5 !important;
  }
  body.bean-builder-page #main .bean-ux-header-actions a {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }
  body.bean-builder-page #main .bean-ux-nav-block {
    gap: 12px !important;
    overflow: visible !important;
  }
  body.bean-builder-page #main .bean-ux-nav-block a {
    font-size: 12.5px !important;
  }
}

@media (min-width: 1101px) {
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row > .col:nth-child(1) {
    flex-basis: 176px !important;
    max-width: 176px !important;
    width: 176px !important;
  }
  body.bean-builder-page #main .bean-ux-header-section .bean-ux-header-row > .col:nth-child(2) {
    padding-right: 220px !important;
  }
}

@media (min-width: 1101px) {
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-intro {
    padding-bottom: 23px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-intro + .bean-page-products {
    padding-top: 0 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-container.bean-shop-layout {
    align-items: start !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-box {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 10px 22px !important;
    border-bottom: 1px solid #ddd !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-box h3 {
    font-size: 18px !important;
    line-height: 24px !important;
    margin-bottom: 20px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-box a {
    height: 33px !important;
    padding: 0 !important;
    line-height: 33px !important;
    border-bottom: 0 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-box a:after {
    content: "+" !important;
    float: right !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    color: #111 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-box label {
    min-height: 34px !important;
    margin: 0 0 2px !important;
    font-size: 15px !important;
    line-height: 24px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-box input[type="search"] {
    height: 34px !important;
    margin-bottom: 12px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar {
    height: 31px !important;
    min-height: 31px !important;
    margin: 0 0 15px !important;
    align-items: center !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar h2 {
    display: none !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar > div {
    justify-content: flex-start !important;
    gap: 10px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar:before {
    content: "Sắp xếp" !important;
    display: inline-flex !important;
    align-items: center !important;
    height: 24px !important;
    margin-right: 18px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #111 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar button {
    height: 24px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #333 !important;
    line-height: 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar button:first-child:after {
    content: "  Mặc định  Tên A-Z  Tên Z-A  Hàng mới  Giá thấp đến cao  Giá cao xuống thấp" !important;
    margin-left: 12px !important;
    white-space: nowrap !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar button:last-child {
    display: none !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-card {
    height: 417px !important;
    min-height: 417px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-thumb {
    height: 270px !important;
    padding: 0 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-thumb img {
    width: 100% !important;
    height: 270px !important;
    object-fit: contain !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-info {
    padding: 16px 12px 12px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-info h3 {
    min-height: 48px !important;
    font-size: 18px !important;
    line-height: 24px !important;
    margin-bottom: 8px !important;
  }
}

@media (max-width: 760px) {
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-intro {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-promos {
    display: block !important;
    margin-bottom: 28px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-promos a {
    display: none !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-promos a:first-child {
    display: flex !important;
    min-height: 193px !important;
    border-radius: 12px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-cats {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin-bottom: 0 !important;
    justify-items: center !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-cats a {
    width: 145px !important;
    font-size: 14px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-cats i {
    width: 96px !important;
    height: 96px !important;
    margin-bottom: 10px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-intro + .bean-page-products {
    padding-top: 14px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-sidebar {
    display: none !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar {
    height: 42px !important;
    margin-bottom: 14px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-card {
    height: 323px !important;
    min-height: 323px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-thumb {
    height: 176px !important;
    padding: 0 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-thumb img {
    height: 176px !important;
    object-fit: contain !important;
  }
}

/* v1.5.18 final cascade position: product archive parity fixes. */
@media (min-width: 1101px) {
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar button:first-child {
    font-size: 0 !important;
    padding-left: 0 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-page-toolbar button:first-child:after {
    font-size: 14px !important;
  }
}

@media (max-width: 760px) {
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-intro {
    padding-top: 20px !important;
    padding-bottom: 14px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-promos {
    margin-bottom: 24px !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-cats {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 34px !important;
    margin-bottom: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 6px 2px !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-cats::-webkit-scrollbar {
    display: none !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-cats a {
    flex: 0 0 118px !important;
    width: 118px !important;
    font-size: 14px !important;
    scroll-snap-align: start !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-shop-intro + .bean-page-products {
    padding-top: 10px !important;
  }
}

/* v1.5.19 eof cascade: archive product actions visible on desktop/tablet. */
@media (min-width: 761px) {
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions {
    display: grid !important;
    grid-template-columns: 1fr 36px 36px !important;
    gap: 8px !important;
    opacity: 1 !important;
    transform: none !important;
    margin-top: auto !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions .bean-cart-link {
    height: 36px !important;
    border-radius: 8px !important;
    background: #ff6a21 !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions button {
    width: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    border: 1px solid #ececec !important;
    background: #fff !important;
    color: #111 !important;
  }
  body.bean-builder-page #main .bean-site.bean-subpage .bean-page-products .bean-product-actions button:hover {
    background: #111 !important;
    border-color: #111 !important;
    color: #fff !important;
  }
}