html { scroll-padding-top: var(--site-header-height, 130px); }
@media (max-width: 1100px) {
    .site-header nav { max-height: var(--site-navigation-max-height, max(0px, calc(100dvh - var(--site-header-height, 130px)))); }
}

/* Secondary beta entry. Kept outside the filtered sticky header so fixed
   positioning is relative to the viewport, not the header's containing block. */
.feedback-entry {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 9px 14px;
    border: 1px solid var(--dark);
    border-radius: 9px;
    color: var(--dark);
    background: #fff;
    font-weight: 800;
    text-decoration: none;
}
.feedback-entry:hover { background: #f2f8ed; }
.feedback-entry:focus-visible { outline: 3px solid var(--dark); outline-offset: 2px; }
.feedback-entry-slot { display: none; }
.feedback-entry--floating {
    position: fixed;
    z-index: 19;
    right: max(20px, env(safe-area-inset-right));
    bottom: max(20px, env(safe-area-inset-bottom));
    box-shadow: var(--shadow);
}
/* display:none removes the inactive variant from keyboard and accessibility trees. */
body.consent-banner-visible .feedback-entry--floating { display: none; }
/* Desktop shopping-list entry: keep the second row outside navigation and
   leave any existing JS-inserted shopping control in the first row. */
.site-header:has(.feedback-entry-slot--header) { flex-wrap: wrap; }
.feedback-entry-slot--header {
    display: flex;
    flex: 0 0 100%;
    order: 3;
    justify-content: flex-end;
    padding-top: 8px;
}
@media (max-width: 1100px) {
    .site-header:has(.feedback-entry-slot) { flex-wrap: nowrap; }
    /* Follow DOM/reading order: brand, Feedback, Menu, then navigation. */
    .feedback-entry-slot {
        display: flex;
        flex: 0 0 auto;
        order: 0;
        justify-content: center;
        padding-top: 0;
    }
    /* Mutually exclusive shopping-list variants keep native reading/Tab order
       aligned with the mobile row and desktop second row. */
    .feedback-entry-slot--header { display: none; }
    .feedback-entry--floating { display: none; }
}
@media print {
    .feedback-entry--floating { display: none; }
}