/* Pure Independents · unified public header — 2026-11-02
   Scope everything to #siteHeader to avoid styles from legacy location/profile pages. */
#siteHeader.pi-shared-header, #siteHeader.pi-shared-header * { box-sizing: border-box !important; }
#siteHeader.pi-shared-header {
  position: fixed !important;
  z-index: 10000 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  min-height: 78px !important;
  padding: 0 clamp(14px,3vw,38px) !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(240,199,69,.29) !important;
  border-radius: 0 !important;
  background: rgba(8,9,12,.96) !important;
  box-shadow: 0 10px 34px rgba(0,0,0,.23) !important;
  color: #f8f6f1 !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
  isolation: isolate;
  font: 500 13px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  text-align: left !important;
}
#siteHeader.pi-shared-header.pi-scrolled {background:rgba(6,7,9,.99)!important;box-shadow:0 12px 36px rgba(0,0,0,.38)!important;}
#siteHeader .nav {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 1320px !important;
  height: 78px !important;
  min-height: 78px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
#siteHeader .brand {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-direction: row !important;
  gap: 11px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #fff !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  text-shadow: none !important;
  box-shadow: none !important;
  font: 600 14px/1.1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
}
#siteHeader .brand .pi-brand-icon {
  display: grid !important;
  flex: 0 0 40px !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(246,206,70,.80) !important;
  border-radius: 12px !important;
  background: linear-gradient(145deg,rgba(246,206,70,.25),rgba(246,206,70,.045)) !important;
  color: #f4cd48 !important;
  font: 400 21px/1 Georgia,serif !important;
  letter-spacing: 0 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.09) !important;
}
#siteHeader .brand .pi-brand-lockup {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.1 !important;
}
#siteHeader .brand .pi-brand-first {
  display: inline !important;
  color: #f5d04e !important;
  font: 400 18px/1.1 Georgia,"Times New Roman",serif !important;
  letter-spacing: .20em !important;
  text-transform: uppercase !important;
}
#siteHeader .brand .pi-brand-second {
  display: inline !important;
  color: #f7f7f7 !important;
  font: 800 10px/1.1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}
#siteHeader .brand .pi-brand-registered {
  display: inline !important;
  margin-left: 1px !important;
  color: inherit !important;
  font: 600 8px/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  vertical-align: top !important;
  letter-spacing: 0 !important;
}
#siteHeader .nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  flex: 1 1 auto !important;
  gap: clamp(9px,1.35vw,21px) !important;
  width: auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  font: 700 12px/1.4 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  text-transform: none !important;
  letter-spacing: .01em !important;
}
#siteHeader .nav-links > a:not(.pi-nav-mobile-cta) {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 7px 0 !important;
  border: 0 !important;
  color: #e7e5df !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
#siteHeader .nav-links > a:hover,#siteHeader .nav-links > a:focus-visible,#siteHeader .nav-links > a[aria-current="page"] {color:#f4d45d!important;}
#siteHeader .nav-links > a[aria-current="page"]::after {background:#f4cb43!important;}
#siteHeader .pi-nav-actions {display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;gap:8px!important;}
#siteHeader .pi-nav-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  min-height: 42px !important;
  margin: 0 !important;
  padding: 10px 14px !important;
  border: 1px solid #efc641 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg,#f8dc6e,#e1b12b) !important;
  color: #101010 !important;
  text-decoration: none !important;
  font: 850 12px/1.3 system-ui,-apple-system,"Segoe UI",Arial,sans-serif !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}
#siteHeader .pi-nav-mobile-cta {display:none!important;}
#siteHeader .pi-menu-toggle {display:none!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:43px!important;min-width:95px!important;padding:0 13px!important;margin:0!important;border:1px solid #edc53f!important;border-radius:10px!important;background:linear-gradient(135deg,#f8dc6e,#e1b12b)!important;color:#101010!important;font:850 13px/1.3 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer!important;}
#siteHeader .pi-menu-toggle-lines {display:grid!important;gap:5px!important;width:19px!important;}
#siteHeader .pi-menu-toggle-lines i {display:block!important;width:19px!important;height:2px!important;margin:0!important;border:0!important;border-radius:3px!important;background:#111!important;}
#siteHeader .pi-menu-toggle-text {display:inline!important;color:#111!important;font:850 13px/1.3 system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important;}
@media(max-width:1080px) {
  #siteHeader .pi-nav-cta {display:none!important;}
  #siteHeader .pi-menu-toggle {display:inline-flex!important;}
  #siteHeader .nav-links {
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    z-index:9999!important;
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 78px)!important;
    overflow-y:auto!important;
    margin:0!important;
    padding:12px clamp(16px,4vw,36px) 22px!important;
    border-bottom:2px solid #bd911b!important;
    border-radius:0!important;
    background:#f3cc48!important;
    box-shadow:0 25px 60px rgba(0,0,0,.4)!important;
  }
  #siteHeader .nav-links.is-open {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;}
  #siteHeader .nav-links > a:not(.pi-nav-mobile-cta) {
    display:flex!important;
    width:100%!important;
    min-height:46px!important;
    padding:12px 10px!important;
    border-bottom:1px solid rgba(0,0,0,.16)!important;
    color:#111!important;
    font-size:15px!important;
  }
  #siteHeader .nav-links > a:hover,#siteHeader .nav-links > a:focus-visible,#siteHeader .nav-links > a[aria-current="page"] {color:#111!important;background:rgba(255,255,255,.28)!important;}
  #siteHeader .nav-links > a[aria-current="page"]::after {background:#181818!important;}
  #siteHeader .nav-links > .pi-nav-mobile-cta {display:flex!important;align-items:center!important;justify-content:center!important;margin:16px 0 0!important;padding:14px 17px!important;border:1px solid #141414!important;border-radius:10px!important;background:#151515!important;color:#f6d65a!important;font-weight:850!important;}
}
@media(max-width:600px) {
  #siteHeader.pi-shared-header {min-height:70px!important;padding:0 14px!important;}
  #siteHeader .nav {height:70px!important;min-height:70px!important;gap:8px!important;}
  #siteHeader .brand {gap:8px!important;}
  #siteHeader .brand .pi-brand-icon {flex-basis:34px!important;width:34px!important;height:34px!important;border-radius:10px!important;font-size:17px!important;}
  #siteHeader .brand .pi-brand-first {font-size:15px!important;letter-spacing:.15em!important;}
  #siteHeader .brand .pi-brand-second {font-size:8px!important;letter-spacing:.08em!important;}
  #siteHeader .pi-menu-toggle {min-width:83px!important;min-height:39px!important;padding:0 10px!important;gap:7px!important;}
  #siteHeader .nav-links {max-height:calc(100dvh - 70px)!important;}
}
@media(max-width:365px) {
  #siteHeader .brand .pi-brand-icon {flex-basis:30px!important;width:30px!important;height:30px!important;}
  #siteHeader .brand .pi-brand-first {font-size:13px!important;}
  #siteHeader .brand .pi-brand-second {font-size:7px!important;}
  #siteHeader .pi-menu-toggle {min-width:78px!important;}
}
@media(max-width:1080px) {body.pi-menu-open {overflow:hidden!important;}}

@media(max-width:600px){body.pi-public-catalog .wrap{padding-top:calc(70px + 22px)!important;}}


/* 2026-11-02 — Diamond: independent platinum/ice label, a premium editorial visual.
   All public pages include this common stylesheet. */
.pi-compact-card__labels .pi-compact-card__diamond,
.corner-ribbon.corner-ribbon--diamond,
.badges .badge.diamond-label {
  position:relative;
  z-index:5;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:auto;
  min-width:0;
  padding:6px 9px;
  border:1px solid rgba(245,252,255,.95);
  border-radius:8px;
  background:linear-gradient(112deg,#3c5069 0%,#c7ebff 21%,#f6fdff 37%,#9ac5df 53%,#e3f5ff 74%,#4e7395 100%);
  background-size:220% 100%;
  color:#08243a !important;
  font:900 10px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 1px 0 rgba(255,255,255,.52);
  box-shadow:0 0 0 1px rgba(155,228,255,.37),0 3px 14px rgba(87,207,255,.66),0 0 21px rgba(123,209,255,.24);
  overflow:hidden;
  isolation:isolate;
  animation:pi-diamond-pulse 4.8s ease-in-out infinite;
}
.pi-compact-card__labels .pi-compact-card__diamond::after,
.corner-ribbon.corner-ribbon--diamond::after,
.badges .badge.diamond-label::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(100deg,transparent 16%,rgba(255,255,255,.8) 46%,transparent 73%);
  transform:translateX(-145%);
  animation:pi-diamond-shine 5.6s ease-in-out infinite;
  pointer-events:none;
}
.pi-compact-card--diamond .pi-compact-card__photo {
  border:2px solid #d8f5ff;
  box-shadow:0 0 0 1px rgba(122,207,255,.35),0 0 18px rgba(99,197,255,.23),inset 0 0 0 1px rgba(255,255,255,.14);
}
.pi-compact-card--diamond .pi-compact-card__name {color:#e6f7ff;}
/* Legacy borough cards: place Diamond inside the photo instead of rotating it over other labels. */
.card--diamond .thumb {border-color:#bce9ff !important;box-shadow:0 0 0 1px rgba(122,207,255,.35),0 0 17px rgba(97,193,255,.27);}
.corner-ribbon.corner-ribbon--diamond {
  position:absolute;
  top:auto;
  bottom:11px;
  left:10px;
  right:auto;
  transform:none;
  padding:7px 11px;
  letter-spacing:.06em;
  font-size:11px;
}
.badges .badge.diamond-label{font-size:13px;padding:10px 14px;border-radius:999px;letter-spacing:.085em;}
.photo.photo--diamond{border:2px solid #ccedff;box-shadow:0 0 0 2px rgba(167,225,255,.24),0 0 28px rgba(89,176,241,.22),0 24px 70px rgba(0,0,0,.62);}
@keyframes pi-diamond-pulse {
  0%,100%{filter:brightness(1);background-position:0% 50%;}
  48%,54%{filter:brightness(1.22);background-position:100% 50%;}
}
@keyframes pi-diamond-shine {
  0%,13%,100%{transform:translateX(-145%);}
  34%,44%{transform:translateX(145%);}
}
@media(prefers-reduced-motion:reduce){
  .pi-compact-card__labels .pi-compact-card__diamond,
  .corner-ribbon.corner-ribbon--diamond,
  .badges .badge.diamond-label,
  .pi-compact-card__labels .pi-compact-card__diamond::after,
  .corner-ribbon.corner-ribbon--diamond::after,
  .badges .badge.diamond-label::after {animation:none !important;}
}
