/* Drolette: native header, warmer palette and clear shopping paths. */
.header-section { --header-background: 255,248,232; --header-color-text: 29,44,38; color: #1d2c26; }
.header-section .header__container { background: #fff8e8; border-bottom: 1px solid #dfd5bd; }
.header-section .header__logo-image { width: 244px; }
.header-section .header__logo-link { color: #1d2c26; }
.header-section .header__container-bottom { background: #f5e9cc; border-top: 1px solid #e5d8b9; }
.header-section .header-nav__menu { justify-content: center; gap: 0 12px; margin: 0; padding: 0 24px; list-style: none; }
.header-section .header-nav__menu-item { margin-inline: 10px; }
.header-section .header-nav__menu-item > a,
.header-section .dr-style-trigger { font-size: 14px; font-weight: 700; letter-spacing: .01em; }
.header-section .header-nav__menu-item > a > span { padding-block: 16px; }
.header-section .header-nav__menu-item:has(.header-nav-dropdown-menu-scope) > a > span::after { content: "⌄"; display: inline-block; margin-left: 7px; }
.header-section .header-nav-dropdown-menu__menu { padding: 14px 0; border: 1px solid #e5d8b9; border-radius: 0 0 10px 10px; background: #fffaf0; box-shadow: 0 12px 24px #1d2c2618; }
.header-section .header-nav-dropdown-menu__hero { padding: 7px 22px; font-size: 14px; }
.header-section .header-nav-dropdown-menu__hero:hover { color: #965b20; background: #f5e9cc; }
.header-section .header-nav__menu-item:focus-within .header-nav-dropdown-menu-scope { display: block; }
.header-section .dr-style-trigger { display: inline-flex; align-items: center; gap: 7px; min-height: 54px; padding: 0; border: 0; color: inherit; background: transparent; font-family: inherit; cursor: pointer; }
.header-section .dr-style-trigger::after { content: "⌄"; }
.header-section .dr-style-menu { display: grid; grid-template-columns: repeat(4,minmax(140px,1fr)); gap: 18px; width: 720px; max-width: calc(100vw - 48px); padding: 24px; }
.header-section .dr-style-menu > li { min-width: 0; }
.header-section .dr-style-menu a { display: block; padding: 7px 0; font-size: 14px; line-height: 1.5; white-space: normal; }
.header-section .dr-style-menu__heading { font-weight: 800; }
.header-section .dr-style-menu ul { margin: 4px 0 0; padding: 0; list-style: none; }
.header-section .dr-style-menu ul a { font-weight: 400; }
.header-section .dr-style-menu a:hover { color: #965b20; text-decoration: underline; text-underline-offset: 4px; }
.header-section :is(a,button,input):focus-visible { outline: 2px solid #a66b2b; outline-offset: 4px; }
.announcement-bar__group-item { color: #fff3d5; background: #1d2c26; }
.announcement-bar__group-item .rte { font-size: 12px; font-weight: 600; letter-spacing: .025em; }
.header-nav-drawer { --header-background: 255,248,232; --header-color-text: 29,44,38; }
.header-nav-drawer .header-nav-drawer__menu-control { font-size: 15px; }
.header-nav-drawer .header-nav-drawer__submenu { background: #f5e9cc; }
@media (min-width: 960px) {
  .header-section .header__container[layout] .header__container-top-wrap { display: grid; grid-template: "logo search actions" / 244px minmax(240px,1fr) auto; gap: clamp(24px,4vw,70px); max-width: 1440px; min-height: 110px; padding: 20px 40px !important; }
  .header-section .header__logo { grid-area: logo; justify-content: flex-start; }
  .header-section .header-action-bar.left { grid-area: search; width: 100%; min-width: 0; margin: 0; padding: 0; }
  .header-section .header-action-bar.right { grid-area: actions; width: auto; margin: 0; padding: 0; gap: 20px; }
  .header-section .header-action-bar.right .header-action-bar__search-bar-container { display: none; }
  .header-section .header-action-bar.left .header-action-bar__search-bar-container { position: relative; display: flex; width: 100%; }
  .header-section .header-action-bar.left .header-action-bar__search-bar { max-width: none; height: 50px; padding: 12px 18px; border: 1px solid #c4baa1; border-radius: 28px; background: #fffdf7; }
  .header-section .header-action-bar.left .header-action-bar__search-bar-input { min-width: 0; font-size: 15px; }
  .header-section .header-action-bar__results { border-radius: 12px; background: #fffdf7; }
  .header-section .locale-picker__trigger { min-height: 38px; padding: 8px 12px; border-color: #cfc3a9; }
}
@media (max-width: 1100px) and (min-width: 960px) {
  .header-section .header__container[layout] .header__container-top-wrap { grid-template-columns: 204px minmax(240px,1fr) auto; gap: 24px; padding-inline: 28px !important; }
  .header-section .header__logo-image { width: 204px; }
  .header-section .header-action-bar.right { gap: 14px; }
}
@media (max-width: 959px) {
  .header-section .header__container[mobile-layout] .header__container-top-wrap { display: grid; grid-template: "action-bar-left logo action-bar-right" / minmax(40px,1fr) auto minmax(92px,1fr); gap: 6px; min-height: 78px; padding: 16px !important; }
  .header-section .header__logo-image { width: 146px; }
  .header-section .header-action-bar.left { grid-area: action-bar-left; width: 100%; margin: 0; justify-content: flex-start; }
  .header-section .header-action-bar.right { grid-area: action-bar-right; margin: 0; justify-content: flex-end; gap: 6px; }
  .header-section .header-action-bar.right .button--icon { width: 26px; }
  .header-section .header-action-bar .locale-picker__trigger { gap: 2px; padding-inline: 2px; }
  .header-section .header-action-bar .locale-picker__flag { width: 18px; height: 18px; }
  .header-section .header__container-bottom { display: none; }
  .announcement-bar__group-item .rte { font-size: 10px; letter-spacing: 0; }
}