.nav-action-button{color:var(--color-gothic-silver);background-color:#0000;border:1px solid #0000;border-radius:.375rem;padding:.5rem;transition:all .3s;position:relative}.nav-action-button:hover{color:var(--color-gothic-pearl);background-color:var(--color-gothic-iron);border-color:var(--color-gothic-steel);box-shadow:0 2px 8px #6b21a826}:root[data-theme=light] .nav-action-button{color:var(--color-gothic-ash)}:root[data-theme=light] .nav-action-button:hover{color:var(--color-gothic-pearl);background-color:var(--color-gothic-iron);border-color:var(--color-gothic-pewter);box-shadow:0 2px 8px #9333ea33}.nav-badge{color:#fff;background-color:#ef4444;border-radius:9999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 .25rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-.25rem;right:-.25rem;box-shadow:0 0 10px #ef444466}.nav-badge-primary{background:linear-gradient(135deg,var(--color-gothic-amethyst),var(--color-gothic-plum));box-shadow:0 0 10px #6b21a866}:root[data-theme=light] .nav-badge-primary{background:linear-gradient(135deg,#9333ea,#7c3aed);box-shadow:0 0 10px #9333ea80}.cart-preview{background-color:rgba(var(--color-gothic-shadow),.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-gothic-steel);opacity:1;visibility:visible;z-index:50;border-radius:.375rem;width:20rem;max-height:24rem;margin-top:.5rem;transition:all .3s;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 32px #000c}:root[data-theme=light] .cart-preview{border-color:var(--color-gothic-pewter);background-color:#f5f5f5fa;box-shadow:0 8px 32px #00000026}.cart-item{border-bottom:1px solid var(--color-gothic-steel);padding:.75rem;transition:background-color .2s}.cart-item:hover{background-color:rgba(var(--color-gothic-iron),.5)}:root[data-theme=light] .cart-item{border-bottom-color:var(--color-gothic-pewter)}.cart-view-button{background:linear-gradient(to right,var(--color-gothic-amethyst),var(--color-gothic-plum));color:#fff;border-radius:.375rem;width:100%;padding:.5rem;font-weight:600;transition:all .3s}.cart-view-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6b21a866}:root[data-theme=light] .cart-view-button{background:linear-gradient(90deg,#9333ea,#7c3aed)}:root[data-theme=light] .cart-view-button:hover{box-shadow:0 4px 12px #9333ea80}.brand-logo-container{perspective:1000px;width:2.5rem;height:2.5rem}@media (min-width:640px){.brand-logo-container{width:2.5rem;height:2.5rem}}.brand-logo-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.brand-logo-container:hover .brand-logo-inner{transform:rotateY(180deg)}.brand-logo-front,.brand-logo-back{backface-visibility:hidden;border:1px solid var(--color-gothic-pewter);width:100%;height:100%;transition:box-shadow .3s;position:absolute;overflow:hidden;box-shadow:0 2px 8px #0009}.brand-logo-container:hover .brand-logo-front,.brand-logo-container:hover .brand-logo-back{box-shadow:0 2px 12px #6b21a84d}:root[data-theme=light] .brand-logo-container:hover .brand-logo-front,:root[data-theme=light] .brand-logo-container:hover .brand-logo-back{box-shadow:0 2px 12px #9333ea66}.brand-logo-back{transform:rotateY(180deg)}.brand-name-container{position:relative;overflow:hidden}.brand-name{letter-spacing:.05em;text-shadow:0 1px 2px #00000080;color:var(--color-gothic-pearl);font-size:1.125rem;font-weight:700;transition:opacity .3s;display:inline-block}@media (min-width:640px){.brand-name{font-size:1.25rem}}:root[data-theme=light] .brand-name{text-shadow:0 1px 2px #0000001a}.brand-name-back{opacity:0;position:absolute;top:0;left:0;transform:translate(-100%)}.brand-logo-container:hover .brand-name{animation:.8s cubic-bezier(.4,0,.2,1) forwards burnAway}.brand-logo-container:hover .brand-name-back{animation:.8s cubic-bezier(.4,0,.2,1) forwards revealFromAshes}.brand-logo-theme-flip-inner{animation:.8s cubic-bezier(.4,0,.2,1) forwards themeFlip!important}.brand-name-theme-flip .brand-name{animation:.8s cubic-bezier(.4,0,.2,1) forwards burnAway}.brand-name-theme-flip-back{animation:.8s cubic-bezier(.4,0,.2,1) forwards revealFromAshes!important}@keyframes themeFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes burnAway{0%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 0 0 100%)}}@keyframes revealFromAshes{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.brand-subtitle{letter-spacing:.1em;color:var(--color-gothic-smoke);font-size:.625rem;transition:color .3s}@media (min-width:640px){.brand-subtitle{font-size:.75rem}}