/* ================================================================
   ALIEN ME — Frontend Polish v2
   Fixes: nav cleanup, music section, store section, explore carousel,
   footer cleanup, subscribe form UX, button consistency, AI icon
   ================================================================ */

/* ---------------------------------------------------------------
   1. GLOBAL NAV — Remove hero-links static bar on homepage
   --------------------------------------------------------------- */

/* The hero-links element inside the hero is the OLD static bar.
   On the homepage body we hide it because the dynamic shell header
   takes over as the canonical nav. */
body.am-template-home .hero-links {
  display: none !important;
}

/* ---------------------------------------------------------------
   2. SHELL HEADER — Ensure it shows on homepage too
   --------------------------------------------------------------- */

/* Override the shell bootstrap skip for home — we still want the
   compact titlebar rendered above the hero. */
body.am-template-home [data-am-shell-generated-header],
body.am-template-home .compact-titlebar.am-shell-titlebar {
  display: block !important;
  position: relative;
  z-index: 200;
}

/* The shell header must sit ABOVE the hero video, not inside it */
body.am-template-home header.hero {
  margin-top: 0;
}

/* ---------------------------------------------------------------
   3. MUSIC SECTION — Button alignment, hover consistency
   --------------------------------------------------------------- */

/* Ensure both release action buttons are equal width and vertically aligned */
.feature-card .release-actions {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: 10px;
  flex-wrap: nowrap;
  margin-top: 14px;
  padding: 0;
}

.feature-card .release-actions .btn,
.feature-card .release-actions a.btn {
  flex: 1 1 0;
  min-width: 0;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 10px;
  min-height: 44px;
  font-family: Orbitron, sans-serif;
  font-size: 11px;
  letter-spacing: .10em;
  text-transform: uppercase;
  border: 1px solid rgba(92, 198, 255, .32);
  background: linear-gradient(180deg, rgba(8, 22, 50, .45), rgba(4, 12, 30, .35));
  color: var(--ink, #dbe9ff);
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .38);
  border-radius: 4px;
  text-decoration: none;
}

/* Unified hover: single consistent light effect */
.feature-card .release-actions .btn:hover,
.feature-card .release-actions a.btn:hover,
.welcome-subscribe-form .btn:hover,
.welcome-subscribe .btn:hover {
  transform: translateY(-2px);
  border-color: rgba(92, 198, 255, .65);
  box-shadow: 0 0 22px rgba(92, 198, 255, .30), 0 12px 30px rgba(0, 0, 0, .45);
  color: #fff;
}

/* Welcome subscribe button — match the same hover */
.welcome-subscribe-form .btn,
.welcome-subscribe .btn {
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
}

/* ---------------------------------------------------------------
   4. COVER PLAY OVERLAY — No jumping/glitching on hover
   --------------------------------------------------------------- */

.cover-wrap {
  position: relative;
  display: block;
  overflow: hidden;
}

.cover-play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(0, 0, 0, .52);
  border: 1.5px solid rgba(255, 255, 255, .35);
  color: rgba(255, 255, 255, .92);
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(3px);
  /* Use opacity transition — not transform — to avoid layout shifts */
  transition: opacity .16s ease, background .16s ease, border-color .16s ease;
  /* Prevent transform from being reset on hover (was causing the jump) */
  will-change: opacity;
}

.cover-play-overlay:hover {
  background: rgba(0, 0, 0, .72);
  border-color: rgba(92, 198, 255, .55);
  opacity: 1;
  /* Never alter transform here — parent keeps it centered */
}

/* Loading state for the play button */
.cover-play-overlay.is-loading {
  animation: am-pulse-ring 1.1s ease-in-out infinite;
}

@keyframes am-pulse-ring {
  0%, 100% { box-shadow: 0 0 0 0 rgba(92, 198, 255, .0); }
  50%       { box-shadow: 0 0 0 8px rgba(92, 198, 255, .18); }
}

/* ---------------------------------------------------------------
   5. SUBSCRIBE FORM — Feedback states
   --------------------------------------------------------------- */

.welcome-subscribe-feedback {
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.45;
  min-height: 20px;
  transition: opacity .2s ease;
}

.welcome-subscribe-feedback.is-success {
  color: #7effc4;
}

.welcome-subscribe-feedback.is-error {
  color: #ff9ea8;
}

.welcome-subscribe-feedback.is-hidden {
  opacity: 0;
  pointer-events: none;
}

/* ---------------------------------------------------------------
   6. STORE / CODENAME SECTION — Remove Drop_001 feel, fix padding
   --------------------------------------------------------------- */

/* Remove the sticker-bomb layer decoration */
.sticker-bomb-layer {
  display: none !important;
}

/* Restore proper padding on the merch-drop panel */
.panel.merch-drop {
  padding: 24px 20px;
}

/* Drop banner panel padding fix */
.drop-banner__panel {
  padding: 20px;
}

/* Tighten up the merch-under spacing */
.merch-under {
  margin-top: 14px;
}

/* ---------------------------------------------------------------
   7. EXPLORE SECTION — Single heading, carousel behavior
   --------------------------------------------------------------- */

/* Hide the raw .section-title "Explore" text node that appears
   above the tiles — the explore-frontend.js injects its own heading */
.section-title + #explore-tiles {
  margin-top: 0;
}

/* Carousel container */
#explore-tiles-carousel-wrap {
  position: relative;
  overflow: hidden;
  margin-top: 0;
}

/* Carousel arrow buttons */
.am-explore-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(120, 180, 255, .30);
  background: rgba(5, 10, 24, .72);
  color: rgba(219, 233, 255, .88);
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(6px);
  transition: border-color .16s ease, box-shadow .16s ease, opacity .16s ease;
  opacity: .7;
}

.am-explore-arrow:hover {
  border-color: rgba(92, 198, 255, .55);
  box-shadow: 0 0 18px rgba(92, 198, 255, .22);
  opacity: 1;
}

.am-explore-arrow--left  { left: -8px; }
.am-explore-arrow--right { right: -8px; }

.am-explore-arrow[disabled] {
  opacity: .25;
  cursor: not-allowed;
  pointer-events: none;
}

/* Carousel track */
#explore-tiles {
  display: flex !important;
  gap: 18px;
  transition: transform .32s cubic-bezier(.4, 0, .2, 1);
  will-change: transform;
}

/* Each tile has a defined width in carousel mode */
#explore-tiles .tile {
  flex: 0 0 calc(25% - 14px);
  min-width: 220px;
}

@media (max-width: 900px) {
  #explore-tiles .tile { flex: 0 0 calc(50% - 9px); min-width: 180px; }
}
@media (max-width: 520px) {
  #explore-tiles .tile { flex: 0 0 calc(100%); min-width: 0; }
}

/* ---------------------------------------------------------------
   8. FOOTER — Thin, clean, professional
   --------------------------------------------------------------- */

/* Hide the injected generated footer from the shell if the page
   already has its own <footer> element */
body.am-template-home footer[data-am-shell-generated-footer] {
  display: none !important;
}

/* The native homepage footer */
body.am-template-home footer:not([data-am-shell-generated-footer]) {
  border-top: 1px solid rgba(120, 180, 255, .10);
  padding: 14px 20px;
  margin-top: 24px;
  font-size: 12px;
  color: rgba(157, 182, 214, .65);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 18px;
  background: transparent;
}

body.am-template-home footer a {
  color: rgba(157, 182, 214, .65);
  text-decoration: none;
  transition: color .14s ease;
}

body.am-template-home footer a:hover {
  color: rgba(219, 233, 255, .92);
}

/* Footer nav links — small and clean */
.am-shell-footer-nav a {
  font-size: 12px;
  color: rgba(157, 182, 214, .65);
  text-decoration: none;
  transition: color .14s ease;
}

.am-shell-footer-nav a:hover {
  color: rgba(219, 233, 255, .92);
}

/* Mini contact bar in split-bottom — clean it up */
.section--mini-contact {
  padding: 14px 16px;
}

.mini-contactbar__title {
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .65;
  margin-bottom: 8px;
}

.mini-contactbar__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
}

.mini-contactbar__nav a {
  font-size: 12px;
  color: rgba(157, 182, 214, .75);
  text-decoration: none;
  transition: color .14s ease;
}

.mini-contactbar__nav a:hover {
  color: rgba(219, 233, 255, .95);
}

/* ---------------------------------------------------------------
   9. AI CONCIERGE ICON — Replace "AM" label with Alien ME symbol
   --------------------------------------------------------------- */

/* Hide text content of the FAB, show the symbol via background */
#am-ai .am-fab {
  font-size: 0 !important;       /* hide text */
  letter-spacing: 0 !important;
  overflow: hidden;
}

#am-ai .am-fab::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background-image: url('/assets/branding/am-nav-mark-1Z.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: brightness(1.1);
}

/* ---------------------------------------------------------------
   10. TILE DESCRIPTION — Remove stray duplicate text in tiles
   --------------------------------------------------------------- */

/* The tile has both .tile__desc and a <p> tag — hide the extra <p>
   that shows duplicated copy ("Stream and explore releases." etc.) */
#explore-tiles .tile .tile__inner > a > p:last-of-type {
  display: none;
}

/* ---------------------------------------------------------------
   11. DROPS-CURRENT-MOUNT — Clean up bottom mounting area
   --------------------------------------------------------------- */

.drops-current-mount {
  display: none !important;
}

/* ---------------------------------------------------------------
   12. RESPONSIVE: mobile nav tidiness
   --------------------------------------------------------------- */

@media (max-width: 640px) {
  .feature-card .release-actions {
    flex-wrap: wrap;
  }
  .feature-card .release-actions .btn,
  .feature-card .release-actions a.btn {
    flex: 1 1 140px;
    max-width: 100%;
  }
}


/* ---------------------------------------------------------------
   13. HOME NAV — brand image + text display in compact titlebar
   --------------------------------------------------------------- */

.am-home-nav .compact-titlebar__brand {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: Orbitron, sans-serif;
  font-size: 13px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(219, 233, 255, .92);
}

.am-home-nav .compact-titlebar__brand img {
  height: 22px;
  width: auto;
  display: block;
  flex-shrink: 0;
}

/* ---------------------------------------------------------------
   14. STORE DROP BANNER — remove sticker frame visual clutter
   --------------------------------------------------------------- */

.sticker-frame-wrap,
.sticker-frame {
  display: none !important;
}

/* ---------------------------------------------------------------
   15. MERCH TITLE + SUBTITLE styling cleanup
   --------------------------------------------------------------- */

.merch-title {
  font-family: Orbitron, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0 0 6px;
}

.merch-subtitle {
  color: rgba(157, 182, 214, .72);
  font-size: 13px;
  margin: 0 0 14px;
  letter-spacing: .04em;
}

/* ---------------------------------------------------------------
   16. Drop banner title — Codename style
   --------------------------------------------------------------- */

.drop-banner__title {
  font-family: Orbitron, sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .06em;
  margin: 6px 0 4px;
}

.drop-banner__eyebrow {
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
  opacity: .65;
}

.drop-banner__meta {
  font-size: 12px;
  opacity: .65;
  margin-bottom: 14px;
}

/* ---------------------------------------------------------------
   17. Footer — hide redundant shell-generated footer on homepage
   --------------------------------------------------------------- */

/* On homepage the footer is native HTML — no generated shell footer needed */
body.am-template-home footer.am-shell-footer[data-am-shell-generated-footer] {
  display: none !important;
}



/* ================================================================
   HOME NAV PARITY v5 — Drop-page nav as source of truth
   Scope: homepage only. Removes the old HUD/top menu and applies the
   same store-nav cascade/metrics used by /pages/shop-drop-001.html.
   ================================================================ */
body.am-template-home #am-hud,
body.am-template-home .hero-links,
body.am-template-home .am-home-nav:not([data-am-home-store-nav="true"]){
  display:none !important;
}

body.am-template-home[data-am-home-store-nav="store-nav-1Y"]{
  padding-top:0 !important;
}

body.am-template-home [data-am-home-store-nav="true"],
body.am-template-home .am-home-store-nav{
  position:sticky !important;
  top:0 !important;
  z-index:99980 !important;
  margin:0 !important;
  border-radius:0 !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  background:rgba(3,4,7,.86) !important;
  backdrop-filter:blur(18px) saturate(1.1) !important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1) !important;
  box-shadow:0 12px 34px rgba(0,0,0,.28) !important;
  min-height:34px !important;
  height:34px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  display:flex !important;
  align-items:center !important;
}

body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-shell-titlebar__inner,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .compact-titlebar__inner{
  width:100% !important;
  max-width:none !important;
  min-height:34px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 18px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
}

body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-shell-titlebar__brand,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .compact-titlebar__brand{
  grid-column:1 !important;
  justify-self:start !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  align-self:center !important;
  min-width:220px !important;
  height:34px !important;
  min-height:34px !important;
  margin-left:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  color:transparent !important;
  font-size:0 !important;
  text-indent:-9999px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

body.am-template-home [data-am-home-store-nav="true"] .am-shell-titlebar__brand::before,
body.am-template-home [data-am-home-store-nav="true"] .compact-titlebar__brand::before{
  content:"";
  width:170px;
  height:26px;
  display:block;
  background-image:url('/assets/branding/alienme-nav-logo-1Y.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:left center;
  text-indent:0 !important;
}

body.am-template-home [data-am-home-store-nav="true"] .am-shell-titlebar__brand > *,
body.am-template-home [data-am-home-store-nav="true"] .compact-titlebar__brand > *,
body.am-template-home [data-am-home-store-nav="true"] .am-shell-titlebar__meta{
  display:none !important;
}

body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"]{
  grid-column:2 !important;
  width:calc(100% + 40px) !important;
  min-width:0 !important;
  margin-left:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
  transform:translateX(-40px) !important;
  height:34px !important;
  min-height:34px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  align-self:center !important;
}

body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"]::-webkit-scrollbar{
  display:none !important;
}

body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-store-shell-cart{
  height:24px !important;
  min-height:24px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:0 12px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:rgba(255,255,255,.86) !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:750 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-shadow:none !important;
}

body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a:hover,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a:active,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a:focus,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a:focus-visible,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a.is-active,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-store-shell-cart:hover,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-store-shell-cart:active,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-store-shell-cart:focus,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-store-shell-cart:focus-visible{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  text-shadow:none !important;
  color:#fff !important;
}

body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-store-shell-search,
body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-store-nav-search]{
  order:-1 !important;
  flex:0 1 190px !important;
  width:190px !important;
  min-width:150px !important;
  max-width:220px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  margin-left:auto !important;
  margin-right:2px !important;
  padding:0 9px !important;
  display:inline-flex !important;
  align-items:center !important;
  align-self:center !important;
  gap:6px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.045) !important;
  border-radius:999px !important;
  line-height:1 !important;
}

body.am-template-home [data-am-home-store-nav="true"] .am-store-shell-search span,
body.am-template-home [data-am-home-store-nav="true"] [data-am-store-nav-search] span{
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.58) !important;
}

body.am-template-home [data-am-home-store-nav="true"] .am-store-shell-search input,
body.am-template-home [data-am-home-store-nav="true"] [data-am-store-nav-search] input{
  width:100% !important;
  min-width:0 !important;
  height:18px !important;
  min-height:18px !important;
  line-height:18px !important;
  font-size:11px !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:rgba(255,255,255,.92) !important;
  font:inherit !important;
}

body.am-template-home [data-am-home-store-nav="true"] [data-am-store-nav-cart],
body.am-template-home [data-am-home-store-nav="true"] .am-store-shell-cart{
  cursor:pointer !important;
  margin-left:14px !important;
  padding-left:10px !important;
  padding-right:10px !important;
  color:rgba(255,255,255,0.96) !important;
  font-weight:700 !important;
  letter-spacing:0.055em !important;
  background:rgba(255,255,255,0.055) !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  border-radius:999px !important;
  box-shadow:none !important;
}

body.am-template-home [data-am-home-store-nav="true"] [data-am-store-nav-cart] span,
body.am-template-home [data-am-home-store-nav="true"] .am-store-shell-cart span{
  margin-left:6px !important;
  letter-spacing:0 !important;
}

@media(max-width:900px){
  body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-shell-titlebar__inner,
  body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .compact-titlebar__inner{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:8px 12px !important;
    height:auto !important;
    min-height:34px !important;
  }
  body.am-template-home [data-am-home-store-nav="true"],
  body.am-template-home .am-home-store-nav{
    height:auto !important;
    min-height:34px !important;
  }
  body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-shell-titlebar__brand,
  body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .compact-titlebar__brand,
  body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"]{
    grid-column:1 !important;
  }
  body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] [data-am-shell-nav="primary"]{
    justify-content:flex-start !important;
    transform:none !important;
    width:100% !important;
    gap:8px !important;
  }
  body.am-template-home [data-am-home-store-nav="true"][data-am-store-primary-header="true"] .am-store-shell-search{
    order:-1 !important;
    margin-left:0 !important;
  }
}


/* ================================================================
   Global Public Nav Lock v6
   Source of truth: /pages/shop-drop-001.html store-nav baseline.
   Applies the same locked top navigation element across Home, Shop,
   Lookbook, Press/EPK, Explore, legal, and future public pages.
   ================================================================ */
body[data-am-global-store-nav="global-nav-lock-7"] #am-hud,
body[data-am-global-store-nav="global-nav-lock-7"] .am-home-nav:not([data-am-global-store-nav="true"]):not([data-am-home-store-nav="true"]){
  display:none !important;
}

body[data-am-global-store-nav="global-nav-lock-7"]{
  padding-top:0 !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-shell-generated-header][data-am-store-primary-header="true"],
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-global-store-nav="true"],
body[data-am-global-store-nav="global-nav-lock-7"] .am-global-store-nav{
  position:sticky !important;
  top:0 !important;
  z-index:99980 !important;
  margin:0 !important;
  border-radius:0 !important;
  background:rgba(4,4,6,.86) !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  backdrop-filter:blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(140%) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.26) !important;
  min-height:34px !important;
  height:34px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  display:flex !important;
  align-items:center !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-shell-titlebar__inner,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .compact-titlebar__inner{
  width:100% !important;
  max-width:none !important;
  min-height:34px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 18px !important;
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-shell-titlebar__brand,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .compact-titlebar__brand{
  grid-column:1 !important;
  justify-self:start !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  align-self:center !important;
  min-width:220px !important;
  height:34px !important;
  min-height:34px !important;
  margin-left:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  border-radius:0 !important;
  padding:0 !important;
  color:transparent !important;
  font-size:0 !important;
  text-indent:-9999px !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-shell-titlebar__brand::before,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .compact-titlebar__brand::before{
  content:"";
  width:170px;
  height:26px;
  display:block;
  background-image:url('/assets/branding/alienme-nav-logo-1Y.png');
  background-size:contain;
  background-repeat:no-repeat;
  background-position:left center;
  text-indent:0 !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-shell-titlebar__brand > *,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .compact-titlebar__brand > *,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-shell-titlebar__meta{
  display:none !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"]{
  grid-column:2 !important;
  width:calc(100% + 40px) !important;
  min-width:0 !important;
  margin-left:0 !important;
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:8px !important;
  overflow-x:auto !important;
  scrollbar-width:none !important;
  transform:translateX(-40px) !important;
  height:34px !important;
  min-height:34px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  align-self:center !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"]::-webkit-scrollbar{
  display:none !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-cart{
  height:24px !important;
  min-height:24px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding:0 12px !important;
  line-height:1 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:rgba(255,255,255,.86) !important;
  text-decoration:none !important;
  font-size:11px !important;
  font-weight:750 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  text-shadow:none !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a:hover,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a:active,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a:focus,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a:focus-visible,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"] a.is-active,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-cart:hover,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-cart:active,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-cart:focus,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-cart:focus-visible{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  text-shadow:none !important;
  color:#fff !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-search,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-store-nav-search]{
  order:-1 !important;
  flex:0 1 190px !important;
  width:190px !important;
  min-width:150px !important;
  max-width:220px !important;
  height:24px !important;
  min-height:24px !important;
  max-height:24px !important;
  margin-left:auto !important;
  margin-right:2px !important;
  padding:0 9px !important;
  display:inline-flex !important;
  align-items:center !important;
  align-self:center !important;
  gap:6px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  outline:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.045) !important;
  border-radius:999px !important;
  line-height:1 !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-search:hover,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-search:focus-within,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-store-nav-search]:hover,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-store-nav-search]:focus-within{
  outline:0 !important;
  box-shadow:none !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-search span,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-store-nav-search] span{
  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.58) !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-search input,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-store-nav-search] input{
  width:100% !important;
  min-width:0 !important;
  height:18px !important;
  min-height:18px !important;
  line-height:18px !important;
  font-size:11px !important;
  padding:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:rgba(255,255,255,.92) !important;
  font:inherit !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-store-nav-cart],
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-cart{
  cursor:pointer !important;
  margin-left:14px !important;
  padding-left:10px !important;
  padding-right:10px !important;
  color:rgba(255,255,255,0.96) !important;
  font-weight:700 !important;
  letter-spacing:0.055em !important;
  background:rgba(255,255,255,0.055) !important;
  border:1px solid rgba(255,255,255,0.12) !important;
  border-radius:999px !important;
  box-shadow:none !important;
}

body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-store-nav-cart] span,
body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-cart span{
  margin-left:6px !important;
  letter-spacing:0 !important;
}

@media(max-width:900px){
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-shell-titlebar__inner,
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .compact-titlebar__inner{
    grid-template-columns:1fr !important;
    gap:8px !important;
    padding:8px 12px !important;
    height:auto !important;
    min-height:34px !important;
  }
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-shell-generated-header][data-am-store-primary-header="true"],
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-global-store-nav="true"],
  body[data-am-global-store-nav="global-nav-lock-7"] .am-global-store-nav{
    height:auto !important;
    min-height:34px !important;
  }
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-shell-titlebar__brand,
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .compact-titlebar__brand,
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"]{
    grid-column:1 !important;
  }
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-shell-nav="primary"]{
    justify-content:flex-start !important;
    transform:none !important;
    width:100% !important;
    gap:8px !important;
  }
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] .am-store-shell-search,
  body[data-am-global-store-nav="global-nav-lock-7"] [data-am-store-primary-header="true"] [data-am-store-nav-search]{
    order:-1 !important;
    margin-left:0 !important;
  }
}


/* ALIEN ME — Global Nav Lock v7: suppress leftover page-level top menus outside the canonical Drop nav. */
body[data-am-global-store-nav="global-nav-lock-7"] > .compact-titlebar:not(.am-shell-titlebar):not(.am-global-store-nav):not([data-am-global-store-nav="true"]),
body[data-am-global-store-nav="global-nav-lock-7"] > .am-home-nav,
body[data-am-global-store-nav="global-nav-lock-7"] > .site-nav,
body[data-am-global-store-nav="global-nav-lock-7"] > .top-nav,
body[data-am-global-store-nav="global-nav-lock-7"] > .topnav,
body[data-am-global-store-nav="global-nav-lock-7"] > .navbar,
body[data-am-global-store-nav="global-nav-lock-7"] > .nav-bar,
body[data-am-global-store-nav="global-nav-lock-7"] .hero-links,
body[data-am-global-store-nav="global-nav-lock-7"] .page-nav,
body[data-am-global-store-nav="global-nav-lock-7"] .section-nav,
body[data-am-global-store-nav="global-nav-lock-7"] .micro-nav,
body[data-am-global-store-nav="global-nav-lock-7"] .breadcrumb,
body[data-am-global-store-nav="global-nav-lock-7"] .breadcrumbs{
  display:none !important;
}