/* Lucide chevron-down: fixed geometry, independent of font glyph metrics. */
:root { --menu-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
.header .offer-toggle { display:inline-flex; align-items:center; gap:8px; }
.header .offer-toggle > span,
body .header .chevron,
body .offer-group > summary .chevron {
  display:inline-block; flex:0 0 14px; width:14px; height:14px;
  font-size:0; line-height:0; align-self:center;
  background:currentColor; mask:var(--menu-chevron) center / contain no-repeat;
  transform-origin:50% 50%; transition:transform .16s;
}
.header .offer-toggle[aria-expanded="true"] > span { transform:rotate(180deg); }
@media(max-width:760px) {
  .header .mega-group-toggle::after {
    content:""; flex:0 0 16px; width:16px; height:16px; align-self:center;
    background:currentColor; mask:var(--menu-chevron) center / contain no-repeat;
    transform-origin:50% 50%;
  }
}
@media(prefers-reduced-motion:reduce) {
  .header .offer-toggle > span,body .header .chevron,body .offer-group > summary .chevron { transition:none; }
}