.bb-canonical-header,
.bb-canonical-header .cs_main_header,
.bb-canonical-header .cs_main_header .container,
.bb-canonical-header .cs_main_header_in,
.bb-canonical-header .cs_main_header_right,
.bb-canonical-header .cs_header_search_form_wrap { overflow: visible; }
.bb-canonical-header { position: relative; z-index: 1000; }
.bb-canonical-header .cs_main_header_left { flex: 0 0 auto; }
.bb-canonical-header .cs_main_header_right { min-width: 0; }
.bb-canonical-header .cs_header_search_form_wrap { position: relative; z-index: 1010; }
.bb-header-search { width: min(550px, 40vw); height: 56px; padding-right: 56px; border: 1px solid #9f9f9f; border-radius: 6px; background: #fff; }
.bb-header-search .cs_header_search_with_category_field { min-width: 100px; padding: 0 18px; }
.bb-header-category-wrap { position: relative; flex: 0 0 190px; align-self: stretch; border-left: 1px solid #b8b8b8; }
.bb-header-category-toggle { width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 18px; border: 0; background: transparent; color: #303030; font: inherit; text-align: left; }
.bb-header-category-toggle span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bb-header-category-toggle i { font-size: 10px; transition: transform .16s ease; }
.bb-header-category-toggle[aria-expanded="true"] i { transform: rotate(180deg); }
.bb-header-category-panel { position: absolute; z-index: 1100; top: calc(100% + 1px); right: -1px; width: max(230px, 100%); max-height: min(420px, 60vh); overflow-y: auto; padding: 10px 0; border: 1px solid #a9a9a9; border-radius: 0 0 6px 6px; background: #fff; box-shadow: 0 18px 38px rgba(31, 23, 16, .16); }
.bb-header-category-panel[hidden] { display: none !important; }
.bb-header-category-option { display: flex; align-items: center; gap: 11px; min-height: 38px; margin: 0; padding: 7px 18px; color: #4d4d4d; cursor: pointer; }
.bb-header-category-option:hover,
.bb-header-category-option:focus-within { background: #faf5ee; color: #161616; }
.bb-header-category-option input { appearance: none; width: 16px; height: 16px; flex: 0 0 16px; margin: 0; border: 1px solid #777; border-radius: 3px; background: #fff; display: grid; place-content: center; }
.bb-header-category-option input::before { content: "\2713"; color: #fff; font-size: 12px; line-height: 1; transform: scale(0); }
.bb-header-category-option input:checked { border-color: #d8a96a; background: #d8a96a; }
.bb-header-category-option input:checked::before { transform: scale(1); }
.bb-header-category-option input:focus-visible { outline: 3px solid rgba(216, 169, 106, .4); outline-offset: 2px; }
.bb-header-search .bb-header-search-submit { width: 56px; height: 56px; right: -1px; top: -1px; display: grid; place-items: center; border-radius: 0 6px 6px 0; background: #d8a96a; opacity: 1; }
.bb-header-search .bb-header-search-submit:hover,
.bb-header-search .bb-header-search-submit:focus-visible { background: #bd8646; }
.bb-header-search .bb-header-search-submit img { width: 22px; height: 22px; }
.bb-account-menu { position: relative; }
.bb-account-menu-toggle { max-width: 215px; display: flex; align-items: center; gap: 9px; padding: 0; border: 0; background: transparent; color: #303030; font: inherit; }
.bb-account-menu-toggle img { flex: 0 0 auto; }
.bb-account-menu-toggle span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bb-account-menu-toggle i { font-size: 10px; }
.bb-account-menu-panel { position: absolute; z-index: 1100; top: calc(100% + 14px); right: 0; width: 220px; padding: 8px; border: 1px solid #e6ded4; border-radius: 8px; background: #fff; box-shadow: 0 18px 38px rgba(31, 23, 16, .16); }
.bb-account-menu-panel[hidden] { display: none !important; }
.bb-account-menu-panel a,
.bb-account-menu-panel button { width: 100%; display: block; padding: 10px 12px; border: 0; border-radius: 5px; background: transparent; color: #303030; text-align: left; }
.bb-account-menu-panel a:hover,
.bb-account-menu-panel button:hover,
.bb-account-menu-panel a:focus-visible,
.bb-account-menu-panel button:focus-visible { background: #faf5ee; color: #9b642d; }
.bb-account-menu-panel form { margin: 0; }

@media (max-width: 1199px) {
  .bb-header-search { width: min(440px, 38vw); }
  .bb-header-category-wrap { flex-basis: 165px; }
  .bb-header-category-toggle { padding-inline: 13px; }
}
@media (max-width: 991px) {
  .bb-canonical-header .cs_header_search_form_wrap { position: fixed; left: 0; top: 80px; width: 100vw; padding: 20px 15px; z-index: 1200; }
  .bb-header-search { width: 100%; max-width: none; }
  .bb-header-category-panel { right: 0; }
  .bb-account-menu-toggle { max-width: 160px; }
}
@media (max-width: 575px) {
  .bb-header-search { height: 52px; padding-right: 52px; }
  .bb-header-search .cs_header_search_with_category_field { padding-inline: 12px; font-size: 14px; }
  .bb-header-category-wrap { flex-basis: 132px; }
  .bb-header-category-toggle { padding-inline: 9px; font-size: 13px; }
  .bb-header-search .bb-header-search-submit { width: 52px; height: 52px; }
  .bb-header-category-panel { width: min(260px, calc(100vw - 24px)); }
  .bb-account-menu-toggle span,
  .bb-guest-auth-links > span { display: none; }
}
@media (max-width: 360px) {
  .bb-header-category-wrap { flex-basis: 116px; }
  .bb-header-category-toggle { font-size: 12px; }
}

.bb-auth-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); overflow: hidden; border-radius: 10px; background: #f7f7f7; }
.bb-auth-shell.is-signup { min-height: 680px; }
.bb-auth-visual { min-height: 570px; }
.bb-auth-visual img { width: 100%; height: 100%; display: block; object-fit: cover; }
.bb-auth-form { align-self: center; padding: clamp(32px, 5vw, 76px); }
.bb-auth-form > p { margin-bottom: 28px; }
.bb-auth-form label { display: block; margin: 18px 0 7px; font-weight: 600; }
.bb-auth-form .cs_form_field { width: 100%; height: 50px; border: 1px solid #cfcfcf; border-radius: 5px; background: #fff; }
.bb-auth-password { position: relative; }
.bb-auth-password .cs_form_field { padding-right: 52px; }
.bb-auth-password button { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); width: 38px; height: 38px; border: 0; background: transparent; color: #888; }
.bb-auth-row { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 25px 0 30px; }
.bb-auth-row label,
.bb-auth-terms { margin: 0; font-weight: 400; }
.bb-auth-terms { display: flex !important; align-items: flex-start; gap: 10px; margin: 24px 0 !important; }
.bb-auth-terms input { margin-top: 5px; }
.bb-auth-divider { display: flex; align-items: center; gap: 12px; margin: 26px 0 18px; color: #777; font-size: 12px; font-weight: 600; letter-spacing: .06em; white-space: nowrap; }
.bb-auth-divider::before,
.bb-auth-divider::after { content: ""; flex: 1; height: 1px; background: #d7d7d7; }
.bb-google-auth-button { width: 100%; min-height: 54px; display: flex; align-items: center; justify-content: center; gap: 12px; border: 1px solid #cfcfcf; border-radius: 5px; background: #fff; color: #303030; font-weight: 600; text-decoration: none; }
.bb-google-auth-button:hover { border-color: #db8725; color: #8d5a25; }
.bb-google-auth-button:focus-visible { outline: 3px solid rgba(216, 169, 106, .44); outline-offset: 2px; }
.bb-google-auth-button img { width: 22px; height: 22px; object-fit: contain; }
.bb-auth-signup { padding: 0; }
.bb-account-page { padding: clamp(28px, 5vw, 58px); border: 1px solid #eee5db; border-radius: 10px; background: #fbf7f2; }
.bb-account-links { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.bb-account-links a { padding: 12px 18px; border: 1px solid #db8725; border-radius: 5px; color: #75491e; }

@media (max-width: 767px) {
  .bb-auth-shell { grid-template-columns: 1fr; }
  .bb-auth-visual { min-height: 300px; order: -1; }
  .bb-auth-shell.is-signup .bb-auth-visual { order: -1; }
  .bb-auth-form { padding: 30px 22px 40px; }
}