#my-order-button[hidden] { display: none; }
#my-order-button { color: var(--orange); background: var(--card-bg); border: 1px solid var(--border-orange); border-radius: var(--radius-md); padding: .55rem .65rem; min-height: 44px; font: inherit; font-size: .8rem; cursor: pointer; white-space: nowrap; }
#my-order-panel { margin: auto; width: min(92vw, 420px); max-height: 85vh; padding: 1.5rem; border: 1px solid var(--border-orange); border-radius: var(--radius-md); background: var(--bg-dark, #0c0b0a); color: var(--text-primary, #fff); }
#my-order-panel::backdrop { background: #000b; }
#my-order-title { font-size: 1.15rem; padding-right: 1.5rem; }
#my-order-message { margin: 1.25rem 0; }
#my-order-close { float: right; background: transparent; color: inherit; font-size: 1.5rem; padding: .25rem .5rem; cursor: pointer; }
/* Make room only when the extra action exists; the mobile menu keeps navigation. */
@media (min-width: 993px) and (max-width: 1250px) {
    .has-own-order .header-actions .nav-cta-btn { display: none; }
    .has-own-order .nav-desktop { gap: .75rem; }
}
@media (max-width: 600px) {
    .has-own-order .header-actions { gap: .35rem; }
    .has-own-order .header-actions > .lang-switcher { display: none; }
    .has-own-order #my-order-button { font-size: .7rem; padding: .4rem; }
    .has-own-order .brand-link { flex-shrink: 1; min-width: 0; }
    .has-own-order .header-logo-img { max-width: 85px; height: auto; max-height: 38px; }
}