/* In document flow: checkout and sticky navigation remain unobscured. */
.lomo-design-notice[hidden], .lomo-design-notice [hidden] { display: none !important; }
.lomo-design-notice { background: var(--soft, #e9edf7); color: var(--ink, #133482); border-bottom: 1px solid var(--line, #cbd3e6); }
.lomo-design-notice__inner { position: relative; display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 36px; padding: 0 44px 0 16px; max-width: 1600px; margin-inline: auto; }
.lomo-design-notice__copy { margin: 0; min-width: 0; font-size: 12px; line-height: 1.4; text-align: center; }
.lomo-design-notice__copy strong { font-weight: 500; }
.lomo-design-notice__actions { display: flex; align-items: center; flex-shrink: 0; }
.lomo-design-notice__actions a { display: inline-flex; align-items: center; min-height: 36px; font-size: 12px; line-height: 1.4; white-space: nowrap; text-decoration: underline; text-underline-offset: 3px; }
.lomo-design-notice__feedback { font-weight: 500; }
.lomo-design-notice__close { position: absolute; inset-inline-end: 6px; top: 50%; transform: translateY(-50%); width: 32px; height: 32px; border: 0; background: transparent; border-radius: 3px; display: grid; place-items: center; font-size: 22px; line-height: 1; padding: 0; }
.lomo-design-notice__close:active { transform: translateY(-50%); }
.lomo-design-notice__close:hover { background: var(--line, #cbd3e6); }
.lomo-design-notice a:focus-visible, .lomo-design-notice button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
@media (max-width: 700px) {
  .lomo-design-notice__detail { display: none; }
  .lomo-design-notice__inner { gap: 10px; padding-inline: 10px 40px; }
  .lomo-design-notice__copy, .lomo-design-notice__actions a { font-size: 11px; }
}