/* PRECEDENCE V39 — intentional two-row Shop In-Person wall */

/* Dropdown must escape the header and remain clickable. */
.site-header,
.nav-links,
.nav-menu {
  overflow: visible !important;
}

.site-header {
  position: relative !important;
  z-index: 100000 !important;
}

.nav-menu {
  position: relative !important;
}

.nav-menu .nav-dropdown {
  top: calc(100% - 2px) !important;
  z-index: 100100 !important;
  max-height: none !important;
  overflow: visible !important;
}

.nav-menu:hover .nav-dropdown,
.nav-menu:focus-within .nav-dropdown,
.nav-menu.is-open .nav-dropdown {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body[data-page="shop-in-person"] {
  min-height: 100svh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: #a9412e !important;
}

body[data-page="shop-in-person"]::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(42,11,5,.09), transparent 18% 82%, rgba(42,11,5,.11)),
    linear-gradient(180deg, rgba(255,239,204,.035), rgba(42,11,5,.075)),
    url("assets/brick-wall-socials.png") center top / cover no-repeat !important;
}

body[data-page="shop-in-person"]::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 14% 20%, rgba(255,255,255,.06), transparent 22%),
    radial-gradient(circle at 83% 21%, rgba(221,255,0,.04), transparent 24%),
    radial-gradient(circle at 50% 82%, rgba(20,8,4,.09), transparent 38%);
  mix-blend-mode: soft-light;
}

body[data-page="shop-in-person"] .site-header,
body[data-page="shop-in-person"] main,
body[data-page="shop-in-person"] .page-view[data-page="shop-in-person"] {
  position: relative !important;
  z-index: 2 !important;
}

body[data-page="shop-in-person"] main,
body[data-page="shop-in-person"] .page-view[data-page="shop-in-person"] {
  width: 100% !important;
  height: auto !important;
  min-height: calc(100svh - var(--header-height)) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

body[data-page="shop-in-person"] .site-footer {
  display: none !important;
}

body[data-page="shop-in-person"] .inperson-v39 {
  width: 100%;
  min-height: calc(100svh - var(--header-height));
  padding: clamp(30px, 4vw, 58px) clamp(16px, 4vw, 64px) clamp(52px, 7vw, 96px);
}

body[data-page="shop-in-person"] .inperson-wall-v39 {
  width: min(1380px, 100%);
  margin: 0 auto;
  display: grid;
  gap: clamp(32px, 5vw, 70px);
}

body[data-page="shop-in-person"] .inperson-row-v39 {
  display: grid;
  align-items: center;
  justify-items: center;
}

body[data-page="shop-in-person"] .inperson-row-primary-v39 {
  grid-template-columns: minmax(310px, .78fr) minmax(520px, 1.22fr);
  gap: clamp(32px, 5vw, 78px);
}

body[data-page="shop-in-person"] .inperson-row-actions-v39 {
  grid-template-columns: minmax(520px, 1.18fr) minmax(300px, .82fr);
  gap: clamp(36px, 6vw, 92px);
}

body[data-page="shop-in-person"] .inperson-graffiti-v39 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  text-decoration: none;
  filter: drop-shadow(16px 22px 0 rgba(42,8,3,.20));
}

body[data-page="shop-in-person"] .inperson-graffiti-v39 img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  object-fit: contain;
}

body[data-page="shop-in-person"] .inperson-stand-v39 {
  width: min(100%, 430px);
  transform: rotate(-1.25deg);
}

body[data-page="shop-in-person"] .inperson-details-v39 {
  width: min(100%, 780px);
  transform: rotate(.75deg);
}

body[data-page="shop-in-person"] .inperson-map-v39 {
  width: min(100%, 780px);
  transform: rotate(-.55deg);
  transition: transform .18s ease, filter .18s ease;
}

body[data-page="shop-in-person"] .inperson-online-v39 {
  width: min(100%, 470px);
  transform: rotate(1deg);
  transition: transform .18s ease, filter .18s ease;
}

body[data-page="shop-in-person"] .inperson-map-v39:hover,
body[data-page="shop-in-person"] .inperson-map-v39:focus-visible,
body[data-page="shop-in-person"] .inperson-online-v39:hover,
body[data-page="shop-in-person"] .inperson-online-v39:focus-visible {
  transform: translateY(-7px) scale(1.025);
  filter: drop-shadow(19px 29px 0 rgba(42,8,3,.25));
  outline: none;
}

@media (max-width: 1040px) {
  body[data-page="shop-in-person"] .inperson-row-primary-v39 {
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    gap: 26px;
  }

  body[data-page="shop-in-person"] .inperson-row-actions-v39 {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 330px);
    gap: 30px;
  }
}

@media (max-width: 760px) {
  body[data-page="shop-in-person"]::before {
    background:
      linear-gradient(180deg, rgba(255,239,204,.035), rgba(42,11,5,.075)),
      url("assets/brick-wall-socials.png") center top / 1050px auto repeat !important;
  }

  body[data-page="shop-in-person"] .inperson-v39 {
    padding: 22px 14px 46px;
  }

  body[data-page="shop-in-person"] .inperson-wall-v39 {
    gap: 26px;
  }

  body[data-page="shop-in-person"] .inperson-row-primary-v39,
  body[data-page="shop-in-person"] .inperson-row-actions-v39 {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  body[data-page="shop-in-person"] .inperson-stand-v39 {
    width: min(82vw, 340px);
  }

  body[data-page="shop-in-person"] .inperson-details-v39,
  body[data-page="shop-in-person"] .inperson-map-v39 {
    width: min(94vw, 660px);
  }

  body[data-page="shop-in-person"] .inperson-online-v39 {
    width: min(82vw, 360px);
  }
}