/* HEADER_V2 approved source port. Legacy custom.css remains untouched. */
#header:has(.bjm-hdr-shell) { position: relative; z-index: 30; background: #fff; box-shadow: none; color-scheme: light; }
#header .bjm-hdr-shell { --bjm-hdr-brand: #7828c8; --bjm-hdr-dark: #5b1f99; color: #232323; background: #fff; position: relative; font-size: 15px; color-scheme: light; }
.bjm-hdr-shell *, .bjm-hdr-shell *::before, .bjm-hdr-shell *::after { box-sizing: border-box; }
#header .bjm-hdr-shell a { color: inherit; text-decoration: none; }
#header .bjm-hdr-shell a:hover { color: #5b1f99; }
#header .bjm-hdr-shell button { border: 0; font-family: inherit; cursor: pointer; }
#header .bjm-hdr-shell :is(a,button,input):focus-visible { outline: 3px solid #7828c8 !important; outline-offset: 2px; }
#header .bjm-hdr-shell :is(a,button,input):focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; }
.bjm-hdr-icon { display: block; flex: none; width: 24px; height: 24px; }
.bjm-hdr-skip { position: absolute; top: 0; left: 12px; transform: translateY(-200%); z-index: 10; background: #fff; padding: 12px; }
.bjm-hdr-skip:focus { transform: none; }
.bjm-hdr-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; border: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.bjm-hdr-utility-slot { background: #f4f4f6; }
.bjm-hdr-utilities { min-height: 44px; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; color: #3b3b44; font-size: 13px; }
.bjm-hdr-contact-links, .bjm-hdr-utility-right { display: flex; align-items: center; gap: 22px; }
.bjm-hdr-contact-links a { display: flex; gap: 6px; align-items: center; min-height: 44px; }
.bjm-hdr-contact-links .bjm-hdr-icon { width: 18px; height: 18px; }
.bjm-hdr-contact-links use[href$="whatsapp"] { color: #1fa855; }
.bjm-hdr-language { position: relative; }
.bjm-hdr-language-label { display: none; }
.bjm-hdr-flag { width: 20px; height: 14px; border-radius: 2px; box-shadow: 0 0 0 1px rgba(0,0,0,.12); flex: none; }
#header #bjm-hdr-language-toggle { display: flex; align-items: center; gap: 8px; min-height: 44px; background: transparent; color: inherit; font-size: inherit; padding: 0 6px; }
#bjm-hdr-language-toggle > .bjm-hdr-icon { width: 12px; height: 12px; transform: rotate(90deg); }
#bjm-hdr-language-list { position: absolute; top: 100%; right: 0; z-index: 110; list-style: none; margin: 0; padding: 6px; background: #fff; color: #232323; border: 1px solid #e6e3eb; border-radius: 10px; box-shadow: 0 12px 24px rgba(30,15,50,.12); min-width: 160px; }
#header #bjm-hdr-language-list a { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 10px; border-radius: 8px; font-size: 14px; color: #232323; }
#header #bjm-hdr-language-list a:is(:hover,[aria-current]) { background: #f3ecfb; color: #5b1f99; }
.bjm-hdr-main { min-height: 84px; display: grid; grid-template-columns: 270px minmax(0,1fr) auto; gap: 32px; align-items: center; padding: 8px 28px; }
.bjm-hdr-logo { min-width: 0; }
.bjm-hdr-brand { display: flex; align-items: center; gap: 12px; min-height: 44px; }
#header .bjm-hdr-brand img { width: 56px; height: 56px; object-fit: contain; }
.bjm-hdr-brand strong { display: block; font-size: 21px; font-weight: 800; line-height: 1.1; letter-spacing: -.01em; }
.bjm-hdr-brand small { display: block; white-space: nowrap; font-size: 12px; color: #6b6b75; font-weight: 500; }
#header .bjm-hdr-search-band.header-top { padding: 0; margin: 0; border: 0; background: #fff; display: block; }
#header .bjm-hdr-search { width: 100%; min-width: 0; margin: 0; float: none; }
#header .bjm-hdr-search form { display: flex; height: 48px; border: 2px solid #7828c8; border-radius: 999px; background: #fff; color: #232323; position: relative; overflow: hidden; }
#header .bjm-hdr-search input[type="text"] { flex: 1; width: 0; min-width: 0; border: 0; background: #fff !important; color: #232323 !important; color-scheme: light; padding: 8px 22px; font-size: 15px; outline-offset: -4px; }
#header .bjm-hdr-search input::placeholder { color: #62626c; opacity: 1; }
#header .bjm-hdr-search input[type="text"]:focus { outline: none !important; box-shadow: none !important; }
#header .bjm-hdr-search form:has(input:focus-visible) { box-shadow: 0 0 0 3px #7828c8; }
#header .bjm-hdr-search-submit { display: grid; place-items: center; flex: none; width: 64px; min-height: 44px; padding: 0; margin: 0; background: #7828c8; color: #fff; }
.bjm-hdr-actions { display: flex; align-items: center; gap: 22px; }
.bjm-hdr-account a, .bjm-hdr-cart-link { min-height: 44px; min-width: 44px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.bjm-hdr-account a { font-size: 13px; line-height: 1.25; }
.bjm-hdr-action-text strong, .bjm-hdr-action-text > span { display: block; }
.bjm-hdr-action-text strong { font-size: 14px; }
#header .bjm-hdr-cart-preview { height: auto; padding: 0; margin: 0; background: none; }
#header .bjm-hdr-shell .bjm-hdr-cart-link { color: #fff !important; background: #7828c8; border-radius: 999px; padding: 10px 16px; font-size: 14px; font-weight: 700; }
.bjm-hdr-cart-count { display: grid; place-items: center; border-radius: 999px; min-width: 22px; height: 22px; padding: 0 4px; font-size: 12px; background: #fff; color: #7828c8; }
.bjm-hdr-navigation { position: relative; background: #fff; }
.bjm-hdr-category-row { display: flex; align-items: center; gap: 14px; height: 48px; padding: 0 20px; border-block: 1px solid #ececf0; }
#header .bjm-hdr-all-toggle { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 14px 0 16px; border-radius: 999px; flex: none; white-space: nowrap; background: #7828c8; color: #fff; font-size: 14px; font-weight: 700; }
#header .bjm-hdr-all-toggle[aria-expanded="true"] { background: #5b1f99; }
.bjm-hdr-all-toggle .bjm-hdr-icon { width: 20px; height: 20px; }
.bjm-hdr-category-slot { flex: 1; min-width: 0; }
.bjm-hdr-categories { display: flex; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0; }
.bjm-hdr-category { position: relative; flex: none; min-width: 0; }
.bjm-hdr-category[hidden], .bjm-hdr-shell [hidden] { display: none !important; }
#header .bjm-hdr-category-toggle, #header .bjm-hdr-category-link { display: flex; align-items: center; justify-content: center; gap: 8px; height: 46px; min-height: 44px; padding: 0 11px; background: transparent; color: #232323; font-size: 15px; line-height: 20px; font-weight: 600; text-transform: none; white-space: nowrap; border-bottom: 2px solid transparent; }
.bjm-hdr-category-toggle > .bjm-hdr-icon, .bjm-hdr-category-link > .bjm-hdr-icon, .bjm-hdr-chevron { display: none; }
#header .bjm-hdr-hot > .bjm-hdr-category-link { color: #7828c8; }
#header .bjm-hdr-category-toggle:is(:hover,[aria-expanded="true"]) { color: #7828c8; border-bottom-color: #7828c8; }
.bjm-hdr-drawer-head, .bjm-hdr-drawer-foot, .bjm-hdr-menu-open { display: none; }
.bjm-hdr-panel { position: absolute; left: 0; top: 100%; width: 270px; max-width: calc(100vw - 32px); z-index: 5; padding: 8px; border: 1px solid #e6e3eb; border-radius: 0 0 12px 12px; background: #fff; box-shadow: 0 14px 28px rgba(30,15,50,.10); }
.bjm-hdr-family-heading, .bjm-hdr-featured { display: none; }
.bjm-hdr-subcategories { display: block; list-style: none; margin: 0; padding: 0; }
#header .bjm-hdr-subcategory { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 8px; color: #232323; font-size: 14.5px; font-weight: 500; }
#header .bjm-hdr-subcategory:hover { background: #f3ecfb; color: #5b1f99; }
.bjm-hdr-subcategory > .bjm-hdr-icon { display: none; }
#header .bjm-hdr-view-all { display: flex; align-items: center; gap: 8px; min-height: 44px; padding: 12px; margin-top: 4px; color: #7828c8; font-size: 14.5px; font-weight: 700; border-top: 1px solid #eee; }
.bjm-hdr-view-all .bjm-hdr-icon { width: 16px; height: 16px; }
.bjm-hdr-backdrop { display: none; }
.bjm-hdr-all-panel { position: absolute; top: 100%; left: 20px; width: min(1200px,calc(100% - 40px)); min-height: 456px; z-index: 6; background: #fff; border: 1px solid #e6e3eb; border-radius: 0 0 14px 14px; box-shadow: 0 18px 36px rgba(30,15,50,.12); overflow: hidden; }
.bjm-hdr-all-sidebar { width: 270px; background: #fafafb; border-right: 1px solid #eeecf1; list-style: none; margin: 0; padding: 8px 0; }
#header .bjm-hdr-family-toggle { display: flex; width: 100%; align-items: center; gap: 12px; min-height: 44px; padding: 10px 18px; white-space: normal; text-align: left; background: transparent; color: #2b2b33; font-size: 14.5px; font-weight: 600; }
.bjm-hdr-family-toggle > .bjm-hdr-icon { width: 20px; height: 20px; color: #6b6b75; }
.bjm-hdr-family-toggle > span:not(.bjm-hdr-chevron) { min-width: 0; overflow-wrap: anywhere; }
.bjm-hdr-family-toggle .bjm-hdr-chevron { display: block; margin-left: auto; color: #aaa; }
.bjm-hdr-family-toggle .bjm-hdr-chevron .bjm-hdr-icon { width: 14px; height: 14px; }
#header .bjm-hdr-family-toggle[aria-expanded="true"] { color: #7828c8; background: #fff; box-shadow: inset 3px 0 0 #7828c8; }
.bjm-hdr-family-toggle[aria-expanded="true"] > .bjm-hdr-icon { color: #7828c8; }
.bjm-hdr-all-panel .bjm-hdr-panel { top: 0; left: 270px; right: 0; width: auto; max-width: none; padding: 22px 28px 26px; border: 0; border-radius: 0; box-shadow: none; display: grid; gap: 16px; align-content: start; }
.bjm-hdr-all-panel .bjm-hdr-family-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
#header .bjm-hdr-family-title { margin: 0; font-size: 20px; font-weight: 800; color: #232323; }
#header .bjm-hdr-family-all { color: #7828c8; font-weight: 700; font-size: 14px; min-height: 44px; display: flex; align-items: center; }
.bjm-hdr-all-panel .bjm-hdr-subcategories { display: flex; flex-wrap: wrap; gap: 8px; }
#header .bjm-hdr-all-panel .bjm-hdr-subcategory { padding: 8px 14px; border-radius: 999px; border: 1px solid #e3dfea; min-height: 44px; background: #fff; color: #232323; font-weight: 600; font-size: 14px; }
#header .bjm-hdr-all-panel .bjm-hdr-subcategory:hover { border-color: #7828c8; color: #5b1f99; background: #f3ecfb; }
.bjm-hdr-all-panel .bjm-hdr-view-all { display: none !important; }
.bjm-hdr-all-panel .bjm-hdr-featured { display: grid; gap: 10px; }
#header .bjm-hdr-featured h4 { margin: 0; font-size: 14px; color: #6b6b75; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.bjm-hdr-products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; max-width: 836px; }
#header .bjm-hdr-product { display: grid; gap: 6px; align-content: start; color: #232323; border: 1px solid #ecebf0; border-radius: 12px; padding: 10px; background: #fff; min-width: 0; }
#header .bjm-hdr-product:hover { border-color: #7828c8; }
.bjm-hdr-product img { width: 100%; max-width: 160px; height: 160px; justify-self: center; object-fit: contain; border-radius: 8px; background: #f6f5f8; }
.bjm-hdr-product span { font-size: 13px; font-weight: 600; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 34px; }
.bjm-hdr-product strong { font-size: 15px; }
.bjm-hdr-featured-status { color: #6b6b75; font-size: 14px; }
.bjm-hdr-featured-status:empty { display: none; }
.bjm-hdr-products:empty { min-height: 220px; }
.bjm-hdr-volume { display: none; }
.bjm-hdr-all-panel .bjm-hdr-volume { display: block; }
.bjm-hdr-volume-doors { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
#header .bjm-hdr-volume-doors a { display: grid; gap: 8px; align-content: start; padding: 18px; border: 1px solid #ecebf0; border-radius: 14px; color: #232323; }
.bjm-hdr-volume-doors .bjm-hdr-icon { width: 34px; height: 34px; color: #7828c8; }
.bjm-hdr-volume-doors span { font-size: 14px; }
.bjm-hdr-volume-doors em { color: #7828c8; font-style: normal; font-weight: 700; }
body:has(.bjm-hdr-shell) .searchbar-autocomplete { max-width: calc(100vw - 20px); z-index: 40 !important; }
body.bjm-hdr-drawer-active { overflow: hidden; }
body:is(.bjm-hdr-navigation-active,.bjm-hdr-search-active) :is([id*="whatsapp"],[class*="whatsapp"],.tawk-min-container,[class*="tawk"],iframe[title*="chat" i],iframe[title*="widget" i]) { visibility: hidden !important; pointer-events: none !important; }
/* V6: field-anchored suggestions, not a modal or full-screen search panel. */
#header .bjm-hdr-search { position: relative; overflow: visible !important; }
.bjm-hdr-search-dropdown { position: absolute; left: 0; right: 0; top: calc(100% + 6px); z-index: 112; padding: 14px; border: 1px solid #e6e3eb; border-radius: 14px; box-shadow: 0 18px 36px rgba(30,15,50,.14); background: #fff; color: #232323; display: grid; gap: 10px; max-height: var(--bjm-hdr-search-space,75dvh); overflow: auto; overscroll-behavior: contain; }
#header .bjm-hdr-search-dropdown h6 { margin: 0; font-size: 12.5px; line-height: 20px; color: #62626c; text-transform: uppercase; letter-spacing: .04em; font-weight: 700; }
.bjm-hdr-search-volume { display: grid; gap: 10px; }
.bjm-hdr-search-doors { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
#header .bjm-hdr-search-doors a { display: flex; align-items: center; gap: 10px; padding: 10px 12px; min-height: 44px; border: 1px solid #ecebf0; border-radius: 10px; font-size: 14px; font-weight: 700; }
.bjm-hdr-search-doors .bjm-hdr-icon { width: 22px; height: 22px; color: #7828c8; }
#header .bjm-hdr-search-doors a:hover { border-color: #7828c8; background: #f3ecfb; }
#header .bjm-hdr-search-all { display: flex; align-items: center; min-height: 44px; color: #7828c8; font-size: 14px; font-weight: 700; }
.bjm-hdr-search-status { font-size: 16px; color: #62626c; }
.bjm-hdr-search-status:empty { display: none; }
body:has(.bjm-hdr-shell) .bjm-hdr-search-dropdown .searchbar-autocomplete { position: static !important; width: 100% !important; max-width: none; top: auto !important; left: auto !important; margin: 0; padding: 0; border: 0; box-shadow: none; font-family: inherit; max-height: min(400px,max(80px,calc(var(--bjm-hdr-search-space,75dvh) - 180px))); overflow: auto; background: #fff; }
#header .bjm-hdr-suggestion { display: grid; grid-template-columns: 48px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 64px; padding: 6px; margin: 0; border: 0; border-radius: 10px; background: #fff; color: #232323; white-space: normal; }
#header .bjm-hdr-suggestion.ui-state-focus { background: #f3ecfb; color: #232323; margin: 0; }
#header .bjm-hdr-suggestion .bjm-hdr-suggestion-image { width: 48px; height: 48px; float: none; margin: 0; object-fit: contain; border-radius: 8px; background: #f6f5f8; }
.bjm-hdr-suggestion-copy { display: grid; gap: 4px; min-width: 0; }
.bjm-hdr-suggestion-name { font-size: 14px; line-height: 19px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bjm-hdr-suggestion-meta { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 12.5px; }
.bjm-hdr-suggestion-category { font-size: 12.5px; color: #62626c; }
.bjm-hdr-suggestion-price { font-size: 14.5px; font-weight: 700; white-space: nowrap; color: #232323; }
.bjm-hdr-lot-badge { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 999px; font-style: normal; font-size: 11.5px; font-weight: 800; line-height: 18px; color: #5b1f99; background: #fff; box-shadow: 0 0 0 1px #e6dcf5; }
.bjm-hdr-lot-badge .bjm-hdr-icon { width: 13px; height: 13px; }
.bjm-hdr-product { position: relative; max-width: 200px; }
.bjm-hdr-product > .bjm-hdr-lot-badge { position: absolute; left: 8px; top: 8px; z-index: 1; }
/* Row disclosures use the Malagapack full-width family + volume pattern. */
@media (min-width: 1024px) {
 .bjm-hdr-category-slot,.bjm-hdr-categories,.bjm-hdr-category { position: static; }
 .bjm-hdr-categories .bjm-hdr-panel { left: 20px; right: 20px; top: 100%; width: auto; max-width: none; padding: 24px 28px; border-top: 3px solid #7828c8; border-radius: 0 0 14px 14px; display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 28px; }
 .bjm-hdr-categories .bjm-hdr-subcategories { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px 28px; align-content: start; }
 #header .bjm-hdr-categories .bjm-hdr-subcategory { gap: 12px; padding: 12px 4px; border-bottom: 1px solid #e7e4ec; border-radius: 0; font-size: 16px; font-weight: 700; }
 #header .bjm-hdr-categories .bjm-hdr-subcategory:hover { background: #fff; color: #7828c8; }
 .bjm-hdr-categories .bjm-hdr-subcategory > .bjm-hdr-icon { display: block; width: 26px; height: 26px; color: #6b6b75; }
 .bjm-hdr-categories .bjm-hdr-panel:not(:has(.bjm-hdr-family-volume:not([hidden]))) { grid-template-columns: minmax(0,1fr); }
 #header .bjm-hdr-categories .bjm-hdr-panel:has(.bjm-hdr-family-volume:not([hidden])) > .bjm-hdr-view-all { display: none; }
 .bjm-hdr-family-volume { display: grid; gap: 4px; align-content: start; background: #faf7fd; border-radius: 12px; padding: 16px; }
 #header .bjm-hdr-family-volume h5 { margin: 0 0 6px; font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: .04em; color: #62626c; }
 #header .bjm-hdr-family-volume a { display: flex; align-items: center; gap: 10px; padding: 10px 8px; min-height: 44px; border-radius: 8px; font-size: 14.5px; font-weight: 600; }
 .bjm-hdr-family-volume .bjm-hdr-icon { width: 22px; height: 22px; color: #7828c8; }
 #header .bjm-hdr-family-volume a:hover { background: #fff; color: #5b1f99; }
 #header .bjm-hdr-family-volume .bjm-hdr-family-volume-all { color: #7828c8; margin-top: 6px; border-top: 1px solid #ece6f5; border-radius: 0; padding-top: 12px; }
}
.bjm-hdr-all-panel { width: auto; right: 20px; }
.bjm-hdr-all-panel .bjm-hdr-family-volume { display: none; }
#header .bjm-hdr-family.bjm-hdr-volume .bjm-hdr-family-toggle { color: #7828c8; font-weight: 800; border-bottom: 1px solid #eeecf1; }
@media (max-width: 1023px) {
 .bjm-hdr-utility-slot { display: none; }
 .bjm-hdr-main { grid-template-columns: minmax(0,1fr) auto; grid-template-rows: 56px 56px; padding: 0; gap: 0; min-height: 112px; }
 .bjm-hdr-logo { padding-left: 14px; }
 .bjm-hdr-brand { gap: 10px; }
 #header .bjm-hdr-brand img { width: 38px; height: 38px; }
 .bjm-hdr-brand strong { font-size: 17px; }
 .bjm-hdr-brand small, .bjm-hdr-action-text { display: none; }
 .bjm-hdr-actions { padding-right: 12px; gap: 10px; }
 #header .bjm-hdr-shell .bjm-hdr-cart-link { padding: 10px 12px; }
 #header .bjm-hdr-search-band.header-top { grid-column: 1 / -1; grid-row: 2; display: grid; grid-template-columns: 48px minmax(0,1fr); align-items: center; background: #fff; padding: 4px 12px 4px 0; min-height: 56px; border-bottom: 1px solid #ececf0; }
 #header .bjm-hdr-menu-open { display: grid; place-items: center; width: 44px; min-height: 44px; margin: 0 2px; color: #7828c8; background: transparent; }
 #header .bjm-hdr-search input[type="text"] { font-size: 16px; padding-inline: 14px; }
 #header .bjm-hdr-search-submit { width: 48px; }
 .bjm-hdr-navigation { display: none; position: fixed; top: 0; bottom: 0; left: 0; width: min(360px,calc(100vw - 60px)); overflow-y: auto; overscroll-behavior: contain; background: #fff; z-index: 102; }
 .bjm-hdr-navigation.bjm-hdr-drawer-open { display: flex; flex-direction: column; }
 .bjm-hdr-drawer-head { display: flex; align-items: center; justify-content: space-between; min-height: 56px; padding: 6px 16px; border-bottom: 1px solid #eee; font-weight: 700; font-size: 16px; }
 .bjm-hdr-drawer-head > span { flex: 1; text-align: center; text-transform: uppercase; }
 #header .bjm-hdr-menu-close { display: grid; place-items: center; min-width: 44px; min-height: 44px; background: transparent; color: #232323; }
 .bjm-hdr-nav { flex: 1; overflow: auto; min-height: 0; }
 .bjm-hdr-category-row { display: block; height: auto; padding: 0; border: 0; }
 .bjm-hdr-all-toggle, .bjm-hdr-all-panel { display: none !important; }
 .bjm-hdr-categories { display: block; padding: 0; }
 #header .bjm-hdr-category-toggle, #header .bjm-hdr-category-link { width: 100%; height: auto; justify-content: flex-start; gap: 12px; min-height: 48px; padding: 10px 16px; text-align: left; font-size: 16px; line-height: 20px; font-weight: 600; text-transform: uppercase; white-space: normal; border-bottom: 1px solid #e2dfe7; background: #f4f4f6; }
 .bjm-hdr-category-toggle > .bjm-hdr-icon, .bjm-hdr-category-link > .bjm-hdr-icon { display: block; width: 20px; height: 20px; color: #6b6b75; }
 .bjm-hdr-category-toggle > span:not(.bjm-hdr-chevron), .bjm-hdr-category-link > span { min-width: 0; overflow-wrap: anywhere; }
 #header .bjm-hdr-category-toggle[aria-expanded="true"] { color: #7828c8; background: #f3ecfb; }
 .bjm-hdr-category-toggle[aria-expanded="true"] > .bjm-hdr-icon { color: #7828c8; }
 .bjm-hdr-chevron { display: block; margin-left: auto; color: #aaa; }
 .bjm-hdr-chevron .bjm-hdr-icon { width: 14px; height: 14px; }
 [aria-expanded="true"] .bjm-hdr-chevron { transform: rotate(90deg); }
 .bjm-hdr-panel { position: static; width: auto; max-width: none; padding: 0; border: 0; border-radius: 0; box-shadow: none; background: #fafafb; }
 #header .bjm-hdr-subcategory { gap: 12px; padding: 10px 16px 10px 28px; border-radius: 0; font-size: 16px; }
 .bjm-hdr-subcategory > .bjm-hdr-icon { display: block; width: 20px; height: 20px; color: #6b6b75; }
 #header .bjm-hdr-view-all { padding-left: 50px; border: 0; margin: 0; font-size: 16px; }
 .bjm-hdr-drawer-foot { display: block; background: #5b1f99; color: #fff; }
 .bjm-hdr-drawer-foot .bjm-hdr-utilities { display: grid; grid-template-columns: minmax(0,1fr); padding: 10px 16px; gap: 0; color: #fff; }
 .bjm-hdr-drawer-foot .bjm-hdr-contact-links { display: grid; gap: 0; }
 .bjm-hdr-drawer-foot .bjm-hdr-contact-links a { font-size: 16px; }
 .bjm-hdr-drawer-foot .bjm-hdr-utility-right { display: block; }
 .bjm-hdr-drawer-foot .bjm-hdr-wholesale { display: none; }
 .bjm-hdr-drawer-foot .bjm-hdr-language { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
 #header .bjm-hdr-drawer-foot .bjm-hdr-language-label { display: inline; color: #fff; font-size: 16px; }
 #header .bjm-hdr-drawer-foot #bjm-hdr-language-toggle { font-size: 16px; }
 .bjm-hdr-drawer-foot #bjm-hdr-language-list { top: auto; bottom: 100%; right: 0; }
 .bjm-hdr-drawer-foot use[href$="whatsapp"] { color: #fff; }
 #header .bjm-hdr-drawer-foot a:hover { color: #fff; text-decoration: underline; }
 .bjm-hdr-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 101; background: rgba(0,0,0,.35); }
 .bjm-hdr-volume { display: block; }
 .bjm-hdr-volume-doors { grid-template-columns: 1fr; padding: 12px; }
 #header .bjm-hdr-volume-intro, #header .bjm-hdr-volume-doors :is(a,strong,span,em) { font-size: 16px; }
 .bjm-hdr-family-volume { display: none; }
 .bjm-hdr-search-dropdown { padding: 10px; }
 .bjm-hdr-search-doors { grid-template-columns: 1fr; }
 #header .bjm-hdr-search-doors a,#header .bjm-hdr-search-all { font-size: 16px; }
 #header .bjm-hdr-search-dropdown h6 { font-size: 16px; }
 #header .bjm-hdr-suggestion { grid-template-columns: 48px minmax(0,1fr); gap: 8px; }
 .bjm-hdr-suggestion-price { grid-column: 2; }
 .bjm-hdr-suggestion-name,.bjm-hdr-suggestion-category,.bjm-hdr-suggestion-price,.bjm-hdr-lot-badge { font-size: 16px; }
 .bjm-hdr-lot-badge .bjm-hdr-icon { width: 16px; height: 16px; }
 body:has(.bjm-hdr-shell) .bjm-hdr-search-dropdown .searchbar-autocomplete { max-height: min(320px,max(80px,calc(var(--bjm-hdr-search-space,75dvh) - 250px))); }

}

/* Isolated mobile volume-panel copy: same content inset as other drawer sections. */
@media(max-width:1023px){#header #bjm-hdr-panel-volume > :is(.bjm-hdr-family-title,.bjm-hdr-volume-intro),#header #bjm-hdr-catalogue-volume > :is(.bjm-hdr-family-title,.bjm-hdr-volume-intro){box-sizing:border-box;padding-inline:16px}}

/* 2.0 STICKY_HEADER: the header (search, cart and the category menu) stays at the top while scrolling. Once the page
   moves, desktop drops the phone/WhatsApp strip and phones the brand line, so it takes little room. --bjm-hdr-h carries
   its height for whatever sticks under it (the product page's buying column). */
html body #header:has(.bjm-hdr-shell){position:sticky;top:0;z-index:1000}
html body #header.bjm-hdr-stuck{box-shadow:0 2px 14px rgba(23,20,28,.08)}
html body #header.bjm-hdr-stuck .bjm-hdr-utility-slot{display:none}
@media (max-width:767px){html body #header.bjm-hdr-stuck .bjm-hdr-brand small{display:none}}