.unified-header { --nav-paper: #fbf4ea; --nav-night: #1a191b; --nav-ink: #241e1b; --nav-light: #f9f0e8; --nav-pink: #db6278; position: relative; z-index: 30; min-height: 82px; padding: 0 clamp(24px, 4vw, 70px); display: grid; grid-template-columns: minmax(0, 1fr) 185px minmax(0, 1fr); align-items: center; color: var(--nav-ink); background: var(--nav-paper); border-bottom: 1px solid rgba(96, 72, 61, .2); }
.unified-header.nav-theme-split { background: linear-gradient(90deg, var(--nav-paper) 0 50%, var(--nav-night) 50% 100%); }
.unified-header.nav-theme-spooky { color: var(--nav-light); background: var(--nav-night); border-color: rgba(239, 218, 213, .13); }
.unified-nav { display: flex; align-items: center; gap: clamp(20px, 3vw, 44px); font-family: Georgia, "Times New Roman", serif; font-size: 15px; }
.unified-nav-right { justify-content: flex-end; }
.nav-theme-split .unified-nav-right { color: var(--nav-light); }
.unified-nav > a, .shop-menu-toggle { position: relative; color: inherit; text-decoration: none; }
.unified-nav > a::after, .shop-menu-toggle::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -7px; height: 0; border-top: 1px dashed currentColor; transition: right .2s ease; }
.unified-nav > a:hover::after, .unified-nav > a:focus-visible::after, .unified-nav > a.active::after, .shop-menu-toggle:hover::after, .shop-menu-toggle:focus-visible::after, .shop-menu-toggle.active::after, .shop-menu.open .shop-menu-toggle::after { right: 0; }
.unified-brand { position: relative; align-self: stretch; display: grid; place-items: center; text-decoration: none; }
.unified-brand > span { position: absolute; top: 8px; width: 68px; height: 68px; display: grid; place-items: center; color: var(--nav-pink); background: var(--nav-paper); border: 2px solid #dca0aa; border-radius: 50%; box-shadow: 0 4px 8px rgba(67, 35, 37, .18), inset 0 0 0 4px rgba(220, 160, 170, .12); font-family: Georgia, "Times New Roman", serif; font-size: 42px; line-height: 1; }
.unified-brand img { width: 54px; height: 54px; display: block; object-fit: contain; }
.shop-menu { position: relative; }
.shop-menu-toggle { padding: 0; display: inline-flex; align-items: center; gap: 5px; border: 0; background: transparent; font: inherit; cursor: pointer; }
.shop-menu-toggle > span { color: var(--nav-pink); font-family: sans-serif; font-size: 12px; transition: transform .2s ease; }
.shop-menu.open .shop-menu-toggle > span { transform: rotate(180deg); }
.shop-menu-options { position: absolute; z-index: 50; top: calc(100% + 18px); left: -17px; width: 250px; padding: 9px; display: grid; gap: 5px; color: #2a2220; background: #fffaf3; border: 1px solid rgba(96, 72, 61, .2); border-radius: 11px; box-shadow: 0 18px 45px rgba(45, 32, 26, .2); opacity: 0; visibility: hidden; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease, visibility .18s ease; }
.shop-menu-options::before { content: ""; position: absolute; left: 22px; top: -7px; width: 12px; height: 12px; background: #fffaf3; border-left: 1px solid rgba(96, 72, 61, .2); border-top: 1px solid rgba(96, 72, 61, .2); transform: rotate(45deg); }
.shop-menu.open .shop-menu-options { opacity: 1; visibility: visible; transform: translateY(0); }
.shop-menu-options a { padding: 11px 10px; display: grid; grid-template-columns: 28px 1fr; gap: 1px 8px; border-radius: 7px; text-decoration: none; }
.shop-menu-options a:hover, .shop-menu-options a:focus-visible, .shop-menu-options a.active { background: #f2e4dc; }
.shop-menu-options a > span { grid-row: 1 / 3; align-self: center; color: var(--nav-pink); font-size: 20px; text-align: center; }
.shop-menu-options b { font-family: Georgia, "Times New Roman", serif; font-size: 14px; font-weight: 400; }
.shop-menu-options small { color: #766a63; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 8px; letter-spacing: .04em; }

@media (hover: hover) and (pointer: fine) {
  .shop-menu:hover .shop-menu-options, .shop-menu:focus-within .shop-menu-options { opacity: 1; visibility: visible; transform: translateY(0); }
}
@media (max-width: 680px) {
  .unified-header { min-height: 72px; padding-inline: 14px; grid-template-columns: minmax(0, 1fr) 58px minmax(0, 1fr); }
  .unified-header.nav-theme-split { background: linear-gradient(90deg, var(--nav-paper) 0 50%, var(--nav-night) 50% 100%); }
  .unified-nav { gap: 14px; font-size: 12px; }
  .unified-brand > span { top: 9px; width: 54px; height: 54px; font-size: 35px; }
  .unified-brand img { width: 43px; height: 43px; }
  .shop-menu-options { position: fixed; top: 64px; left: 14px; width: min(270px, calc(100vw - 28px)); }
  .shop-menu-options::before { display: none; }
}
@media (prefers-reduced-motion: reduce) { .unified-header *, .unified-header *::before, .unified-header *::after { transition-duration: .01ms !important; } }