:root {
    --bca-gold: #d59400;
    --bca-gold2: #f3b51d;
    --bca-red: #e52121;
    --bca-bg: #fff8ee;
    --bca-line: #f1dfc2;
    --bca-text: #333;
    --bca-muted: #767676;
    --bca-dark: #242424
}

html body {
    background: #ffffff !important;
    color: var(--bca-text);
    font-family: Arial,Helvetica,sans-serif
}

.wrap-content {
    max-width: 1180px;
    margin: 0 auto
}

.bca-topbar {
    height: 34px;
    background: linear-gradient(90deg,#f9c74d 0%,#efa911 100%);
    color: #5d3b00;
    font-size: 13px;
    font-weight: 600
}

.bca-topbar__inner {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px
}

.bca-topbar__left {
    display: flex;
    align-items: center;
    gap: 31px;
    white-space: nowrap
}

.bca-topbar a {
    color: #513600
}

.bca-headmain {
    background: #fff;
    border-bottom: 1px solid #f2dfbd
}

.bca-headmain__inner {
    height: 78px;
    display: grid;
    grid-template-columns: 232px minmax(360px,1fr) 345px;
    align-items: center;
    gap: 20px
}

.bca-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #3f3017;
    text-decoration: none
}

.bca-logo:hover {
    text-decoration: none;
    color: #3f3017
}

.bca-logo__img {
    max-width: 210px;
    max-height: 62px;
    object-fit: contain
}

.bca-logo__mark {
    width: 48px;
    height: 48px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    flex: 0 0 auto
}

.bca-logo__mark i {
    background: var(--bca-gold2);
    border-radius: 5px
}

.bca-logo strong {
    display: block;
    font-size: 22px;
    line-height: 1;
    font-weight: 900
}

.bca-logo small {
    font-size: 12px;
    color: #7e6c50
}

.bca-search {
    height: 46px;
    border: 1px solid #ead7b8;
    border-radius: 7px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(117,73,0,.03)
}

.bca-search input {
    height: 100%;
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    padding: 0 18px;
    font-size: 13px;
    color: #777
}

.bca-search select {
    height: 100%;
    width: 160px;
    border: 0;
    border-left: 1px solid #ead7b8;
    padding: 0 12px;
    color: #676767;
    background: white;
    font-size: 13px
}

.bca-search button {
    width: 72px;
    height: 100%;
    border: 0;
    background: var(--bca-gold);
    color: white;
    font-size: 22px;
    cursor: pointer
}

.bca-head-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 17px
}

.bca-head-action {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #595959;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: none
}

.bca-head-action:hover {
    text-decoration: none;
    color: #333
}

.bca-head-action i {
    font-size: 26px;
    color: #555
}

.bca-head-action b {
    font-size: 13px;
    color: #252525
}

.bca-quote-head {
    height: 44px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 2px solid #d89a24;
    border-radius: 7px;
    padding: 0 15px;
    color: #7d5200;
    font-weight: 800;
    position: relative;
    background: #fff;
    text-decoration: none
}

.bca-quote-head:hover {
    text-decoration: none;
    color: #7d5200
}

.bca-quote-head em {
    position: absolute;
    right: -10px;
    top: -11px;
    width: 24px;
    height: 24px;
    background: #c98b00;
    color: white;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 12px
}

.bca-nav {
    height: 44px;
    background: #eead18;
    color: #5b3d00;
    font-weight: 800
}

.bca-nav__inner {
    display: flex;
    align-items: center;
    height: 44px
}

.bca-mobile-menu {
    display: none
}

.bca-nav__cat {
    width: 210px;
    height: 44px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: #eeae17;
    color: #fff!important;
    text-transform: uppercase;
    padding: 0 15px;
    font-size: 13px;
    text-decoration: none
}

.bca-nav__cat:hover {
    text-decoration: none;
    color: #fff
}

.bca-nav__links {
    display: flex;
    align-items: center;
    gap: 41px;
    padding-left: 30px;
    height: 100%
}

.bca-nav__links a {
    color: #ffffff;
    text-decoration: none;
    position: relative
}

.bca-nav__links a:hover {
    color: #000;
    text-decoration: none
}

.bca-nav__links .is-hot:before {
    content: 'HOT';
    position: absolute;
    right: -27px;
    top: -22px;
    background: #f7272700;
    color: white;
    font-size: 9px;
    line-height: 1;
    border-radius: 10px;
    padding: 3px 6px
}

.bca-home {
    padding-bottom: 0
}

.bca-hero-grid {
    display: grid;
    grid-template-columns: 210px minmax(0,1fr) 270px;
    gap: 18px;
    margin-top: 14px
}

.bca-sidebar {
    background: #fff;
    border: 1px solid var(--bca-line);
    border-radius: 8px;
    overflow: hidden;
    height: 315px
}

.bca-sidebar a {
    height: 39px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #535353;
    border-bottom: 1px solid #f2e6d5;
    text-decoration: none;
    font-size: 13px
}

.bca-sidebar a:hover {
    background: #fff6e7;
    color: #b57900;
    text-decoration: none
}

.bca-sidebar span {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0
}

.bca-sidebar span i {
    width: 18px;
    text-align: center;
    color: #555
}

.bca-hero-banner {
    height: 315px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background: radial-gradient(circle at 72% 45%,#6f4f17 0%,#1c1205 36%,#050505 78%);
    background-size: cover;
    background-position: center;
    color: #ffd96c;
    box-shadow: inset 0 0 0 1px #39270c
}

.bca-hero-banner:before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at 28% 58%,rgba(255,176,0,.27),transparent 28%),radial-gradient(ellipse at 83% 33%,rgba(255,197,45,.18),transparent 25%);
    pointer-events: none
}

.bca-hero-copy {
    position: relative;
    z-index: 2;
    padding: 36px 0 0 70px;
    text-shadow: 0 2px 7px rgba(0,0,0,.7)
}

.bca-hero-copy>span {
    display: block;
    font-size: 31px;
    font-weight: 900;
    letter-spacing: .5px;
    color: #ffdc73
}

.bca-hero-copy>strong {
    display: block;
    font-size: 78px;
    line-height: .86;
    font-weight: 1000;
    color: #ffe47c;
    margin-top: 4px
}

.bca-hero-copy h1 {
    font-size: 30px;
    line-height: 1.13;
    margin: 12px 0 0;
    color: #ffda64;
    font-weight: 900
}

.bca-promo-pills {
    display: flex;
    gap: 16px;
    margin-top: 16px
}

.bca-promo-pills div {
    width: 110px;
    height: 77px;
    border: 2px solid #c78a0d;
    border-radius: 9px;
    background: rgba(13,9,3,.62);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    color: #fff1bc;
    font-size: 15px
}

.bca-promo-pills b {
    font-size: 30px;
    color: #fff;
    line-height: 1.05
}

.bca-buy-now {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 86px;
    margin-top: 10px;
    height: 25px;
    padding: 0 18px;
    border-radius: 15px;
    background: #d99408;
    color: white;
    font-size: 12px;
    font-weight: 900;
    text-decoration: none
}

.bca-buy-now:hover {
    text-decoration: none;
    color: white
}

.bca-hero-device {
    position: absolute;
    right: 45px;
    bottom: 25px;
    width: 285px;
    height: 210px;
    border-radius: 14px;
    background: linear-gradient(135deg,#202020 0%,#555 35%,#080808 75%);
    box-shadow: 0 18px 32px rgba(0,0,0,.85);
    z-index: 1
}

.bca-hero-device:before {
    content: '';
    position: absolute;
    left: -95px;
    bottom: 0;
    width: 165px;
    height: 82px;
    background: linear-gradient(160deg,#262626,#030303);
    border-radius: 12px;
    box-shadow: inset 0 0 0 1px #444;
    transform: skew(-16deg)
}

.bca-hero-device:after {
    content: '';
    position: absolute;
    right: 24px;
    top: 20px;
    width: 27px;
    height: 70px;
    background: #0e0e0e;
    border: 1px solid #555;
    border-radius: 4px
}

.bca-quote-card {
    height: 315px;
    background: #fff;
    border: 1px solid #e6c789;
    border-radius: 10px;
    box-shadow: 0 10px 22px rgba(115,74,0,.13);
    overflow: hidden
}

.bca-quote-card__head {
    height: 45px;
    background: #bf7e00;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px
}

.bca-quote-card__body {
    padding: 14px 15px
}

.bca-quote-card__body p {
    font-weight: 800;
    color: #9a6900;
    margin: 0 0 11px
}

.bca-quote-item {
    display: grid;
    grid-template-columns: 52px 1fr auto;
    gap: 10px;
    align-items: center;
    margin-bottom: 12px;
    font-size: 11px;
    color: #3b3b3b
}

.bca-quote-item span {
    width: 52px;
    height: 42px;
    background: #f5f5f5;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.bca-quote-item img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.bca-quote-item b {
    line-height: 1.25;
    max-height: 32px;
    overflow: hidden
}

.bca-quote-item em {
    font-style: normal;
    color: #b37700;
    font-weight: 900
}

.bca-quote-submit {
    height: 43px;
    border-radius: 5px;
    background: #c98a00;
    color: #fff!important;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-top: 8px
}

.bca-quote-submit:hover {
    text-decoration: none
}

.bca-quote-detail {
    display: block;
    text-align: center;
    color: #b37700!important;
    font-weight: 900;
    font-size: 13px;
    text-decoration: none;
    margin-top: 13px
}

.bca-hero-support {
    grid-column: 2/4;
    height: 48px;
    border: 1px solid #f0d29b;
    background: #fff3dc;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 18px;
    color: #8a5b00;
    font-weight: 800
}

.bca-hero-support span {
    display: flex;
    align-items: center;
    gap: 8px
}

.bca-hero-support i {
    font-size: 22px;
    color: #e0a014
}

.bca-hero-support a {
    height: 34px;
    padding: 0 20px;
    border: 1px solid #dca32e;
    border-radius: 5px;
    background: #fff;
    color: #b77a00!important;
    display: flex;
    align-items: center;
    text-decoration: none
}

.bca-section {
    margin-top: 28px
}

.bca-title {
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px
}

.bca-title h2 {
    margin: 0;
    color: #444;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 900;
    line-height: 1
}

.bca-title h2.is-red {
    color: #ef2020
}

.bca-title a {
    font-size: 12px;
    color: #b77a00!important;
    font-weight: 900;
    text-decoration: none;
    white-space: nowrap
}

.bca-products {
    display: grid;
    gap: 14px
}

.bca-products--8 {
    grid-template-columns: repeat(7,minmax(0,1fr));
}

.bca-products--6 {
    grid-template-columns: repeat(6,minmax(0,1fr))
}

.bca-products--4 {
    grid-template-columns: repeat(3,minmax(0,1fr));
}

.bca-product {
    background: #fff;
    border: 1px solid #f0e3d0;
    border-radius: 8px;
    min-width: 0;
    min-height: 248px;
    padding: 10px;
    text-align: center;
    position: relative;
    box-shadow: 0 4px 12px rgba(126,78,0,.04)
}

.bca-badge {
    position: absolute;
    top: 9px;
    left: 9px;
    background: #eda500;
    color: #fff;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    z-index: 2
}

.bca-badge--sale {
    background: #ed2222
}

.bca-rank {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 27px;
    height: 27px;
    background: #d09300;
    color: white;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 13px;
    font-weight: 900;
    z-index: 2
}

.bca-product__img {
    height: 90px;
    margin: 9px 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff
}

.bca-product__img img {
    max-width: 100%;
    max-height: 135 PX;
    width: auto!important;
    height: auto!important;
    object-fit: contain
}

.bca-product h3 {
    margin: 0 0 7px;
    min-height: 33px;
    text-align: left;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700
}

.bca-product h3 a {
    color: #444;
    text-decoration: none
}

.bca-product h3 a:hover {
    color: #bd7e00;
    text-decoration: none
}

.bca-price {
    text-align: left;
    height: 20px;
    margin-bottom: 8px;
    display: flex;
    gap: 5px;
    align-items: center;
    flex-wrap: wrap
}

.bca-price span {
    font-weight: 900;
    color: #e51f1f;
    font-size: 13px
}

.bca-price del {
    font-size: 11px;
    color: #999
}

.bca-card-actions .quote-toggle-btn,.bca-card-actions .bca-add-quote,.bca-add-quote {
    width: 100%;
    height: 29px!important;
    border: 0!important;
    border-radius: 4px!important;
    background: #e3a01d!important;
    color: #fff!important;
    font-weight: 900!important;
    font-size: 11px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    padding: 0!important;
    text-decoration: none!important;
    line-height: 1!important
}

.bca-card-actions .quote-toggle-btn i,.bca-card-actions .quote-toggle-btn svg {
    display: none!important
}

.bca-select-quote {
    width: 100%;
    height: 28px;
    border: 1px solid #e3a01d;
    border-radius: 4px;
    background: #fff;
    color: #b47b00!important;
    font-weight: 900;
    font-size: 11px;
    margin-top: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.bca-detail {
    display: block;
    margin-top: 8px;
    color: #555!important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none
}

.bca-empty {
    grid-column: 1/-1;
    background: #fff;
    border: 1px dashed #e7c98c;
    border-radius: 8px;
    padding: 25px;
    text-align: center;
    color: #8b6a2b
}

.bca-two-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

.bca-adbox {
    min-height: 315px;
    margin-top: 28px;
    background: linear-gradient(90deg,#f5dfb9,#fff3df 58%,#d7b68a);
    border: 1px solid #f0debf;
    border-radius: 9px;
    overflow: hidden;
    position: relative;
    padding: 35px 44px
}

.bca-adbox:after {
    content: '';
    position: absolute;
    right: 40px;
    bottom: 18px;
    width: 250px;
    height: 105px;
    background: linear-gradient(180deg,#1d1d1d,#070707);
    border-radius: 12px;
    opacity: .85;
    box-shadow: 0 10px 20px rgba(0,0,0,.18)
}

.bca-adbox h3 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 0 8px;
    color: #3b3b3b
}

.bca-adbox p {
    font-weight: 900;
    color: #8a5b00;
    margin: 0 0 22px
}

.bca-adbox ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.bca-adbox li {
    margin: 14px 0;
    color: #725b2c;
    font-weight: 700
}

.bca-adbox li i {
    color: #d99700;
    margin-right: 8px
}

.bca-adbox a {
    height: 42px;
    display: inline-flex;
    align-items: center;
    padding: 0 25px;
    background: #d89500;
    color: white!important;
    border-radius: 5px;
    font-weight: 900;
    text-decoration: none;
    margin-top: 18px;
    text-transform: uppercase
}

.bca-bottom-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1.15fr;
    gap: 20px;
    margin-top: 28px
}

.bca-news-list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 12px
}

.bca-news {
    background: #fff;
    border: 1px solid #f0e4d2;
    border-radius: 8px;
    overflow: hidden
}

.bca-news__img {
    display: block;
    height: 93px;
    overflow: hidden;
    background: #f5f5f5
}

.bca-news__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bca-news h3 {
    font-size: 13px;
    line-height: 1.35;
    margin: 10px;
    font-weight: 800
}

.bca-news h3 a {
    color: #333;
    text-decoration: none
}

.bca-news time {
    display: block;
    margin: 0 10px 12px;
    color: #999;
    font-size: 11px
}

.bca-review,.bca-newsletter form {
    background: #fff;
    border: 1px solid #f0e4d2;
    border-radius: 8px;
    padding: 20px;
    min-height: 191px
}

.bca-review blockquote {
    margin: 0;
    color: #666;
    line-height: 1.45
}

.bca-review-user {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px
}

.bca-review-user img {
    width: 40px!important;
    height: 40px!important;
    object-fit: cover;
    border-radius: 50%
}

.bca-review-user span {
    display: flex;
    flex-direction: column
}

.bca-review-user small {
    color: #777
}

.bca-review-user em {
    font-style: normal;
    color: #f2a900;
    letter-spacing: 2px
}

.bca-newsletter p {
    color: #555;
    margin: 0 0 12px
}

.bca-newsletter input {
    width: 100%;
    height: 42px;
    border: 1px solid #ead8bb;
    border-radius: 5px;
    padding: 0 12px;
    margin-bottom: 12px
}

.bca-newsletter button {
    width: 100%;
    height: 42px;
    border: 0;
    border-radius: 5px;
    background: #d89500;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900
}

.bca-newsletter small {
    display: block;
    margin-top: 10px;
    color: #777
}

.bca-brand-wrap {
    margin-top: 20px
}

.bca-brand-title {
    text-align: center;
    color: #6e6e6e;
    font-weight: 900;
    margin-bottom: -5px
}

.bca-brands {
    height: 65px;
    background: #fff;
    border: 1px solid #e9c987;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: 22px;
    padding: 0 20px;
    overflow: hidden
}

.bca-brands a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 110px
}

.bca-brands img {
    max-height: 42px;
    width: auto!important;
    object-fit: contain
}

.bca-footer {
    margin-top: 28px;
    background: #d49001;
    color: #ffffff;
}

.bca-footer__grid {
    display: grid;
    grid-template-columns: 1.05fr 1.05fr 1.20fr 1.35fr;
    gap: 36px;
    padding: 34px 0
}

.bca-footer h3 {
    font-size: 15px;
    text-transform: uppercase;
    color: white;
    margin: 0 0 15px;
    font-weight: 900
}

.bca-footer p,.bca-footer li,.bca-footer a,.bca-footer-text {
    color: #ffffff;
    font-size: 13px;
    line-height: 1.75
}

.bca-footer ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.bca-footer li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 7px;
    line-height: 1.55;
}

.bca-footer li:before {
    content: '•';
    flex: 0 0 6px;
    width: 6px;
    margin: 0;
    color: #f2b129;
}

.bca-footer li a {
    display: block;
    flex: 1;
    line-height: 1.55;
}

.bca-footer__logo {
    display: flex;
    align-items: center;
    gap: 10px;
    color: white!important;
    text-decoration: none;
    margin-bottom: 13px
}

.bca-footer__logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.bca-socials {
    display: flex;
    gap: 8px;
    margin: 10px 0
}

.bca-socials img {
    width: 28px;
    height: 28px;
    object-fit: contain
}

.bca-qr img {
    width: 90px!important;
    height: 90px!important;
    object-fit: contain;
    background: white;
    border-radius: 5px
}

.bca-map {
    width: 100%;
    height: 235px;
    background: #ddd;
    border-radius: 7px;
    overflow: hidden
}

.bca-map iframe {
    width: 100%!important;
    height: 100%!important
}

.bca-copyright {
    height: 35px;
    background: #eba81c;
    color: #5c3a00;
    font-size: 12px;
    display: flex;
    align-items: center
}

.bca-copyright .wrap-content {
    width: 100%
}

.bca-floating-quote {
    position: fixed;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    height: 91px;
    background: #d49000;
    color: #fff!important;
    border-radius: 10px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 11px;
    font-weight: 900;
    text-decoration: none;
    box-shadow: 0 10px 25px rgba(0,0,0,.2)
}

.bca-floating-quote i {
    font-size: 21px;
    margin-bottom: 5px
}

.bca-floating-quote:hover {
    text-decoration: none;
    color: #fff
}

.hotline-phone-ring-wrap,.btn-zalo,.btn-account-chat {
    display: none!important
}


@media (min-width: 992px) {
    .bca-footer__col {
        min-width: 0;
    }

    .bca-footer__col h3 {
        min-height: 24px;
    }

    .bca-footer__grid > .bca-footer__col:nth-child(3) ul {
        display: grid;
        grid-template-columns: 1fr;
        align-content: start;
    }

    .bca-footer__grid > .bca-footer__col:nth-child(4) {
        min-width: 320px;
    }
}
@media(max-width: 1199px) {
    .wrap-content {
        max-width:960px
    }

    .bca-headmain__inner {
        grid-template-columns: 190px 1fr 280px
    }

    .bca-products--8 {
        grid-template-columns: repeat(4,1fr)
    }

    .bca-hero-grid {
        grid-template-columns: 200px 1fr
    }

    .bca-quote-card {
        display: none
    }

    .bca-hero-support {
        grid-column: 2
    }

    .bca-bottom-grid {
        grid-template-columns: 1fr
    }

    .bca-footer__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media(max-width: 991px) {
    .wrap-content {
        max-width:720px
    }

    .bca-topbar__left {
        gap: 15px;
        overflow: auto
    }

    .bca-headmain__inner {
        height: auto;
        padding: 12px 0;
        grid-template-columns: 1fr
    }

    .bca-head-actions {
        justify-content: flex-start
    }

    .bca-nav__inner {
        overflow: auto
    }

    .bca-nav__links {
        gap: 22px
    }

    .bca-hero-grid,.bca-two-col {
        grid-template-columns: 1fr
    }

    .bca-sidebar {
        display: none
    }

    .bca-hero-support {
        grid-column: auto
    }

    .bca-products--6,.bca-products--4 {
        grid-template-columns: repeat(3,1fr)
    }
}

@media(max-width: 767px) {
    .wrap-content {
        max-width:calc(100% - 24px)
    }

    .bca-head-actions,.bca-search select {
        display: none
    }

    .bca-nav__cat {
        min-width: 190px
    }

    .bca-nav__links {
        padding-left: 16px
    }

    .bca-hero-banner {
        height: 285px
    }

    .bca-hero-copy {
        padding: 28px 0 0 28px
    }

    .bca-hero-copy>span {
        font-size: 24px
    }

    .bca-hero-copy>strong {
        font-size: 58px
    }

    .bca-hero-copy h1 {
        font-size: 23px
    }

    .bca-hero-device {
        opacity: .25;
        right: 10px
    }

    .bca-products--8,.bca-products--6,.bca-products--4 {
        grid-template-columns: repeat(2,1fr)
    }

    .bca-news-list {
        grid-template-columns: 1fr
    }

    .bca-footer__grid {
        grid-template-columns: 1fr
    }

    .bca-floating-quote {
        right: 10px;
        transform: scale(.85) translateY(-50%);
        transform-origin: right center
    }

    .bca-title h2 {
        font-size: 18px
    }

    .bca-hero-support {
        height: auto;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;
        padding: 12px
    }
}

/* ===== BCA v3 fixes: use admin data, real quote list, larger category sliders ===== */
.slide-fix {
    display: none!important
}

.bca-hero-banner--admin {
    padding: 0!important;
    background: #111!important;
    overflow: hidden
}

.bca-hero-banner--admin .bca-hero-admin-link {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    text-decoration: none;
    color: inherit
}

.bca-hero-banner--admin.has-admin-image img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    display: block;
    border-radius: 8px
}

.bca-hero-banner--admin.has-admin-image .bca-hero-copy,.bca-hero-banner--admin.has-admin-image .bca-hero-device {
    display: none!important
}

.bca-quote-card__head button {
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer
}

.bca-quote-card.is-closed {
    display: none!important
}

.bca-quote-card.is-empty .bca-quote-submit {
    opacity: .55;
    pointer-events: none
}

.bca-quote-items {
    max-height: 200px;
    overflow: auto;
    padding-right: 3px
}

.bca-quote-empty {
    font-size: 13px;
    line-height: 1.45;
    color: #9a6a00;
    background: #fff8e9;
    border: 1px dashed #e8c989;
    border-radius: 6px;
    padding: 12px;
    text-align: center;
    font-weight: 700
}

.bca-quote-item span img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important;
    display: block
}

.bca-category-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 0
}

.bca-category-section {
    min-width: 0
}

.bca-products-slider {
    display: block!important;
    position: relative
}

.bca-products-slider.owl-carousel .owl-stage {
    display: flex
}

.bca-products-slider.owl-carousel .owl-item {
    display: flex;
    align-self: stretch
}

.bca-products-slider.owl-carousel .owl-item .bca-product {
    width: 100%;
    height: 100%
}

.bca-products-slider .owl-nav {
    position: absolute;
    right: 0;
    top: -44px;
    display: flex;
    gap: 6px
}

.bca-products-slider .owl-nav button {
    width: 26px;
    height: 26px;
    border: 1px solid #e3b45b!important;
    border-radius: 50%!important;
    background: #fff!important;
    color: #b87900!important;
    font-weight: 900!important;
    line-height: 1!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important
}

.bca-products-slider .owl-nav button span {
    font-size: 20px;
    line-height: 20px;
    margin-top: -3px
}

.bca-category-section .bca-product {
    min-height: 292px;
    padding: 13px
}

.bca-category-section .bca-product__img {
    height: 118px;
    margin: 8px 0 13px
}

.bca-category-section .bca-product__img img {
    max-height: 118px
}

.bca-category-section .bca-product h3 {
    font-size: 13px;
    min-height: 42px;
    line-height: 1.35
}

.bca-category-section .bca-price span {
    font-size: 14px
}

.bca-category-section .bca-card-actions .quote-toggle-btn,.bca-category-section .bca-card-actions .bca-add-quote {
    height: 32px!important;
    font-size: 12px!important;
    line-height: 1.1!important
}

.bca-category-section .bca-select-quote {
    height: 31px;
    font-size: 12px
}

.bca-products--8 .bca-product__img {
    height: 104px
}

.bca-products--8 .bca-product__img img {
    max-height: 154px;
}

.bca-products--8 .bca-product {
    min-height: 270px
}

.bca-adbox {
    grid-column: 1/-1;
    background-size: cover;
    background-position: center right
}

.bca-adbox:after {
    display: none!important
}

@media(max-width: 1199px) {
    .bca-category-wrap {
        grid-template-columns:1fr
    }

    .bca-category-section .bca-product {
        min-height: 285px
    }
}

@media(max-width: 767px) {
    .bca-category-wrap {
        grid-template-columns:1fr
    }

    .bca-products-slider .owl-nav {
        display: none
    }

    .bca-category-section .bca-product__img {
        height: 105px
    }

    .bca-category-section .bca-product__img img {
        max-height: 105px
    }
}

/* ===== BCA v4 fixes requested ===== */
/* 1. Slideshow banner from admin */
.bca-hero-slideshow,.bca-hero-slideshow .owl-stage-outer,.bca-hero-slideshow .owl-stage,.bca-hero-slideshow .owl-item {
    height: 100%
}

.bca-hero-slideshow .owl-item a {
    height: 100%;
    display: block
}

.bca-hero-slideshow img {
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    display: block;
    border-radius: 8px
}

.bca-hero-slideshow .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 9px;
    text-align: center
}

.bca-hero-slideshow .owl-dot span {
    width: 8px!important;
    height: 8px!important;
    margin: 0 4px!important;
    background: rgba(255,255,255,.7)!important
}

.bca-hero-slideshow .owl-dot.active span {
    background: #d89500!important
}

.bca-hero-slideshow .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 42px;
    border-radius: 6px!important;
    background: rgba(0,0,0,.3)!important;
    color: #fff!important;
    font-size: 28px!important;
    line-height: 1!important
}

.bca-hero-slideshow .owl-nav .owl-prev {
    left: 10px
}

.bca-hero-slideshow .owl-nav .owl-next {
    right: 10px
}

/* 2. Category sidebar with images, scrollbar, hover children and scroll compact */
.bca-sidebar {
    position: relative;
    z-index: 50;
    transition: width .25s ease,box-shadow .25s ease,transform .25s ease;
    background: #fff;
    border-radius: 8px
}

.bca-sidebar__scroll {
    max-height: 315px;
    overflow-y: auto;
    overflow-x: visible;
    border: 1px solid #ead9bd;
    border-radius: 8px;
    background: #fff;
    scrollbar-width: thin;
    scrollbar-color: #d89500 #fff2d9
}

.bca-sidebar__scroll::-webkit-scrollbar {
    width: 6px
}

.bca-sidebar__scroll::-webkit-scrollbar-thumb {
    background: #d89500;
    border-radius: 8px
}

.bca-sidebar__scroll::-webkit-scrollbar-track {
    background: #fff2d9
}

.bca-sidebar__item {
    position: relative;
    border-bottom: 1px solid #f0e6d6
}

.bca-sidebar__item:last-child {
    border-bottom: 0
}

.bca-sidebar__link {
    height: 48px;
    display: grid;
    grid-template-columns: 34px 1fr 12px;
    gap: 10px;
    align-items: center;
    padding: 0 12px;
    text-decoration: none!important;
    color: #4f4f4f!important;
    font-weight: 800;
    background: #fff;
    transition: .2s
}

.bca-sidebar__link:hover {
    background: #fff6e4;
    color: #b77700!important
}

.bca-cat-thumb {
    width: 30px;
    height: 30px;
    border-radius: 6px;
    background: #fff7e900;
    border: 1px solid #f0d8a803;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #c98b00;
    flex: 0 0 auto
}

.bca-cat-thumb img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important
}

.bca-sidebar__link b {
    font-size: 13px;
    line-height: 1.25;
    font-weight: 800;
    white-space: normal
}

.bca-sidebar__sub {
    display: none;
    position: absolute;
    left: 100%;
    top: -1px;
    z-index: 55;
    width: 275px;
    max-height: 315px;
    overflow: auto;
    background: #fff;
    border: 1px solid #e8c98d;
    border-radius: 8px;
    box-shadow: 0 15px 35px rgba(110,70,0,.16);
    padding: 8px
}

.bca-sidebar__item:hover>.bca-sidebar__sub {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px
}

.bca-sidebar__sub a {
    display: grid;
    grid-template-columns: 38px 1fr;
    gap: 9px;
    align-items: center;
    min-height: 44px;
    padding: 6px 8px;
    border-radius: 6px;
    color: #4b4b4b!important;
    text-decoration: none!important;
    font-weight: 700
}

.bca-sidebar__sub a:hover {
    background: #fff6e4;
    color: #b77700!important
}

.bca-sidebar__sub img {
    width: 34px!important;
    height: 34px!important;
    object-fit: contain!important
}

.bca-sidebar.is-fixed {
    position: fixed;
    top: 96px;
    left: max(12px,calc((100vw - 1180px)/2));
    width: 210px;
    box-shadow: 0 15px 40px rgba(0,0,0,.18)
}

.bca-sidebar.is-fixed.is-collapsed {
    width: 56px
}

.bca-sidebar.is-fixed.is-collapsed .bca-sidebar__scroll {
    overflow: hidden
}

.bca-sidebar.is-fixed.is-collapsed .bca-sidebar__link {
    grid-template-columns: 34px 0 0;
    padding: 0 11px;
    gap: 0
}

.bca-sidebar.is-fixed.is-collapsed .bca-sidebar__link b,.bca-sidebar.is-fixed.is-collapsed .bca-sidebar__link>i {
    opacity: 0;
    overflow: hidden
}

.bca-sidebar.is-fixed.is-collapsed:hover {
    width: 210px
}

.bca-sidebar.is-fixed.is-collapsed:hover .bca-sidebar__scroll {
    overflow-y: auto;
    overflow-x: visible
}

.bca-sidebar.is-fixed.is-collapsed:hover .bca-sidebar__link {
    grid-template-columns: 34px 1fr 12px;
    gap: 10px
}

.bca-sidebar.is-fixed.is-collapsed:hover .bca-sidebar__link b,.bca-sidebar.is-fixed.is-collapsed:hover .bca-sidebar__link>i {
    opacity: 1;
    overflow: visible
}

/* 3. C2 category product blocks: 4 products/row, 2 rows/page, slide when more */
.bca-products-page-slider {
    position: relative;
    display: block!important
}

.bca-product-page {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
    align-items: stretch
}

.bca-products-page-slider .owl-stage {
    display: flex
}

.bca-products-page-slider .owl-item {
    display: flex;
    align-self: stretch
}

.bca-products-page-slider .owl-item .bca-product-page {
    width: 100%
}

.bca-products-page-slider .owl-nav {
    position: absolute;
    right: 0;
    top: -45px;
    display: flex;
    gap: 6px
}

.bca-products-page-slider .owl-nav button {
    width: 27px;
    height: 27px;
    border: 1px solid #e3b45b!important;
    border-radius: 50%!important;
    background: #fff!important;
    color: #b87900!important;
    font-weight: 900!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    line-height: 1!important
}

.bca-products-page-slider .owl-nav button span {
    font-size: 20px;
    line-height: 20px;
    margin-top: -3px
}

.bca-category-section .bca-product-page .bca-product {
    min-height: 292px;
    padding: 13px
}

.bca-category-section .bca-product-page .bca-product__img {
    height: 112px;
    margin: 8px 0 12px
}

.bca-category-section .bca-product-page .bca-product__img img {
    max-height: 112px
}

.bca-category-section .bca-product-page .bca-product h3 {
    font-size: 13px;
    min-height: 42px;
    line-height: 1.35
}

.bca-category-section .bca-product-page .bca-price span {
    font-size: 14px
}

/* 5. Brand carousel */
.bca-brands.owl-carousel {
    display: block!important;
    height: 65px;
    padding: 0 42px;
    background: #fff;
    border: 1px solid #e9c987;
    border-radius: 8px;
    overflow: hidden
}

.bca-brands .owl-stage-outer,.bca-brands .owl-stage,.bca-brands .owl-item {
    height: 100%
}

.bca-brands .owl-item a {
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0
}

.bca-brands .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%!important;
    border: 1px solid #e3b45b!important;
    background: #fff!important;
    color: #b87900!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important
}

.bca-brands .owl-nav .owl-prev {
    left: 10px
}

.bca-brands .owl-nav .owl-next {
    right: 10px
}

@media(max-width: 1199px) {
    .bca-sidebar.is-fixed {
        left:12px
    }

    .bca-product-page {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media(max-width: 991px) {
    .bca-sidebar.is-fixed {
        position:relative;
        top: auto;
        left: auto;
        width: auto;
        box-shadow: none
    }

    .bca-sidebar__sub {
        position: static;
        width: auto;
        box-shadow: none;
        border-radius: 0
    }

    .bca-sidebar__item:hover>.bca-sidebar__sub {
        display: grid
    }

    .bca-product-page {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width: 575px) {
    .bca-product-page {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap: 10px
    }

    .bca-products-page-slider .owl-nav {
        display: none
    }

    .bca-category-section .bca-product-page .bca-product__img {
        height: 95px
    }

    .bca-brands.owl-carousel {
        padding: 0 30px
    }
}

/* v4: show every C2 category as a full-width block so 4 products/row are not tiny */
.bca-category-wrap {
    display: block!important
}

.bca-category-section {
    width: 100%;
    margin-top: 28px
}

.bca-category-section:first-child {
    margin-top: 28px
}

.bca-adbox {
    margin-top: 28px
}

/* ===== BCA v6 final fixes: slideshow in hero only, C1 sections 6x2, sidebar C2/C3 dock ===== */
.slide-fix {
    display: none!important
}

.bca-sidebar__title {
    display: none;
    height: 44px;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    background: #c98a00;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 900
}

.bca-sidebar.is-nav-docked {
    z-index: 1200;
    box-shadow: 0 14px 34px rgba(0,0,0,.18)
}

.bca-sidebar.is-nav-docked .bca-sidebar__title {
    display: flex
}

.bca-sidebar.is-nav-docked.is-collapsed {
    height: 44px;
    overflow: hidden;
    border-radius: 0
}

.bca-sidebar.is-nav-docked.is-collapsed .bca-sidebar__scroll {
    display: none
}

.bca-sidebar.is-nav-docked:not(.is-collapsed) {
    height: auto;
    overflow: visible;
    border-radius: 0 0 8px 8px
}

.bca-sidebar.is-nav-docked:not(.is-collapsed) .bca-sidebar__scroll {
    display: block;
    max-height: 380px;
    border-top: 0;
    border-radius: 0 0 8px 8px
}

.bca-sidebar__subitem {
    position: relative
}

.bca-sidebar__sub-link {
    display: grid!important;
    grid-template-columns: 38px 1fr 12px!important;
    gap: 9px!important
}

.bca-sidebar__sub3 {
    display: none;
    margin: 0 0 5px 45px;
    padding: 5px 0 5px 10px;
    border-left: 2px solid #f0d8a8
}

.bca-sidebar__subitem:hover .bca-sidebar__sub3 {
    display: block
}

.bca-sidebar__sub3 a {
    display: block!important;
    min-height: 0!important;
    padding: 6px 8px!important;
    color: #666!important;
    font-size: 12px!important;
    border-radius: 5px
}

.bca-sidebar__sub3 a:hover {
    background: #fff6e4;
    color: #b77700!important
}

.bca-category-wrap {
    display: block!important
}

.bca-category-section {
    width: 100%;
    margin-top: 28px
}

.bca-product-page {
    grid-template-columns: repeat(6,minmax(0,1fr))!important;
    gap: 14px
}

.bca-category-section .bca-product-page .bca-product {
    min-height: 276px;
    padding: 12px
}

.bca-category-section .bca-product-page .bca-product__img {
    height: 105px;
    margin: 8px 0 11px
}

.bca-category-section .bca-product-page .bca-product__img img {
    max-height: 145px;
}

.bca-category-section .bca-product-page .bca-product h3 {
    font-size: 12px;
    min-height: 36px
}

.bca-adbox {
    margin-top: 28px
}

.bca-brands.owl-carousel {
    display: block!important
}

@media(max-width: 1199px) {
    .bca-product-page {
        grid-template-columns:repeat(4,minmax(0,1fr))!important
    }
}

@media(max-width: 991px) {
    .bca-product-page {
        grid-template-columns:repeat(3,minmax(0,1fr))!important
    }

    .bca-sidebar.is-nav-docked {
        position: relative!important;
        top: auto!important;
        left: auto!important;
        width: auto!important
    }

    .bca-sidebar__title {
        display: none!important
    }
}

@media(max-width: 575px) {
    .bca-product-page {
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
}

/* ===== BCA v9 fix: menu hover C1/C2/C3 visibility ===== */
.bca-sidebar {
    overflow: visible!important
}

.bca-sidebar__scroll {
    overflow-y: auto!important;
    overflow-x: visible!important
}

.bca-sidebar:hover .bca-sidebar__scroll, .bca-sidebar.is-nav-docked:not(.is-collapsed) .bca-sidebar__scroll, .bca-sidebar.is-nav-docked.is-collapsed:hover .bca-sidebar__scroll {
    overflow: visible!important;
    display: block!important;
    max-height: 380px!important
}

.bca-sidebar__item {
    position: relative!important
}

.bca-sidebar__item:hover>.bca-sidebar__sub {
    display: block!important;
    visibility: visible!important;
    opacity: 1!important
}

.bca-sidebar__sub {
    position: absolute!important;
    left: 100%!important;
    top: 0!important;
    width: 285px!important;
    max-height: 380px!important;
    overflow: visible!important;
    background: #fff!important;
    border: 1px solid #e8c98d!important;
    border-radius: 8px!important;
    box-shadow: 0 15px 35px rgba(110,70,0,.20)!important;
    padding: 8px!important;
    z-index: 9999!important
}

.bca-sidebar__subitem {
    position: relative!important;
    display: block!important
}

.bca-sidebar__sub-link {
    display: grid!important;
    grid-template-columns: 38px 1fr 12px!important;
    align-items: center!important;
    gap: 9px!important;
    min-height: 44px!important;
    padding: 6px 8px!important;
    border-radius: 6px!important;
    color: #4b4b4b!important;
    background: #fff!important;
    text-decoration: none!important;
    font-weight: 800!important
}

.bca-sidebar__sub-link:hover {
    background: #fff6e4!important;
    color: #b77700!important
}

.bca-sidebar__sub-link img {
    width: 34px!important;
    height: 34px!important;
    object-fit: contain!important
}

.bca-sidebar__sub3 {
    display: none!important;
    position: absolute!important;
    left: 100%!important;
    top: 0!important;
    width: 250px!important;
    max-height: 380px!important;
    overflow: auto!important;
    margin: 0!important;
    padding: 8px!important;
    background: #fff!important;
    border: 1px solid #e8c98d!important;
    border-radius: 8px!important;
    box-shadow: 0 15px 35px rgba(110,70,0,.20)!important;
    z-index: 10000!important
}

.bca-sidebar__subitem:hover>.bca-sidebar__sub3 {
    display: block!important
}

.bca-sidebar__sub3 a {
    display: block!important;
    min-height: 34px!important;
    padding: 8px 10px!important;
    border-radius: 5px!important;
    color: #555!important;
    font-size: 13px!important;
    font-weight: 700!important;
    line-height: 1.25!important;
    background: #fff!important;
    text-decoration: none!important
}

.bca-sidebar__sub3 a:hover {
    background: #fff6e4!important;
    color: #b77700!important
}

.bca-sidebar.is-nav-docked.is-collapsed:hover {
    height: auto!important;
    overflow: visible!important;
    border-radius: 0 0 8px 8px!important
}

.bca-sidebar.is-nav-docked.is-collapsed:hover .bca-sidebar__title {
    display: flex!important
}

.bca-sidebar.is-nav-docked.is-collapsed:hover .bca-sidebar__link {
    grid-template-columns: 34px 1fr 12px!important;
    gap: 10px!important;
    padding: 0 12px!important
}

.bca-sidebar.is-nav-docked.is-collapsed:hover .bca-sidebar__link b, .bca-sidebar.is-nav-docked.is-collapsed:hover .bca-sidebar__link>i {
    opacity: 1!important;
    overflow: visible!important
}

@media(max-width: 991px) {
    .bca-sidebar__sub,.bca-sidebar__sub3 {
        position:static!important;
        width: auto!important;
        box-shadow: none!important;
        border-radius: 0!important;
        max-height: none!important
    }

    .bca-sidebar__sub3 {
        margin-left: 44px!important;
        border-left: 2px solid #f0d8a8!important
    }
}

/* v10 fix: banner hien thi truc tiep, danh muc giu thanh cuon va submenu khong bi cat */
.bca-hero-native-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
    background: #111
}

.bca-hero-native-slider .bca-hero-admin-link {
    position: absolute;
    inset: 0;
    display: block!important;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s ease,visibility .35s ease;
    z-index: 1
}

.bca-hero-native-slider .bca-hero-admin-link.is-active {
    opacity: 1;
    visibility: visible;
    z-index: 2
}

.bca-hero-native-slider img {
    width: 100%!important;
    height: 100%!important;
    display: block!important;
    object-fit: cover!important;
    border-radius: 8px!important;
    opacity: 1!important;
    visibility: visible!important
}

.bca-hero-prev,.bca-hero-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    width: 34px;
    height: 44px;
    border: 0;
    border-radius: 6px;
    background: rgba(0,0,0,.35);
    color: #fff;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.bca-hero-prev {
    left: 10px
}

.bca-hero-next {
    right: 10px
}

.bca-sidebar__scroll, .bca-sidebar:hover .bca-sidebar__scroll, .bca-sidebar.is-nav-docked:not(.is-collapsed) .bca-sidebar__scroll, .bca-sidebar.is-nav-docked.is-collapsed:hover .bca-sidebar__scroll {
    max-height: 315px!important;
    overflow-y: auto!important;
    overflow-x: hidden!important;
    display: block!important
}

.bca-sidebar__sub {
    display: none!important
}

.bca-sidebar__sub.bca-sub-fixed {
    display: block!important;
    position: fixed!important;
    left: auto!important;
    top: auto!important;
    width: 300px!important;
    max-height: 380px!important;
    overflow-y: auto!important;
    overflow-x: visible!important;
    background: #fff!important;
    border: 1px solid #e8c98d!important;
    border-radius: 8px!important;
    box-shadow: 0 15px 35px rgba(110,70,0,.22)!important;
    padding: 8px!important;
    z-index: 99999!important
}

.bca-sidebar__sub3 {
    display: none!important
}

.bca-sidebar__sub3.bca-sub3-fixed {
    display: block!important;
    position: fixed!important;
    left: auto!important;
    top: auto!important;
    width: 260px!important;
    max-height: 380px!important;
    overflow: auto!important;
    margin: 0!important;
    padding: 8px!important;
    background: #fff!important;
    border: 1px solid #e8c98d!important;
    border-radius: 8px!important;
    box-shadow: 0 15px 35px rgba(110,70,0,.22)!important;
    z-index: 100000!important
}

.bca-sidebar__sub.bca-sub-fixed .bca-sidebar__sub-link {
    display: grid!important;
    grid-template-columns: 38px 1fr 12px!important;
    align-items: center!important;
    gap: 9px!important;
    min-height: 44px!important;
    padding: 6px 8px!important;
    border-radius: 6px!important;
    color: #4b4b4b!important;
    background: #fff!important;
    text-decoration: none!important;
    font-weight: 800!important
}

.bca-sidebar__sub.bca-sub-fixed .bca-sidebar__sub-link:hover,.bca-sidebar__sub3.bca-sub3-fixed a:hover {
    background: #fff6e4!important;
    color: #b77700!important
}

.bca-sidebar__sub3.bca-sub3-fixed a {
    display: block!important;
    min-height: 34px!important;
    padding: 8px 10px!important;
    border-radius: 5px!important;
    color: #555!important;
    font-size: 13px!important;
    font-weight: 700!important;
    line-height: 1.25!important;
    background: #fff!important;
    text-decoration: none!important
}

@media(max-width: 991px) {
    .bca-sidebar__sub.bca-sub-fixed,.bca-sidebar__sub3.bca-sub3-fixed {
        position:static!important;
        width: auto!important;
        max-height: none!important;
        box-shadow: none!important
    }
}

/* ===== BCA v11 fix: dropdown danh muc tren trang trong + mobile clean header + banner full width ===== */
.bca-nav__cat-wrap {
    position: relative;
    z-index: 1300
}

.bca-nav-dropdown {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    width: 300px;
    background: #fff;
    border: 1px solid #ead7b8;
    border-top: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 18px 38px rgba(80,52,0,.18);
    z-index: 1301
}

.bca-nav__cat-wrap:hover .bca-nav-dropdown {
    display: block
}

.bca-nav-dropdown__scroll {
    max-height: 430px;
    overflow-y: auto;
    overflow-x: visible;
    padding: 8px 0;
    scrollbar-width: thin;
    scrollbar-color: #d89500 #fff2d9
}

.bca-nav-dropdown__scroll::-webkit-scrollbar {
    width: 6px
}

.bca-nav-dropdown__scroll::-webkit-scrollbar-thumb {
    background: #d89500;
    border-radius: 8px
}

.bca-nav-dropdown__scroll::-webkit-scrollbar-track {
    background: #fff2d9
}

.bca-nav-dropdown__item,.bca-nav-dropdown__subitem {
    position: relative
}

.bca-nav-dropdown__link,.bca-nav-dropdown__sub-link {
    display: grid;
    grid-template-columns: 42px 1fr 12px;
    gap: 10px;
    align-items: center;
    min-height: 50px;
    padding: 8px 14px;
    color: #4f4f4f!important;
    text-decoration: none!important;
    font-weight: 800;
    background: #fff
}

.bca-nav-dropdown__link:hover,.bca-nav-dropdown__sub-link:hover {
    background: #fff6e4;
    color: #b77700!important
}

.bca-nav-dropdown__thumb {
    width: 34px;
    height: 34px;
    border: 1px solid #ecd8b600;
    border-radius: 7px;
    background: #fff8eb00;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #7d6a47
}

.bca-nav-dropdown__thumb img {
    width: 100%!important;
    height: 100%!important;
    object-fit: contain!important
}

.bca-nav-dropdown__thumb.is-small {
    width: 34px;
    height: 34px
}

.bca-nav-dropdown__link b,.bca-nav-dropdown__sub-link b {
    font-size: 13px;
    line-height: 1.25;
    font-weight: 800;
    white-space: normal
}

.bca-nav-dropdown__sub,.bca-nav-dropdown__sub3 {
    display: none;
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
    width: 300px;
    max-height: 420px;
    overflow: auto;
    background: #fff;
    border: 1px solid #ead7b8;
    border-radius: 10px;
    box-shadow: 0 18px 38px rgba(80,52,0,.18);
    padding: 8px;
    z-index: 1302
}

.bca-nav-dropdown__sub3 {
    width: 260px;
    z-index: 1303
}

.bca-nav-dropdown__item:hover>.bca-nav-dropdown__sub,.bca-nav-dropdown__subitem:hover>.bca-nav-dropdown__sub3 {
    display: block
}

.bca-nav-dropdown__sub3 a {
    display: block;
    padding: 9px 10px;
    border-radius: 6px;
    color: #555!important;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none!important
}

.bca-nav-dropdown__sub3 a:hover {
    background: #fff6e4;
    color: #b77700!important
}

.bca-nav-dropdown__empty {
    padding: 14px;
    color: #777;
    font-size: 13px
}

@media(max-width: 991px) {
    .bca-topbar,.bca-headmain,.bca-nav {
        display:none!important
    }

    .bca-nav-dropdown,.bca-nav-dropdown__sub,.bca-nav-dropdown__sub3 {
        display: none!important
    }

    .bca-home {
        padding-top: 0!important
    }

    .bca-hero-grid {
        grid-template-columns: 1fr!important;
        gap: 12px!important;
        margin-top: 12px!important
    }

    .bca-sidebar,.bca-quote-card {
        display: none!important
    }

    .bca-hero-banner,.bca-hero-native-slider {
        height: auto!important;
        min-height: 0!important;
        border-radius: 8px!important;
        background: transparent!important
    }

    .bca-hero-native-slider .bca-hero-admin-link {
        display: none!important;
        position: relative!important;
        inset: auto!important;
        opacity: 1!important;
        visibility: visible!important
    }

    .bca-hero-native-slider .bca-hero-admin-link.is-active {
        display: block!important
    }

    .bca-hero-native-slider img {
        width: 100%!important;
        height: auto!important;
        object-fit: contain!important;
        border-radius: 8px!important
    }

    .bca-hero-prev,.bca-hero-next {
        width: 32px!important;
        height: 38px!important;
        font-size: 26px!important
    }

    .bca-hero-support {
        grid-column: auto!important;
        height: auto!important;
        padding: 14px!important;
        gap: 12px!important;
        flex-direction: column!important;
        align-items: stretch!important
    }

    .bca-hero-support a {
        width: 100%!important;
        justify-content: center!important
    }
}

/* ===== BCA v12 fix: sticky header + true right side C2 C3 mega menu ===== */
@media (min-width: 992px) {
    .bca-header {
        position:sticky!important;
        top: 0!important;
        z-index: 5000!important;
        background: #fff!important
    }

    .bca-nav {
        position: sticky!important;
        top: 112px!important;
        z-index: 4990!important;
        box-shadow: 0 4px 12px rgba(0,0,0,.06)!important
    }

    .bca-nav__cat-wrap {
        position: relative!important;
        z-index: 5010!important
    }

    .bca-nav-dropdown {
        z-index: 5011!important;
        overflow: visible!important
    }

    .bca-nav-dropdown__scroll {
        max-height: 430px!important;
        overflow-y: auto!important;
        overflow-x: hidden!important
    }

    .bca-nav-dropdown__sub, .bca-nav-dropdown__sub3 {
        display: none!important
    }

    .bca-nav-dropdown__sub.is-fixed-open, .bca-nav-dropdown__sub3.is-fixed-open {
        display: block!important;
        position: fixed!important;
        left: auto!important;
        top: auto!important;
        max-height: 430px!important;
        overflow-y: auto!important;
        overflow-x: visible!important;
        background: #fff!important;
        border: 1px solid #ead7b8!important;
        border-radius: 10px!important;
        box-shadow: 0 18px 38px rgba(80,52,0,.22)!important;
        padding: 8px!important;
    }

    .bca-nav-dropdown__sub.is-fixed-open {
        width: 310px!important;
        z-index: 6000!important
    }

    .bca-nav-dropdown__sub3.is-fixed-open {
        width: 270px!important;
        z-index: 6010!important
    }

    .bca-nav-dropdown__item:hover>.bca-nav-dropdown__sub:not(.is-fixed-open), .bca-nav-dropdown__subitem:hover>.bca-nav-dropdown__sub3:not(.is-fixed-open) {
        display: none!important
    }

    .bca-nav-dropdown__sub.is-fixed-open .bca-nav-dropdown__sub-link {
        display: grid!important;
        grid-template-columns: 38px 1fr 12px!important;
        align-items: center!important;
        gap: 9px!important;
        min-height: 44px!important;
        padding: 6px 8px!important;
        border-radius: 6px!important;
        color: #4b4b4b!important;
        background: #fff!important;
        text-decoration: none!important;
        font-weight: 800!important;
    }

    .bca-nav-dropdown__sub3.is-fixed-open a {
        display: block!important;
        min-height: 34px!important;
        padding: 8px 10px!important;
        border-radius: 5px!important;
        color: #555!important;
        font-size: 13px!important;
        font-weight: 700!important;
        line-height: 1.25!important;
        background: #fff!important;
        text-decoration: none!important;
    }

    .bca-nav-dropdown__sub.is-fixed-open .bca-nav-dropdown__sub-link:hover, .bca-nav-dropdown__sub3.is-fixed-open a:hover {
        background: #fff6e4!important;
        color: #b77700!important
    }
}

@media (max-width: 991px) {
    .bca-header,.bca-nav {
        position:static!important
    }

    .bca-nav-dropdown__sub.is-fixed-open, .bca-nav-dropdown__sub3.is-fixed-open {
        position: static!important;
        width: auto!important;
        max-height: none!important;
        box-shadow: none!important
    }
}

/* ===== BCA v13 fix: mega menu chi hien khi re chuot, C2/C3 bung sang phai ===== */
@media (min-width: 992px) {
    .bca-nav__cat-wrap:hover .bca-nav-dropdown {
        display:none!important
    }

    .bca-nav__cat-wrap.is-open .bca-nav-dropdown {
        display: block!important;
        overflow: visible!important
    }

    .bca-nav-dropdown {
        display: none!important;
        position: absolute!important;
        top: 44px!important;
        left: 0!important;
        width: 300px!important;
        overflow: visible!important;
        z-index: 7000!important
    }

    .bca-nav-dropdown__scroll {
        overflow-y: auto!important;
        overflow-x: hidden!important;
        max-height: 430px!important
    }

    .bca-nav-dropdown__sub,.bca-nav-dropdown__sub3 {
        display: none!important
    }

    .bca-nav-dropdown__sub.is-fixed-open {
        display: block!important;
        position: fixed!important;
        width: 320px!important;
        left: auto!important;
        top: auto!important;
        z-index: 7100!important;
        max-height: 430px!important;
        overflow-y: auto!important;
        overflow-x: visible!important;
        background: #fff!important;
        border: 1px solid #ead7b8!important;
        border-radius: 10px!important;
        box-shadow: 0 18px 38px rgba(80,52,0,.24)!important;
        padding: 8px!important
    }

    .bca-nav-dropdown__sub3.is-fixed-open {
        display: block!important;
        position: fixed!important;
        width: 280px!important;
        left: auto!important;
        top: auto!important;
        z-index: 7200!important;
        max-height: 430px!important;
        overflow: auto!important;
        background: #fff!important;
        border: 1px solid #ead7b8!important;
        border-radius: 10px!important;
        box-shadow: 0 18px 38px rgba(80,52,0,.24)!important;
        padding: 8px!important
    }

    .bca-nav-dropdown__item:hover>.bca-nav-dropdown__sub:not(.is-fixed-open), .bca-nav-dropdown__subitem:hover>.bca-nav-dropdown__sub3:not(.is-fixed-open) {
        display: none!important
    }

    .bca-sidebar.is-nav-docked.is-collapsed:hover .bca-sidebar__scroll {
        display: none!important
    }

    .bca-sidebar.is-nav-docked:not(.is-collapsed) .bca-sidebar__scroll {
        display: block!important
    }
}

/* ===== Bep Chau Au catalog page redesign v14 ===== */
.bca-catalog-page {
    margin: 20px auto 40px;
}

.bca-catalog-page__title {
    font-size: 48px;
    line-height: 1.1;
    font-weight: 800;
    color: #1f1f1f;
    text-transform: uppercase;
    margin: 0 0 26px;
    letter-spacing: -.5px
}

.bca-catalog-layout {
    display: flex;
    gap: 28px;
    align-items: flex-start
}

.bca-catalog-sidebar {
    width: 300px;
    flex: 0 0 300px
}

.bca-catalog-main {
    flex: 1;
    min-width: 0
}

.bca-side-box,.bca-side-banner {
    background: #fff;
    border: 1px solid #eadfce;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 18px;
    box-shadow: 0 1px 2px rgba(0,0,0,.03)
}

.bca-side-box__title,.bca-filter-title {
    font-size: 16px;
    font-weight: 700;
    color: #424242;
    padding: 14px 16px 10px;
    position: relative
}

.bca-side-box__title:before,.bca-filter-title:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 24px;
    background: #dca12f;
    border-radius: 4px;
    margin-right: 10px;
    vertical-align: middle
}

.bca-side-grid {
    padding: 0 14px 14px;
    display: grid;
    gap: 12px
}

.bca-side-grid--types {
    grid-template-columns: repeat(2,minmax(0,1fr))
}

.bca-side-grid--brands {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.bca-mini-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    gap: 8px;
    padding: 12px 8px;
    border: 1px solid #e6c98e;
    border-radius: 12px;
    background: #fff;
    color: #333;
    text-decoration: none;
    transition: .2s
}

.bca-mini-card:hover,.bca-mini-card.active {
    border-color: #d8a12f;
    box-shadow: 0 5px 18px rgba(216,161,47,.18);
    color: #333
}

.bca-mini-card__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 86px;
    overflow: hidden
}

.bca-mini-card__thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.bca-mini-card__name {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center
}

.bca-mini-card--brand .bca-mini-card__name {
    text-transform: none;
    font-weight: 600;
    min-height: 22px
}

.bca-side-box--filters .form-filter {
    padding: 0 16px 16px
}

.bca-filter-group+.bca-filter-group {
    margin-top: 4px
}

.bca-side-box--filters label.container {
    display: block;
    position: relative;
    padding-left: 34px;
    margin: 0 0 12px;
    font-size: 15px;
    color: #555;
    cursor: pointer;
    line-height: 1.4
}

.bca-side-box--filters label.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.bca-side-box--filters .checkmark {
    position: absolute;
    top: 1px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #dfd3bd;
    background: #fff;
    border-radius: 3px
}

.bca-side-box--filters label.container input:checked~.checkmark {
    border-color: #d89f25;
    background: #d89f25
}

.bca-side-box--filters .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.bca-side-box--filters label.container input:checked~.checkmark:after {
    display: block
}

.bca-side-box--filters label.container .checkmark:after {
    left: 6px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.bca-video-boxes {
    padding: 0 14px 14px
}

.bca-video-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 12px
}

.bca-video-item img {
    width: 100%;
    height: auto;
    display: block
}

.bca-video-item__play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #f2c43d;
    color: #222;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: 0 8px 18px rgba(0,0,0,.18)
}

.bca-video-item__text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 12px;
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.72) 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.bca-side-box__body {
    padding: 0 14px 14px
}

.bca-side-category-list {
    padding: 0
}

.bca-side-category-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-top: 1px solid #f0e8db;
    color: #4a4a4a;
    text-decoration: none;
    font-weight: 600
}

.bca-side-category-item:first-child {
    border-top: none
}

.bca-side-category-item i {
    margin-left: auto;
    color: #b48a24
}

.bca-side-category-thumb {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px
}

.bca-side-category-thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.bca-side-category-item.is-active,.bca-side-category-item:hover {
    background: #fef7e7;
    color: #c68d09
}

.bca-side-banner img {
    width: 100%;
    display: block
}

.bca-catalog-panel {
    background: #fff;
    border: 1px solid #eadfce;
    border-radius: 18px;
    padding: 16px 16px 20px
}

.bca-catalog-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px
}

.bca-catalog-toolbar__count {
    font-size: 20px;
    color: #666;
    font-weight: 500
}

.bca-catalog-toolbar__count strong {
    color: #333;
    font-weight: 800
}

.bca-catalog-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap
}

.bca-sort-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #777;
    margin: 0
}

.bca-sort-wrap select {
    height: 42px;
    border: 1px solid #e5dccf;
    border-radius: 10px;
    padding: 0 14px;
    background: #fff;
    min-width: 135px;
    color: #666
}

.bca-view-switch {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #777
}

.bca-view-switch button {
    width: 40px;
    height: 40px;
    border: 1px solid #e5dccf;
    background: #fff;
    border-radius: 10px;
    color: #c4a159
}

.bca-view-switch button.is-active {
    background: #fff8e7;
    border-color: #e0bf72;
    color: #d39b15
}

.bca-catalog-chipbar {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 18px
}

.bca-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #ece2d3;
    color: #666;
    text-decoration: none;
    font-weight: 600;
    line-height: 1
}

.bca-chip:hover,.bca-chip.is-active,.bca-chip.active {
    background: #dca12f;
    color: #fff;
    border-color: #dca12f
}

.bca-catalog-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 20px 18px
}

.bca-cat-card {
    min-width: 0
}

.bca-cat-card__inner {
    position: relative;
    height: 100%;
    border: 1px solid #f0e4d2;
    border-radius: 14px;
    padding: 12px;
    background: #fff;
    transition: .2s;
    display: flex;
    flex-direction: column
}

.bca-cat-card__inner:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0,0,0,.06);
    border-color: #e5c37c
}

.bca-cat-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    min-height: 24px
}

.bca-cat-card__stock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eeae17;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
    border-radius: 6px
}

.bca-cat-card__wish {
    border: none;
    background: transparent;
    color: #b7b7b7;
    padding: 0;
    font-size: 18px;
    line-height: 1
}

.bca-cat-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 190px;
    margin-bottom: 14px
}

.bca-cat-card__image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.bca-cat-card__name {
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    margin: 0 0 10px;
    min-height: 78px
}

.bca-cat-card__name a {
    color: #252525;
    text-decoration: none
}

.bca-cat-card__price {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 6px
}

.bca-cat-card__price-new {
    font-size: 24px;
    font-weight: 800;
    color: #ff0509;
    line-height: 1.1
}

.bca-cat-card__price-old {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
    line-height: 1.2
}

.bca-cat-card__rating {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: #9a9a9a;
    margin-bottom: 6px
}

.bca-cat-card__rating .comment-star {
    position: relative;
    display: inline-flex;
    color: #d7d7d7;
    font-size: 12px;
    line-height: 1
}

.bca-cat-card__rating .comment-star span {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #f3bc27
}

.bca-cat-card__sold {
    font-size: 13px;
    color: #eeae17;
    margin-bottom: 12px;
    font-weight: 600
}

.bca-cat-card__action {
    margin-top: auto
}

.bca-cat-card__action .quote-toggle-btn {
    width: 100%;
    height: 42px;
    background: #fff;
    border: 2px solid #eeae17;
    color: #eeae17;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700
}

.bca-cat-card__action .quote-toggle-btn:hover {
    background: #fff5f6
}

.bca-catalog-panel .pagination-home {
    margin-top: 18px
}

.bca-catalog-panel .pagination-home .pagination {
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap
}

.bca-catalog-panel .pagination-home .pagination a,.bca-catalog-panel .pagination-home .pagination span {
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e6d9c4;
    background: #fff;
    border-radius: 4px;
    color: #8c6c1f;
    font-weight: 700
}

.bca-catalog-panel .pagination-home .pagination .current,.bca-catalog-panel .pagination-home .pagination span.active,.bca-catalog-panel .pagination-home .pagination a:hover {
    background: #dca12f;
    color: #fff;
    border-color: #dca12f
}

.menu-bar-filter {
    display: none!important
}

@media (max-width: 1399px) {
    .bca-catalog-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 1199px) {
    .bca-catalog-page__title {
        font-size:40px
    }

    .bca-catalog-layout {
        gap: 20px
    }

    .bca-catalog-sidebar {
        width: 280px;
        flex-basis: 280px
    }

    .bca-cat-card__image {
        height: 170px
    }

    .bca-cat-card__name {
        font-size: 16px;
        min-height: 68px
    }

    .bca-cat-card__price-new {
        font-size: 22px
    }
}

@media (max-width: 991px) {
    .bca-catalog-layout {
        flex-direction:column
    }

    .bca-catalog-sidebar {
        width: 100%;
        flex-basis: auto;
        order: 2
    }

    .bca-catalog-main {
        order: 1;
        width: 100%
    }

    .bca-side-grid--types {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }

    .bca-side-grid--brands {
        grid-template-columns: repeat(5,minmax(0,1fr))
    }

    .bca-catalog-grid {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 767px) {
    .bca-catalog-page {
        margin-top:14px
    }

    .bca-catalog-page__title {
        font-size: 34px;
        margin-bottom: 18px
    }

    .bca-catalog-panel {
        padding: 14px
    }

    .bca-catalog-toolbar {
        flex-direction: column;
        align-items: flex-start
    }

    .bca-catalog-toolbar__count {
        font-size: 18px
    }

    .bca-catalog-toolbar__actions {
        width: 100%;
        justify-content: space-between
    }

    .bca-sort-wrap {
        width: 100%;
        justify-content: space-between
    }

    .bca-sort-wrap select {
        flex: 1;
        min-width: 0
    }

    .bca-catalog-chipbar {
        margin-bottom: 14px;
        overflow: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px
    }

    .bca-chip {
        white-space: nowrap
    }

    .bca-catalog-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 14px
    }

    .bca-cat-card__inner {
        padding: 10px
    }

    .bca-cat-card__image {
        height: 135px
    }

    .bca-cat-card__name {
        font-size: 14px;
        min-height: 58px;
        margin-bottom: 8px
    }

    .bca-cat-card__price-new {
        font-size: 18px
    }

    .bca-cat-card__price-old,.bca-cat-card__rating,.bca-cat-card__sold {
        font-size: 12px
    }

    .bca-cat-card__action .quote-toggle-btn {
        height: 38px;
        font-size: 12px
    }

    .bca-side-grid--types {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .bca-side-grid--brands {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 575px) {
    .bca-catalog-page__title {
        font-size:28px
    }

    .bca-catalog-grid {
        grid-template-columns: 1fr
    }

    .bca-cat-card__name {
        min-height: auto
    }

    .bca-side-grid--brands {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .bca-side-box,.bca-side-banner,.bca-catalog-panel {
        border-radius: 12px
    }
}

/* ===== BCA v15: mega menu C2 C3 + brand, catalog label, HOT badge fix ===== */
.bca-nav,.bca-nav__inner,.bca-nav__cat-wrap,.bca-nav__links {
    overflow: visible
}

.bca-nav__links a.is-hot {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding-top: 4px
}

.bca-nav__links .is-hot:before {
    top: -14px!important;
    right: -18px!important;
    z-index: 6;
    box-shadow: 0 4px 12px rgb(230 39 39 / 0%);
}

.bca-nav__cat-wrap.is-open .bca-nav-dropdown {
    display: block
}

.bca-nav-dropdown {
    overflow: visible!important
}

.bca-nav-dropdown__scroll {
    overflow-y: auto;
    overflow-x: visible!important;
    padding: 8px 0 10px
}

.bca-nav-dropdown__item.has-mega,.bca-sidebar__item.has-mega {
    position: relative
}

.bca-nav-dropdown__item.has-mega:hover>.bca-nav-dropdown__link, .bca-sidebar__item.has-mega:hover>.bca-sidebar__link {
    background: #fff7e8!important;
    color: #b77700!important
}

.bca-nav-mega,.bca-sidebar__mega {
    display: none;
    position: fixed;
    z-index: 1605;
    background: #fff;
    border: 1px solid #d89c21;
    border-radius: 14px;
    box-shadow: 0 22px 48px rgba(94,62,0,.18);
    padding: 18px 22px;
    grid-template-columns: minmax(0,1.06fr) minmax(260px,.94fr);
    gap: 26px;
    color: #444
}

.bca-nav-mega.is-open,.bca-sidebar__mega.is-open {
    display: grid
}

.bca-nav-mega__col {
    min-width: 0
}

.bca-nav-mega__title {
    font-size: 18px;
    line-height: 1.2;
    font-weight: 900;
    color: #2f2f2f;
    padding-bottom: 11px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e6e6e6
}

.bca-nav-mega__types {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 350px;
    overflow: auto;
    padding-right: 6px
}

.bca-nav-mega__type {
    min-width: 0
}

.bca-nav-mega__type-main {
    display: block;
    font-size: 14px;
    font-weight: 800;
    color: #eeae17 !important;
    text-decoration: none;
    line-height: 1.45;
    position: relative;
    padding-left: 16px
}

.bca-nav-mega__type-main:before {
    content: '○';
    position: absolute;
    left: 0;
    top: 0;
    color: #8c8c8c;
    font-size: 13px
}

.bca-nav-mega__type-main:hover {
    color: #b77700!important;
    text-decoration: none
}

.bca-nav-mega__sublist {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 14px;
    padding: 6px 0 0 16px
}

.bca-nav-mega__sublist a {
    font-size: 12px;
    line-height: 1.4;
    color: #666!important;
    text-decoration: none;
    position: relative
}

.bca-nav-mega__sublist a:hover,.bca-nav-mega__brands a:hover {
    color: #b77700!important;
    text-decoration: none
}

.bca-nav-mega__brands {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px 18px;
    max-height: 350px;
    overflow: auto;
    padding-right: 4px
}

.bca-nav-mega__brands a {
    font-size: 13px;
    line-height: 1.45;
    color: #4f4f4f!important;
    text-decoration: none;
    position: relative;
    padding-left: 15px;
    display: block
}

.bca-nav-mega__brands a:before {
    content: '○';
    position: absolute;
    left: 0;
    top: 0;
    color: #8c8c8c;
    font-size: 12px
}

.bca-hero-grid {
    overflow: visible
}

.bca-sidebar {
    overflow: visible!important
}

.bca-sidebar__scroll {
    overflow-y: auto;
    overflow-x: visible!important;
    position: relative;
    max-height: 276px
}

.bca-sidebar__item.has-mega>a {
    position: relative;
    z-index: 2
}

.bca-sidebar__mega {
    min-height: 378px
}

@media(max-width: 1399px) {
    .bca-nav-mega,.bca-sidebar__mega {
        grid-template-columns:minmax(0,1fr) minmax(240px,.88fr);
        padding: 16px 18px;
        gap: 20px
    }

    .bca-nav-mega__brands {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media(max-width: 1199px) {
    .bca-nav-mega,.bca-sidebar__mega {
        display:none!important
    }
}

/* v15a: category sidebar fixes */
.bca-side-grid--types {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.bca-side-grid--brands {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.bca-mini-card--logo-only {
    padding: 14px 10px;
    min-height: 118px;
    justify-content: center
}

.bca-mini-card--logo-only .bca-mini-card__thumb {
    height: 72px
}

.bca-mini-card--logo-only .bca-mini-card__thumb img {
    max-width: 92%;
    max-height: 72px;
    object-fit: contain
}

.bca-mini-card__logo-fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase
}

.bca-mini-card--logo-only .bca-mini-card__name {
    display: none
}

@media (max-width: 991px) {
    .bca-side-grid--types {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .bca-side-grid--brands {
        grid-template-columns: repeat(4,minmax(0,1fr))
    }
}

@media (max-width: 767px) {
    .bca-side-grid--types {
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap: 10px
    }

    .bca-side-grid--brands {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 10px
    }

    .bca-mini-card {
        padding: 10px 6px
    }

    .bca-mini-card__thumb {
        height: 70px
    }

    .bca-mini-card__name {
        font-size: 12px;
        min-height: 32px
    }

    .bca-mini-card--logo-only {
        min-height: 96px;
        padding: 10px 6px
    }

    .bca-mini-card--logo-only .bca-mini-card__thumb {
        height: 56px
    }
}

@media (max-width: 575px) {
    .bca-side-grid--types {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }

    .bca-side-grid--brands {
        grid-template-columns: repeat(3,minmax(0,1fr))
    }
}

/* ===== v16 mega menu full-banner + nav hot label fix ===== */
.bca-nav,.bca-nav__inner,.bca-nav__links,.bca-nav__cat-wrap,.bca-hero-grid,.bca-sidebar,.bca-sidebar__scroll {
    overflow: visible!important
}

.bca-nav {
    position: relative;
    z-index: 1200
}

.bca-nav__inner {
    position: relative
}

.bca-nav__links a.is-hot {
    display: inline-flex;
    align-items: center
}

.bca-nav__links .is-hot:before {
    top: -14px;
    right: -18px;
    z-index: 5;
    box-shadow: 0 4px 10px rgb(247 39 39 / 0%);
}

.bca-nav-mega,.bca-sidebar__mega {
    min-height: 378px;
    max-width: none;
    align-content: start
}

.bca-hero-banner,.bca-quote-card {
    position: relative;
    z-index: 1
}

.bca-nav-dropdown__item.has-mega>.bca-nav-dropdown__link,.bca-sidebar__item.has-mega>.bca-sidebar__link {
    position: relative;
    z-index: 2
}

.bca-nav-dropdown__item.has-mega.is-hover>.bca-nav-dropdown__link,.bca-sidebar__item.has-mega.is-hover>.bca-sidebar__link {
    background: #fff6e4!important;
    color: #b77700!important
}

.bca-nav-dropdown__item.has-mega.is-hover>.bca-nav-dropdown__link b,.bca-sidebar__item.has-mega.is-hover>.bca-sidebar__link b {
    color: #b77700!important
}

@media (max-width: 1399px) {
    .bca-nav-mega,.bca-sidebar__mega {
        min-height:350px
    }
}

@media (max-width: 1199px) {
    .bca-nav__links .is-hot:before {
        top:-10px;
        right: -14px
    }
}

/* ===== v17 sidebar overflow + collapse fix ===== */
.bca-home .bca-sidebar {
    height: 315px!important;
    overflow: hidden!important;
}

.bca-home .bca-sidebar__scroll, .bca-home .bca-sidebar:hover .bca-sidebar__scroll {
    max-height: 313px!important;
    overflow-y: auto!important;
    overflow-x: hidden!important;
    display: block!important;
}

.bca-home .bca-sidebar.is-nav-docked {
    overflow: visible!important;
    height: auto!important;
}

.bca-home .bca-sidebar.is-nav-docked.is-collapsed {
    height: 44px!important;
    overflow: hidden!important;
}

.bca-home .bca-sidebar.is-nav-docked.is-collapsed .bca-sidebar__scroll {
    display: none!important;
}

.bca-home .bca-sidebar.is-nav-docked:not(.is-collapsed) .bca-sidebar__scroll {
    display: block!important;
    max-height: 380px!important;
    overflow-y: auto!important;
    overflow-x: hidden!important;
}

/* khi cuon xuong, menu chi mo lai khi re chuot lai vao, khong tu bung do :hover */
.bca-home .bca-sidebar.is-fixed.is-collapsed:hover {
    width: 56px!important;
    height: 44px!important;
    overflow: hidden!important;
}

.bca-home .bca-sidebar.is-fixed.is-collapsed:hover .bca-sidebar__scroll {
    display: none!important;
    overflow: hidden!important;
}

.bca-home .bca-sidebar.is-fixed.is-collapsed:hover .bca-sidebar__link {
    grid-template-columns: 34px 0 0!important;
    gap: 0!important;
    padding: 0 11px!important;
}

.bca-home .bca-sidebar.is-fixed.is-collapsed:hover .bca-sidebar__link b, .bca-home .bca-sidebar.is-fixed.is-collapsed:hover .bca-sidebar__link>i {
    opacity: 0!important;
    overflow: hidden!important;
}

/* ===== v18 final fixes: dots, compact sidebar, 2-column catalog, no-crop banner ===== */
/* 1. Can bang nut cham trong mega menu */
.bca-nav-mega__type-main, .bca-nav-mega__brands a {
    display: flex!important;
    align-items: center!important;
    gap: 8px!important;
    padding-left: 0!important;
}

.bca-nav-mega__type-main:before, .bca-nav-mega__brands a:before {
    content: ''!important;
    position: static!important;
    flex: 0 0 7px!important;
    width: 7px!important;
    height: 7px!important;
    border: 2px solid #8c8c8c!important;
    border-radius: 50%!important;
    display: inline-block!important;
    margin: 0!important;
    box-sizing: border-box!important;
}

.bca-nav-mega__type-main:hover:before, .bca-nav-mega__brands a:hover:before {
    border-color: #b77700!important
}

.bca-nav-mega__sublist {
    padding-left: 15px!important
}

.bca-nav-mega__sublist a {
    display: inline-flex!important;
    align-items: center!important
}

/* 2. Thu gon cac muc sidebar trang danh muc */
.bca-catalog-sidebar .bca-side-box__title, .bca-catalog-sidebar .bca-filter-title {
    font-size: 14px!important;
    line-height: 20px!important;
    padding: 10px 14px 8px!important;
    display: flex!important;
    align-items: center!important;
    gap: 8px!important;
}

.bca-catalog-sidebar .bca-side-box__title:before, .bca-catalog-sidebar .bca-filter-title:before {
    width: 4px!important;
    height: 22px!important;
    margin: 0!important;
    flex: 0 0 4px!important;
}

.bca-side-grid--types {
    grid-template-columns: repeat(2,minmax(0,1fr))!important;
    gap: 10px!important;
    padding: 0 12px 12px!important;
}

.bca-side-grid--types .bca-mini-card {
    min-height: 106px!important;
    padding: 8px 6px!important;
    gap: 5px!important;
    border-radius: 9px!important;
}

.bca-side-grid--types .bca-mini-card__thumb {
    height: 50px!important
}

.bca-side-grid--types .bca-mini-card__thumb img {
    max-height: 50px!important
}

.bca-side-grid--types .bca-mini-card__name {
    font-size: 11px!important;
    line-height: 1.25!important;
    min-height: 28px!important;
    font-weight: 800!important;
}

.bca-side-grid--brands {
    grid-template-columns: repeat(3,minmax(0,1fr))!important;
    gap: 10px!important;
    padding: 0 12px 12px!important;
}

.bca-mini-card--logo-only {
    min-height: 78px!important;
    padding: 8px 6px!important;
    border-radius: 9px!important;
}

.bca-mini-card--logo-only .bca-mini-card__thumb {
    height: 42px!important
}

.bca-mini-card--logo-only .bca-mini-card__thumb img {
    max-height: 42px!important;
    max-width: 90%!important;
}

.bca-side-box--filters .form-filter {
    padding: 0 14px 12px!important
}

.bca-side-box--filters label.container {
    font-size: 13px!important;
    line-height: 20px!important;
    margin: 0 0 9px!important;
    padding-left: 28px!important;
}

.bca-side-box--filters .checkmark {
    width: 18px!important;
    height: 18px!important;
    top: 1px!important;
}

.bca-filter-group+.bca-filter-group {
    margin-top: 6px!important
}

/* 3. Trang trong danh muc hien thi 2 san pham */
.bca-catalog-page .bca-catalog-grid {
    grid-template-columns: repeat(2,minmax(0,1fr))!important;
    gap: 24px!important;
}

.bca-catalog-page .bca-cat-card__image {
    height: 230px!important
}

.bca-catalog-page .bca-cat-card__image img {
    max-height: 230px!important
}

.bca-catalog-page .bca-cat-card__name {
    font-size: 18px!important;
    min-height: 58px!important;
}

@media(max-width: 767px) {
    .bca-catalog-page .bca-catalog-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap: 14px!important;
    }

    .bca-catalog-page .bca-cat-card__image {
        height: 135px!important
    }

    .bca-catalog-page .bca-cat-card__image img {
        max-height: 135px!important
    }

    .bca-catalog-page .bca-cat-card__name {
        font-size: 14px!important;
        min-height: 48px!important;
    }
}

@media(max-width: 480px) {
    .bca-catalog-page .bca-catalog-grid {
        grid-template-columns:1fr!important
    }
}

/* 4. Banner PC hien thi 100%, khong cat meo hinh */
@media(min-width: 992px) {
    .bca-hero-banner, .bca-hero-native-slider {
        background:#fff!important
    }

    .bca-hero-native-slider img {
        object-fit: contain!important;
        width: 100%!important;
        height: 100%!important;
        max-width: 100%!important;
        max-height: 100%!important;
    }
}

/* ===== v19 product-grid 4 desktop / 2 mobile + mega menu left align ===== */
/* 1) Trang trong danh muc: desktop 4 san pham, mobile 2 san pham */
@media (min-width: 992px) {
    .bca-catalog-page .bca-catalog-grid {
        grid-template-columns:repeat(4,minmax(0,1fr))!important;
        gap: 18px!important;
    }

    .bca-catalog-page .bca-cat-card__image {
        height: 150px!important
    }

    .bca-catalog-page .bca-cat-card__image img {
        max-height: 150px!important
    }

    .bca-catalog-page .bca-cat-card__name {
        font-size: 14px!important;
        line-height: 1.35!important;
        min-height: 54px!important;
    }

    .bca-catalog-page .bca-cat-card__price-new {
        font-size: 16px!important
    }

    .bca-catalog-page .bca-cat-card__price-old, .bca-catalog-page .bca-cat-card__rating, .bca-catalog-page .bca-cat-card__sold {
        font-size: 11px!important
    }

    .bca-catalog-page .bca-cat-card__action .quote-toggle-btn {
        height: 38px!important;
        font-size: 12px!important;
        padding: 0 8px!important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .bca-catalog-page .bca-catalog-grid {
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap: 16px!important;
    }
}

@media (max-width: 767px) {
    .bca-catalog-page .bca-catalog-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap: 14px!important;
    }
}

@media (max-width: 480px) {
    .bca-catalog-page .bca-catalog-grid {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap: 12px!important;
    }

    .bca-catalog-page .bca-cat-card__inner {
        padding: 10px!important
    }

    .bca-catalog-page .bca-cat-card__image {
        height: 120px!important
    }

    .bca-catalog-page .bca-cat-card__image img {
        max-height: 120px!important
    }

    .bca-catalog-page .bca-cat-card__name {
        font-size: 13px!important;
        line-height: 1.35!important;
        min-height: 44px!important;
    }

    .bca-catalog-page .bca-cat-card__price-new {
        font-size: 14px!important
    }

    .bca-catalog-page .bca-cat-card__action .quote-toggle-btn {
        height: 36px!important;
        font-size: 11px!important;
        line-height: 1.2!important;
        padding: 0 6px!important;
    }
}

/* 2) Mega menu danh muc can trai */
.bca-nav-mega__types, .bca-nav-mega__type, .bca-nav-mega__sublist, .bca-nav-mega__sublist a, .bca-nav-mega__type-main, .bca-nav-mega__brands, .bca-nav-mega__brands a {
    text-align: left!important;
}

.bca-nav-mega__type-main, .bca-nav-mega__brands a, .bca-nav-mega__sublist a {
    justify-content: flex-start!important;
    align-items: center!important;
}

.bca-nav-mega__type-main {
    width: 100%!important;
}

.bca-nav-mega__sublist {
    justify-content: flex-start!important;
    align-items: flex-start!important;
}

.bca-nav-mega__sublist a {
    min-width: 0!important;
}

/* ===== v20 fix left-aligned category text + featured brands slider ===== */
/* 1) Chữ danh mục căn trái, không bị giữa */
.bca-nav-dropdown__link, .bca-sidebar__link, .bca-nav-dropdown__sub-link {
    text-align: left!important;
}

.bca-nav-dropdown__link b, .bca-sidebar__link b, .bca-nav-dropdown__sub-link b, .bca-sidebar__text, .bca-nav-dropdown__text {
    width: 100%!important;
    text-align: left!important;
    justify-self: start!important;
    align-self: center!important;
    margin: 0!important;
}

.bca-nav-dropdown__link b, .bca-sidebar__link b {
    font-size: 10px!important;
    line-height: 1.25!important;
}

/* 2) Thuong hieu noi bat: title + slider khong bi vo layout */
.bca-brand-wrap {
    margin-top: 24px!important;
    position: relative!important;
}

.bca-brand-title {
    width: max-content!important;
    max-width: calc(100% - 24px)!important;
    margin: 0 auto -10px!important;
    padding: 0 16px!important;
    background: var(--bca-bg)!important;
    color: #5f5f5f!important;
    font-size: 16px!important;
    line-height: 1.2!important;
    font-weight: 900!important;
    text-transform: uppercase!important;
    position: relative!important;
    z-index: 3!important;
}

/* fallback khi owl chua khoi tao */
.bca-brands {
    min-height: 86px!important;
}

.bca-brands:not(.owl-loaded) {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    flex-wrap: wrap!important;
    gap: 20px!important;
    padding: 18px 20px!important;
    height: auto!important;
}

.bca-brands:not(.owl-loaded) a {
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    min-width: 120px!important;
    height: 50px!important;
}

/* sau khi owl khoi tao */
.bca-brands.owl-carousel {
    display: block!important;
    position: relative!important;
    min-height: 86px!important;
    height: auto!important;
    padding: 14px 42px!important;
    background: #fff!important;
    border: 1px solid #e9c987!important;
    border-radius: 8px!important;
    overflow: hidden!important;
}

.bca-brands .owl-stage-outer {
    height: auto!important;
}

.bca-brands .owl-stage {
    display: flex!important;
    align-items: center!important;
}

.bca-brands .owl-item {
    float: none!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    min-height: 56px!important;
}

.bca-brands .owl-item a {
    width: 100%!important;
    min-width: 0!important;
    height: 56px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}

.bca-brands a img, .bca-brands .owl-item img {
    display: block!important;
    max-width: 100%!important;
    max-height: 42px!important;
    width: auto!important;
    height: auto!important;
    object-fit: contain!important;
    margin: 0 auto!important;
}

.bca-brands .owl-nav button {
    top: 50%!important;
}

@media (max-width: 767px) {
    .bca-brand-title {
        font-size:14px!important;
        padding: 0 12px!important;
        margin-bottom: -8px!important;
    }

    .bca-brands.owl-carousel, .bca-brands:not(.owl-loaded) {
        min-height: 78px!important;
        padding: 12px 30px!important;
    }

    .bca-brands .owl-item a {
        height: 48px!important;
    }

    .bca-brands a img, .bca-brands .owl-item img {
        max-height: 34px!important;
    }
}
/* ===== FIX: ĐỔI NÚT "CHỌN BÁO GIÁ" THÀNH "THÊM VÀO GIỎ HÀNG" ===== */
/* Áp dụng cho nút phụ trong card sản phẩm trang chủ/danh mục */
.bca-select-quote {
    font-size: 0 !important;
}

.bca-select-quote::after {
    content: "Thêm vào giỏ hàng" !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    color: #b47800 !important;
}

/* Nếu nút nằm trong card sản phẩm danh mục */
.bca-card-actions .bca-select-quote {
    font-size: 0 !important;
}

.bca-card-actions .bca-select-quote::after {
    content: "Thêm vào giỏ hàng" !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    color: #b47800 !important;
}

/* Mobile giữ chữ không bị tràn */
@media (max-width: 575px) {
    .bca-select-quote::after,
    .bca-card-actions .bca-select-quote::after {
        font-size: 10px !important;
    }
}


/* ===== v21 homepage mega menu + featured brand grid ===== */
.bca-sidebar__item.has-mega {
    position: relative;
}

.bca-sidebar__item.has-mega > .bca-sidebar__link {
    position: relative;
    z-index: 2;
}

.bca-sidebar__item.has-mega.is-hover > .bca-sidebar__link {
    background: #fff7e8 !important;
    color: #b77700 !important;
}

.bca-sidebar__item.has-mega.is-hover > .bca-sidebar__link b,
.bca-sidebar__item.has-mega.is-hover > .bca-sidebar__link i {
    color: #b77700 !important;
}

.bca-sidebar__mega {
    display: none;
    position: fixed;
    z-index: 1605;
    background: #fff;
    border: 1px solid #d89c21;
    border-radius: 14px;
    box-shadow: 0 22px 48px rgba(94,62,0,.18);
    padding: 18px 22px;
    overflow: auto;
    color: #444;
}

.bca-sidebar__mega.is-open {
    display: block;
}

.bca-sidebar__mega .bca-nav-mega__col {
    min-width: 0;
}

.bca-sidebar__mega .bca-nav-mega__title {
    margin-bottom: 16px;
}

.bca-sidebar__mega .bca-nav-mega__types {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 26px;
    max-height: none;
    overflow: visible;
    padding-right: 0;
}

.bca-sidebar__mega .bca-nav-mega__type {
    min-width: 0;
}

.bca-sidebar__mega .bca-nav-mega__sublist {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 7px;
    padding: 8px 0 0 15px !important;
}

.bca-sidebar__mega .bca-nav-mega__sublist a {
    min-width: 0;
    display: flex !important;
    justify-content: flex-start !important;
}

.bca-brand-wrap {
    margin-top: 24px !important;
    position: relative;
}

.bca-brand-title {
    width: max-content;
    max-width: calc(100% - 24px);
    margin: 0 auto -12px !important;
    padding: 0 16px;
    background: var(--bca-bg);
    position: relative;
    z-index: 2;
}

.bca-brand-grid {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 14px;
    background: #fff;
    border: 1px solid #e9c987;
    border-radius: 10px;
    padding: 26px 18px 18px;
}

.bca-brand-grid__item {
    min-width: 0;
    height: 72px;
    border: 1px solid #f0e0bf;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    background: #fff;
    transition: all .2s ease;
}

.bca-brand-grid__item:hover {
    border-color: #d89c21;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(94,62,0,.08);
}

.bca-brand-grid__item img {
    display: block;
    max-width: 100%;
    max-height: 40px;
    width: auto !important;
    height: auto !important;
    object-fit: contain;
    margin: 0 auto;
}

@media (max-width: 1399px) {
    .bca-sidebar__mega .bca-nav-mega__types {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .bca-sidebar__mega {
        display: none !important;
    }

    .bca-brand-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .bca-brand-title {
        font-size: 14px !important;
        margin-bottom: -10px !important;
        padding: 0 12px;
    }

    .bca-brand-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        padding: 22px 12px 12px;
    }

    .bca-brand-grid__item {
        height: 58px;
        padding: 8px;
    }

    .bca-brand-grid__item img {
        max-height: 30px;
    }
}


/* ChatGPT fix - can chinh tieu de bo loc va tim kiem theo danh muc */
.bca-catalog-sidebar .bca-filter-title {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 12px 14px 10px !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.bca-catalog-sidebar .bca-filter-title:before {
    margin: 0 !important;
    flex: 0 0 4px !important;
    height: 22px !important;
}

.bca-side-box--filters .form-filter {
    padding: 0 14px 14px !important;
}

.bca-side-box--filters label.container {
    display: block !important;
    padding-left: 30px !important;
    margin: 0 0 10px !important;
    line-height: 22px !important;
}

.bca-side-box--filters .checkmark {
    left: 0 !important;
    top: 2px !important;
}


/* ChatGPT fix v2 - CSS rieng cho tieu de bo loc Hang/Gia */
.bca-catalog-sidebar .bca-side-box--filters .bca-product-filter-heading,
.bca-catalog-sidebar .bca-side-box--filters .bca-product-filter-heading * {
    box-sizing: border-box !important;
}

.bca-catalog-sidebar .bca-side-box--filters .bca-product-filter-heading {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 34px !important;
    margin: 0 0 6px 0 !important;
    padding: 8px 0 6px 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #424242 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 20px !important;
    text-align: left !important;
}

.bca-catalog-sidebar .bca-side-box--filters .bca-product-filter-heading:before {
    content: "" !important;
    display: block !important;
    width: 4px !important;
    height: 24px !important;
    min-width: 4px !important;
    margin: 0 10px 0 0 !important;
    padding: 0 !important;
    border-radius: 4px !important;
    background: #dca12f !important;
    flex: 0 0 4px !important;
}

.bca-catalog-sidebar .bca-side-box--filters .bca-product-filter-heading span {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 20px !important;
}

.bca-catalog-sidebar .bca-side-box--filters .bca-filter-group {
    padding: 0 !important;
    margin: 0 !important;
}

.bca-catalog-sidebar .bca-side-box--filters .bca-filter-group + .bca-filter-group {
    margin-top: 12px !important;
}

.bca-catalog-sidebar .bca-side-box--filters label.container {
    display: flex !important;
    align-items: center !important;
    min-height: 22px !important;
    margin: 0 0 10px 14px !important;
    padding: 0 0 0 28px !important;
    color: #555 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    text-align: left !important;
}

.bca-catalog-sidebar .bca-side-box--filters label.container .checkmark {
    left: 0 !important;
    top: 2px !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
}
.bca-view-switch,
.bca-view-btn {
    position: relative;
    z-index: 20;
    pointer-events: auto;
}

.bca-view-btn {
    cursor: pointer;
}

.bca-view-btn.active {
    background: #eba600;
    color: #fff;
    border-color: #eba600;
}

.bca-product-list-view {
    display: block !important;
}

.bca-product-list-view .bca-product-card,
.bca-product-list-view .product {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
}

.bca-product-list-view .bca-product-card .bca-product-img,
.bca-product-list-view .product .pic-product {
    width: 220px;
    flex: 0 0 220px;
}

.bca-product-list-view .bca-product-card .bca-product-info,
.bca-product-list-view .product .info-product {
    flex: 1;
}
/* FIX 2026-09-30: footer links must remain clickable above decorative layers */
.bca-footer__col ul li a{position:relative;z-index:2;pointer-events:auto;cursor:pointer;display:inline-block}

/* ===== BCA PATCH 2026-10-12: flash sale badge + stock ribbon ===== */
.bca-home .bca-product{overflow:visible}
.bca-home .bca-badge{
    left:auto;
    right:9px;
}
.bca-home .bca-rank{
    left:8px;
    right:auto;
}

/* Trang danh sách / flash-sale: nút Còn hàng kiểu ruy băng như mẫu */
.bca-cat-card__inner{
    overflow:visible;
    padding-top:50px;
}
.bca-cat-card__top{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:0;
    min-height:0;
    z-index:3;
}
.bca-cat-card__stock{
    position:absolute;
    top:10px;
    right:-7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    min-width:108px;
    padding:6px 14px 6px 16px;
    background:linear-gradient(90deg,#fff1ba 0%,#f1cf5d 100%);
    color:#111111;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.2px;
    border-radius:0 12px 0 0;
    box-shadow:0 4px 10px rgba(0,0,0,.08);
}
.bca-cat-card__stock:before{
    content:'';
    position:absolute;
    top:0;
    right:100%;
    width:0;
    height:0;
    border-style:solid;
    border-width:17px 16px 17px 0;
    border-color:transparent #fff1ba transparent transparent;
}
.bca-cat-card__stock:after{
    content:'';
    position:absolute;
    right:0;
    bottom:-7px;
    width:7px;
    height:7px;
    background:#c8a539;
    border-radius:0 0 6px 0;
    filter:brightness(.92);
}
.bca-cat-card__wish{
    position:absolute;
    top:15px;
    left:12px;
    width:28px;
    height:28px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #e4e4e4;
    border-radius:50%;
    background:#fff;
    box-shadow:0 2px 6px rgba(0,0,0,.06);
    z-index:4;
}
.bca-cat-card__image{
    margin-bottom:14px;
}

@media (max-width: 767.98px){
    .bca-home .bca-badge{
        right:7px;
        top:7px;
    }
    .bca-cat-card__inner{
        padding-top:46px;
    }
    .bca-cat-card__stock{
        top:8px;
        right:-5px;
        min-width:96px;
        min-height:30px;
        padding:5px 12px 5px 14px;
        font-size:11px;
        border-radius:0 10px 0 0;
    }
    .bca-cat-card__stock:before{
        border-width:15px 14px 15px 0;
    }
    .bca-cat-card__wish{
        top:10px;
        left:10px;
        width:26px;
        height:26px;
        font-size:15px;
    }
}

/* BCA 12.10 cumulative corrections - avoid overriding previous image fixes */
.bca-two-col .bca-product__img{height:150px!important;min-height:150px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}
.bca-two-col .bca-product__img img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
.bca-news-block .bca-news__img{height:180px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important}
.bca-news-block .bca-news__img img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:767.98px){.bca-two-col .bca-product__img{height:132px!important;min-height:132px!important}.bca-news-block .bca-news__img{height:auto!important;aspect-ratio:16/9!important;min-height:150px}.bca-news-block .bca-news__img img{width:100%!important;height:100%!important;object-fit:contain!important}}
/* Stock ribbon: compact single line, equal visual weight to flash badge */
.bca-cat-card__inner{padding-top:36px!important}
.bca-cat-card__stock{top:10px!important;right:-5px!important;min-width:0!important;min-height:0!important;padding:3px 8px 3px 9px!important;font-size:10px!important;line-height:15px!important;letter-spacing:0!important;border-radius:0 4px 0 0!important;white-space:nowrap!important;box-shadow:none!important}
.bca-cat-card__stock:before{border-width:10.5px 9px 10.5px 0!important}
.bca-cat-card__stock:after{width:5px!important;height:5px!important;bottom:-5px!important}
.bca-cat-card__wish{top:39px!important;left:10px!important;width:24px!important;height:24px!important;font-size:13px!important}
.bca-home .bca-badge{right:auto!important;left:7px!important}
.bca-home .bca-badge--sale{left:7px!important;right:auto!important}
.bca-two-col .bca-rank{display:none!important}
@media(max-width:767.98px){.bca-cat-card__stock{top:8px!important;right:-4px!important;font-size:9px!important;padding:3px 6px 3px 7px!important;line-height:14px!important}.bca-cat-card__stock:before{border-width:10px 8px 10px 0!important}.bca-cat-card__inner{padding-top:34px!important}.bca-cat-card__wish{top:35px!important}}