/* A quiet, integrated search action on both desktop and mobile. */
.shop-shell .site-search, .shop-shell.header-compact .site-search { position: relative; overflow: visible; }
.shop-shell .site-search button, .shop-shell.header-compact .site-search button { right: 3px; width: 44px; height: 44px; margin: 0; border: 0; background: transparent; box-shadow: none; color: var(--market-deep); }
.shop-shell .site-search button::before { border-color: currentColor; }
.shop-shell .site-search button::after { background: currentColor; }
.shop-shell .site-search button:hover { background: var(--market-soft); }
.shop-shell .site-search input:focus { outline: none; box-shadow: none; }
.shop-shell .site-search:focus-within { border-color: var(--market-deep); box-shadow: 0 0 0 2px color-mix(in srgb, var(--market-deep) 12%, transparent); }
.store-campaign-rail { display: contents; }
@media (max-width: 820px) {
  .shop-shell .factory-strip { display: none; }
  .shop-shell .shop-header, .shop-shell.header-compact .shop-header { min-height: 0; }
  .shop-shell .shop-header-inner, .shop-shell.header-compact .shop-header-inner {
    display: grid; grid-template-columns: minmax(0, 1fr) 40px 40px 44px;
    width: calc(100% - 32px); min-height: 0; padding: 12px 0; gap: 10px 6px;
  }
  .shop-shell .shop-brand, .shop-shell.header-compact .shop-brand { grid-column: 1; grid-row: 1; width: 132px; max-width: 100%; height: 52px; margin: 0; }
  .shop-shell .shop-brand img, .shop-shell.header-compact .shop-brand img { width: 100%; height: 100%; max-width: 132px; max-height: 52px; object-fit: contain; object-position: left center; }
  .shop-shell .shop-header-actions, .shop-shell.header-compact .shop-header-actions { display: contents; }
  .shop-shell .client-welcome-link, .shop-shell.header-compact .client-welcome-link { grid-column: 2; grid-row: 1; }
  .shop-shell .header-orders-link, .shop-shell.header-compact .header-orders-link { grid-column: 3; grid-row: 1; }
  .shop-shell .header-cart-menu, .shop-shell.header-compact .header-cart-menu { grid-column: 4; grid-row: 1; width: 44px; }
  .shop-shell .client-welcome-link, .shop-shell .header-orders-link, .shop-shell.header-compact .client-welcome-link, .shop-shell.header-compact .header-orders-link { justify-content: center; width: 40px; min-width: 40px; min-height: 44px; padding: 0; }
  .shop-shell .client-welcome-link > span:last-child, .shop-shell .header-orders-link strong { display: none; }
  .shop-shell .cart-button.live-header-cart, .shop-shell.header-compact .cart-button.live-header-cart { position: relative; justify-content: center; width: 44px; min-width: 44px; min-height: 44px; padding: 0; border-radius: 10px; background: transparent; color: var(--market-deep); }
  .shop-shell .cart-button.live-header-cart .cart-symbol { width: 25px; height: 25px; color: inherit; }
  .shop-shell .cart-button.live-header-cart > span { display: none; }
  .shop-shell .cart-button.live-header-cart .cart-header-count { position: absolute; top: -2px; right: -1px; width: 18px; min-width: 18px; height: 18px; font-size: 10px; background: var(--market-deep); color: #fff; }
  .shop-shell .cart-header-count[hidden] { display: none !important; }
  .shop-shell .header-cart-dropdown { display: none !important; }
  .shop-shell .site-search, .shop-shell.header-compact .site-search { grid-column: 1 / -1; grid-row: 2; width: 100%; min-height: 46px; height: 46px; margin: 0; border: 1px solid #e5e8ec; border-radius: 12px; background: #f5f6f8; }
  .shop-shell .site-search input, .shop-shell.header-compact .site-search input { width: 100%; height: 44px; min-height: 44px; padding: 0 12px 0 44px; font-size: 14px; }
  .shop-shell .site-search button, .shop-shell.header-compact .site-search button { right: auto; left: 0; width: 40px; height: 44px; }
  .shop-shell .site-search button::before { width: 12px; height: 12px; top: 12px; left: 12px; border-width: 1.7px; }
  .shop-shell .site-search button::after { width: 7px; top: 26px; left: 24px; height: 1.7px; }
  .shop-shell .site-search input::placeholder { color: #74808b; font-size: 12px; }
  .shop-shell .department-bar { min-height: 0; }
  .shop-shell .department-bar-inner { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) auto 28px; gap: 8px 3px; width: calc(100% - 32px); min-height: 0; padding: 4px 0 10px; }
  .shop-shell .departments-menu { grid-column: 1; grid-row: 1; min-width: 0; }
  .shop-shell .departments-all { min-height: 42px; padding: 0 4px 0 25px; border-radius: 0; background: transparent; font-size: 12px; font-weight: 600; }
  .shop-shell .departments-all::before { left: 0; width: 17px; }
  .shop-shell .departments-all::after { display: none; }
  .shop-shell .industry-navigation { grid-column: 2; grid-row: 1; min-width: 0; }
  .shop-shell .industry-navigation > summary { min-height: 42px; padding: 0 3px; font-size: 12px; }
  .shop-shell .industry-navigation > summary::after { margin-left: 7px; width: 5px; height: 5px; }
  .shop-shell .department-bar-inner > .retailer-mode { grid-column: 3; grid-row: 1; align-self: center; }
  .shop-shell .retailer-mode-button { min-height: 30px; padding: 5px 8px; border-radius: 20px; font-size: 10px; gap: 3px; }
  .shop-shell .retailer-mode-button svg { display: none; }
  .shop-shell .retailer-mode-button b { display: inline; font-size: inherit; }
  .shop-shell .secondary-navigation { grid-column: 4; grid-row: 1; }
  .shop-shell .secondary-navigation > summary { padding: 0; min-height: 42px; font-size: 14px; }
  .shop-shell .secondary-navigation-panel { left: auto; right: 0; }
  .shop-shell .store-campaign-rail { display: flex; grid-column: 1 / -1; align-items: center; width: 100%; min-width: 0; gap: 8px; overflow-x: auto; padding: 3px 0; scrollbar-width: none; overscroll-behavior-inline: contain; }
  .shop-shell .store-campaign-rail::-webkit-scrollbar { display: none; }
  .shop-shell .store-campaign-rail > .campaign-navigation-title { flex: 0 0 auto; min-height: 34px; margin: 0; padding: 0 4px; border: 0; font-size: 11px; }
  .shop-shell .store-campaign-rail .nav-tag-icon { width: 13px; height: 11px; margin-right: 6px; }
  .shop-shell .store-campaign-rail .campaign-navigation-links { display: flex; flex: 0 0 auto; width: auto; gap: 6px; padding: 0; overflow: visible; }
  .shop-shell .store-campaign-rail .black-friday-campaign-link { display: inline-flex; min-width: 0; min-height: 34px; padding: 0 12px; border: 0; border-radius: 20px; background: #f0f2f5; font-size: 11px; }
  .shop-shell .store-campaign-rail .campaign-overflow { display: none; }
  .shop-shell .store-campaign-rail .all-offers-navigation { flex: 0 0 auto; margin: 0; padding: 8px !important; border: 0; font-size: 11px; }
  .shop-shell.header-compact .shop-header-inner { grid-template-columns: 34px minmax(0, 1fr) 40px 40px 44px; }
  .shop-shell.header-compact .compact-menu-toggle { grid-column: 1; grid-row: 1; width: 32px; padding: 4px; }
  .shop-shell.header-compact .shop-brand { grid-column: 2; height: 42px; width: 110px; }
  .shop-shell.header-compact .client-welcome-link { grid-column: 3; }
  .shop-shell.header-compact .header-orders-link { grid-column: 4; }
  .shop-shell.header-compact .header-cart-menu { grid-column: 5; }
  .shop-shell.header-compact .department-bar-inner { display: grid; }
  .shop-shell.header-compact .department-bar-inner > * { width: auto; }
  .shop-shell.header-compact .store-campaign-rail { width: 100%; flex-wrap: nowrap; }
  .shop-shell.header-compact .nav-popover-panel { position: absolute; max-height: 55dvh; overflow-y: auto; }
  .shop-shell .home-marketplace-intro h1 { font-size: clamp(28px, 7vw, 38px); line-height: 1.12; letter-spacing: -.8px; }
}
@media (max-width: 820px) {
  .shop-shell .department-bar-inner { grid-template-columns: minmax(100px, 1.3fr) minmax(62px, 1fr) auto 24px; }
  .shop-shell .department-bar .departments-menu > button.departments-all { width: 100%; min-width: 0; min-height: 42px; justify-content: flex-start; padding: 0; border-radius: 8px; background: transparent; font-size: 11px; font-weight: 600; }
  .shop-shell .department-bar .departments-menu > button.departments-all::before { flex: 0 0 14px; width: 14px; margin-right: 5px; }
  .shop-shell .department-bar .departments-menu > button.departments-all::after { display: none; }
  .shop-shell .retailer-mode-button > span { font-size: 0; }
  .shop-shell .retailer-mode-button > span::before { content: 'Modo B2C'; font-size: 10px; }
  .shop-shell .retailer-mode-button > span b { display: none; }
}
@media (max-width: 820px) {
  .shop-shell .secondary-navigation { min-width: 0; }
  .shop-shell .secondary-navigation > summary { width: 24px; min-width: 24px; max-width: 24px; padding: 0; }
}
/* The compact hamburger opens the existing department drawer, not a second menu. */
.shop-shell.header-compact.departments-is-open .campaign-bar {
  display: block; position: fixed; top: 0; left: 0; width: 0; height: 0;
  min-height: 0; padding: 0; border: 0; box-shadow: none; overflow: visible;
}
.shop-shell.header-compact.departments-is-open .department-bar-inner { display: block; width: 0; min-height: 0; height: 0; padding: 0; }
.shop-shell.header-compact.departments-is-open .department-bar-inner > :not(.departments-menu) { display: none; }
.shop-shell.header-compact.departments-is-open .departments-menu > .departments-all { display: none; }
.shop-shell.header-compact.departments-is-open .departments-menu { width: 0; height: 0; }
@media (max-width: 820px) {
 .shop-shell.header-compact .shop-header-actions > .client-welcome-link { grid-column: 3; grid-row: 1; }
 .shop-shell.header-compact .shop-header-actions > .header-orders-link { grid-column: 4; grid-row: 1; }
 .shop-shell.header-compact .shop-header-actions > .header-cart-menu { grid-column: 5; grid-row: 1; }
}

/* Give search the space previously reserved by a wide account shortcut and B2C. */
.shop-shell .client-welcome-link { min-width: 0; flex: 0 0 auto; }
.shop-shell .client-welcome-link > span { min-width: 0; width: auto; }
.shop-shell .factory-strip { position: relative; z-index: 130; overflow: visible; }
.shop-shell .factory-strip-tools { display: flex; align-items: center; gap: 16px; }
.shop-shell .factory-strip .retailer-mode-button { min-height: 28px; padding: 4px 8px; gap: 5px; border-color: transparent; border-radius: 20px; background: transparent; font-size: 11px; }
.shop-shell .factory-strip .retailer-mode-button:hover { background: #eef2ef; }
.shop-shell .factory-strip .retailer-mode-button svg { width: 15px; height: 15px; }
.shop-shell .factory-strip .retailer-mode-button > span { font-size: 0; }
.shop-shell .factory-strip .retailer-mode-button > span::before { content: 'Modo lojista B2C'; font-size: 11px; font-weight: 500; }
.shop-shell .factory-strip .retailer-mode-button b { display: none; }
@media (min-width: 1101px) {
 .shop-shell .shop-header-inner { gap: 24px; }
 .shop-shell .shop-header-actions { gap: 16px; }
 .shop-shell .client-welcome-link { width: auto; padding-inline: 4px; }
}