/* Content-width announcement/account rail; existing controls and overlays stay native. */
html[data-bk-theme] body.bk-customer-v202 .site-notice-bar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 8px 15px !important;
}

html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  padding: 10px 16px !important;
  background: var(--bk-surface, #101c2f) !important;
  border: 1px solid var(--bk-line, rgba(148,163,184,.14)) !important;
  border-radius: var(--bk-radius, 20px) !important;
  background-clip: padding-box;
  box-shadow: 0 8px 24px rgba(2,6,23,.07) !important;
  /* The ticker clips itself; account dropdowns, cart badges and login overlays must escape. */
  overflow: visible !important;
}

html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container > .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px 18px;
  margin: 0 !important;
  min-width: 0;
}

html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container > .row > div:first-child {
  flex: 1 1 20rem;
  min-width: 0;
  max-width: 100%;
  margin: 0 !important;
}

html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container > .row > div:last-child {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  margin-left: auto !important;
  margin-right: 0 !important;
}

html[data-bk-theme] body.bk-customer-v202 .site-notice-bar .duuru,
html[data-bk-theme] body.bk-customer-v202 .site-notice-bar .duuru-text {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
}

/* Restore the site's existing Bootstrap container breakpoints, replacing the old 1270px rail override. */
@media (min-width:576px) {
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container { max-width: 540px !important; }
}
@media (min-width:768px) {
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container { max-width: 720px !important; }
}
@media (min-width:992px) {
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container { max-width: 960px !important; }
}
@media (min-width:1200px) {
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container { max-width: 1140px !important; }
}

@media (max-width:768px) {
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container { padding: 10px 12px !important; }
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container > .row { display: block !important; }
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar > .container > .row > div:last-child {
    width: 100%;
    margin: 0 !important;
  }
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar .guest-actions {
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 8px !important;
  }
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar .guest-btn,
  html[data-bk-theme] body.bk-customer-v202 .site-notice-bar .modern-user-actions > .dropdown {
    min-width: 0 !important;
    max-width: 100%;
  }
}