/* ProjectJerky cleaned site CSS (pj.css) */

:root{
  --pj-black:#0b0b0d;
  --pj-black-2:#111218;
  --pj-yellow:#ffd400;
  --pj-yellow-2:#ffe66b;
  --pj-text:#f2f2f2;
  --pj-muted:#b9bcc7;
  --pj-border:rgba(255,212,0,.22);
  --pj-glow:0 0 0 1px rgba(255,212,0,.22), 0 0 22px rgba(255,212,0,.12);
  --pj-radius:18px;
  --pj-max:1120px;

  --pj-hpad:16px;
  --pj-vpad:28px;
  --pj-font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}

html,body{margin:0;padding:0;background:var(--pj-black);color:var(--pj-text);font-family:var(--pj-font);}

/* Keep footer at viewport bottom on short pages */
body > main{
  min-height: calc(100dvh - 7rem);
}

a{color:var(--pj-yellow);text-decoration:none}

.pj-container{max-width:var(--pj-max);margin:0 auto;padding:0 var(--pj-hpad);}

.pj-section{padding:var(--pj-vpad) 0;}

.pj-card{
  background:rgba(255,255,255,.02);
  border:1px solid var(--pj-border);
  border-radius:var(--pj-radius);
  box-shadow:var(--pj-glow);
  padding:18px;
}

.pj-btn{
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  padding:12px 18px;
  font-weight:700;
}

.pj-btn--primary{background:var(--pj-yellow);color:#111;}

.pj-btn--ghost{background:transparent;color:var(--pj-text);border-color:rgba(255,212,0,.35);}

.pj-h1{font-size:clamp(32px,4vw,56px);line-height:1.05;margin:0 0 14px;}

.pj-sub{color:var(--pj-muted);font-size:18px;line-height:1.5;margin:0 0 18px;}

.pj-grid{display:grid;gap:16px;}

@media(min-width:900px){ .pj-grid--3{grid-template-columns:repeat(3,1fr);} }

@media(min-width:900px){ .pj-grid--2{grid-template-columns:repeat(2,1fr);} }

.pj-wrap strong{
color: #ffffff;
}

#pjTop > section.pj-hero > div > div.pj-hero__visual > div > div.pj-labCard__bottom > a{
color: #ffffff;
}

:root{
--pj-black:#0b0b0d;
--pj-black-2:#111218;
--pj-yellow:#ffd400;
--pj-yellow-2:#ffe66b;
--pj-orange:#ff3c00;
--pj-orange-2:#ff6a00;
--pj-text:#f2f2f2;
--pj-muted:#b9bcc7;
--pj-border:rgba(255,212,0,.22);
--pj-radius:18px;
--pj-radius-sm:14px;
}

.pj-wrap { color: #EDEDED; background: #000; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial; }

.pj-wrap * { box-sizing: border-box; }

.pj-container { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }

.pj-center { display:flex; gap:12px; justify-content:center; margin-top: 18px; flex-wrap: wrap; }

.pj-sep { opacity:.5; margin: 0 8px; }

:root{
  --pj-black: #000000;
  --pj-ink: #0A0C10;          /* cool near-black */
  --pj-ink2: #0E1118;         /* alt surface */
  --pj-line: rgba(255,255,255,.10);
  --pj-line2: rgba(255,255,255,.16);
  --pj-text: #EDEDED;
  --pj-muted: rgba(237,237,237,.70);
  --pj-accent: #FFD200;       /* set to your logo yellow */
  --pj-accent2: rgba(255,210,0,.18);
}

.pj-bar{ background: var(--pj-ink); border-bottom: 1px solid var(--pj-line); }

.pj-bar__inner{ display:flex; justify-content:space-between; align-items:center; padding: 10px 0; gap: 14px; flex-wrap: wrap; }

.pj-bar__left{ display:flex; align-items:center; gap: 10px; }

/* Desktop: logo left, full tagline to the right (DOM is tagline then logo) */
.pj-bar__logo-link,
.pj-bar__left > .pj-dot {
  order: 1;
}
.pj-bar__tagline {
  order: 2;
}

.pj-bar__logo-link{ display:inline-block; line-height:0; }
.pj-bar__logo{ max-height: 3.25rem; width: auto; vertical-align: middle; }

/* Mobile: tagline above, centered logo; nav row below */
@media (max-width: 767px) {
  .pj-bar__inner {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .pj-bar__left {
    flex-direction: column;
    align-items: center;
    width: 100%;
    text-align: center;
    gap: 8px;
  }
  .pj-bar__tagline {
    order: 1;
    line-height: 1.35;
    margin: 0 auto;
  }
  .pj-bar__logo-link,
  .pj-bar__left > .pj-dot {
    order: 2;
  }
  .pj-bar__right {
    width: 100%;
    justify-content: center;
  }
}

.pj-dot{ width: 8px; height: 8px; border-radius: 999px; background: var(--pj-accent); box-shadow: 0 0 0 3px var(--pj-accent2); }

.pj-bar__right{ display:flex; align-items:center; flex-wrap: wrap; }

.pj-bar__link{ color: var(--pj-text); text-decoration:none; opacity:.9; }

.pj-bar__link:hover{ opacity:1; color: var(--pj-accent); }

/* Top bar: nested items (assigned parent in admin) open as a hover submenu, not inline */
.pj-bar__group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
/* Same “square box” panel as mini-cart (.pj-cart__dropdown) */
.pj-bar__submenu {
  display: none;
  position: absolute;
  left: 0;
  top: calc(100% + 10px);
  margin: 0;
  padding: 12px;
  min-width: 220px;
  width: max-content;
  max-width: min(360px, calc(100vw - 32px));
  background: #0b0d10;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 0;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.55);
  z-index: 99999;
  list-style: none;
}
@media (hover: hover) {
  .pj-bar__group:hover .pj-bar__submenu,
  .pj-bar__group:focus-within .pj-bar__submenu {
    display: block;
  }
}
@media (hover: none) {
  .pj-bar__group.pj-bar__group--open .pj-bar__submenu {
    display: block;
  }
}
.pj-bar__submenu li {
  margin: 0;
  padding: 0;
}
.pj-bar__submenu li + li {
  margin-top: 10px;
}
/* Row actions: same squared buttons as .pj-cart__btn in the cart dropdown */
.pj-bar__submenu-link {
  display: block;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 0;
  font-weight: 700;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: transparent;
  color: #ededed;
  white-space: nowrap;
}
.pj-bar__submenu-link:hover {
  color: #ededed;
  border-color: rgba(255, 255, 255, 0.28);
  text-decoration: none;
}

.pj-bar__submenu-trigger {
  background: none;
  border: 0;
  font: inherit;
  cursor: pointer;
  padding: 0;
  color: inherit;
}

.pj-hero{
  background:
    radial-gradient(900px 500px at 20% 20%, rgba(255,210,0,.10), transparent 60%),
    radial-gradient(700px 400px at 80% 0%, rgba(255,255,255,.08), transparent 55%),
    linear-gradient(180deg, #000 0%, var(--pj-ink) 100%);
  border-bottom: 1px solid var(--pj-line);
}

.pj-hero__grid{ display:grid; grid-template-columns: 1.1fr .9fr; gap: 28px; padding: 54px 0 40px; align-items:center; }

@media (max-width: 980px){ .pj-hero__grid{ grid-template-columns: 1fr; } }

.pj-kicker{ display:flex; align-items:center; gap: 12px; margin-bottom: 14px; }

.pj-kicker__tag{ font-size: 12px; letter-spacing: .20em; text-transform: uppercase; color: var(--pj-text); opacity:.9; }

.pj-kicker__tag--muted{ opacity:.65; }

.pj-kicker__line{ flex:1; height: 1px; background: var(--pj-line); }

.pj-h1{ font-size: clamp(34px, 4vw, 54px); line-height: 1.02; margin: 0 0 12px; }

.pj-accent{ color: var(--pj-accent); }

.pj-lede{ font-size: 16px; line-height: 1.6; margin: 0 0 18px; color: var(--pj-muted); max-width: 52ch; }

.pj-btn{
  border: 1px solid var(--pj-line2);
  background: transparent;
  color: var(--pj-text);
  padding: 12px 16px;
  border-radius: 14px;
  text-decoration: none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  cursor: pointer;
  transition: transform .08s ease, border-color .2s ease, background .2s ease, color .2s ease;
  user-select:none;
}

.pj-btn:hover{ transform: translateY(-1px); border-color: rgba(255,255,255,.28); }

.pj-btn--primary{
  background: var(--pj-accent);
  color: #0A0C10;
  border-color: rgba(0,0,0,.22);
}

.pj-btn--primary:hover{ filter: brightness(1.05); }

.pj-btn--ghost{ background: rgba(255,255,255,.06); }

.pj-btn--tiny{ padding: 10px 12px; border-radius: 12px; font-size: 13px; }

.pj-btn--invert{ border-color: rgba(255,255,255,.24); color: #fff; background: rgba(0,0,0,.2); }

.pj-ctaRow{ display:flex; gap: 12px; flex-wrap: wrap; margin: 16px 0 18px; }

.pj-proof{ display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 8px; }

@media (max-width: 820px){ .pj-proof{ grid-template-columns: 1fr; } }

.pj-proof__item{
  border: 1px solid var(--pj-line);
  background: rgba(255,255,255,.04);
  border-radius: 16px;
  padding: 14px;
  display:flex;
  gap: 12px;
  align-items:flex-start;
}

.pj-proof__title{ font-weight: 700; margin-bottom: 4px; }

.pj-proof__sub{ color: var(--pj-muted); font-size: 13px; }

.pj-ico{ width: 36px; height: 36px; border-radius: 12px; border: 1px solid var(--pj-line); background: rgba(255,255,255,.04); position: relative; }

.pj-ico:after{ content:""; position:absolute; inset: 9px; border-radius: 8px; border: 1px solid rgba(255,210,0,.35); }

.pj-ico--spark:before{ content:""; position:absolute; left: 12px; top: 10px; width: 12px; height: 12px; border: 2px solid var(--pj-accent); transform: rotate(15deg); }

.pj-ico--beaker:before{ content:""; position:absolute; left: 12px; top: 9px; width: 12px; height: 16px; border: 2px solid var(--pj-accent); border-top: 0; border-radius: 0 0 6px 6px; }

.pj-ico--batch:before{ content:""; position:absolute; left: 10px; top: 10px; width: 16px; height: 16px; border: 2px solid var(--pj-accent); border-radius: 6px; }

.pj-labCard{
  border: 1px solid var(--pj-line);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-radius: 22px;
  overflow:hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
}

.pj-labCard__top{
  display:flex; justify-content:space-between; gap: 14px;
  padding: 14px 14px 0;
}

.pj-labBadge{ display:flex; align-items:center; gap: 10px; }

.pj-labBadge__pill{
  font-size: 12px; letter-spacing:.14em; text-transform: uppercase;
  padding: 6px 10px; border-radius: 999px;
  border: 1px solid var(--pj-line);
  background: rgba(0,0,0,.35);
}

.pj-labBadge__value{ color: var(--pj-accent); font-weight: 800; }

.pj-labMeta__label{ font-size: 12px; color: var(--pj-muted); }

.pj-labMeta__value{ font-weight: 800; }

.pj-labCard__media{ position:relative; padding: 14px; }

.pj-heroImg{ width: 100%; height: auto; display:block; border-radius: 16px; border: 1px solid var(--pj-line); background: #050608; }

.pj-gridOverlay{
  position:absolute; inset: 14px;
  border-radius: 16px;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: .35;
  pointer-events:none;
  mix-blend-mode: overlay;
}

.pj-corner{
  position:absolute; width: 18px; height: 18px; border: 2px solid var(--pj-accent);
  opacity: .85; pointer-events:none;
}

.pj-corner--tl{ top: 22px; left: 22px; border-right:0; border-bottom:0; border-radius: 6px 0 0 0; }

.pj-corner--tr{ top: 22px; right: 22px; border-left:0; border-bottom:0; border-radius: 0 6px 0 0; }

.pj-corner--bl{ bottom: 22px; left: 22px; border-right:0; border-top:0; border-radius: 0 0 0 6px; }

.pj-corner--br{ bottom: 22px; right: 22px; border-left:0; border-top:0; border-radius: 0 0 6px 0; }

.pj-labCard__bottom{
  padding: 0 14px 14px;
  display:flex; align-items:center; justify-content:space-between; gap: 12px; flex-wrap: wrap;
}

.pj-signal__label{ font-size: 12px; color: var(--pj-muted); }

.pj-signal__value{ font-weight: 800; }

.pj-section{ padding: 56px 0; border-bottom: 1px solid var(--pj-line); background: #000; }

.pj-section--alt{ background: var(--pj-ink2); }

.pj-head{ margin-bottom: 18px; }

.pj-h2{ font-size: clamp(26px, 3vw, 36px); margin: 0 0 8px; }

.pj-sub{ margin: 0; color: var(--pj-muted); line-height: 1.6; max-width: 70ch; }

.pj-cards{
  display:grid;
  grid-template-columns: 1.1fr .9fr .9fr;
  gap: 14px;
  margin-top: 16px;
}

@media (max-width: 980px){ .pj-cards{ grid-template-columns: 1fr; } }

.pj-card{
  border: 1px solid var(--pj-line);
  background: rgba(255,255,255,.04);
  border-radius: 20px;
  padding: 18px;
  position:relative;
  overflow:initial;
}

.pj-card--featured{
  background:
    radial-gradient(520px 220px at 30% 20%, rgba(255,210,0,.14), transparent 60%),
    rgba(255,255,255,.04);
  border-color: rgba(255,210,0,.28);
}

.pj-card__badge{
  position:absolute; top: -14px; right: 2px;
  font-size: 12px; letter-spacing:.12em; text-transform: uppercase;
  padding: 6px 10px; border-radius: 999px;
  background: rgba(0,0,0,.35);
  border: 1px solid #ffd000;
}

.pj-h3{ margin: 0 0 8px; font-size: 20px; }

.pj-card__text{ margin: 0 0 12px; color: var(--pj-muted); line-height: 1.6; }

.pj-card__actions{ display:flex; gap: 10px; flex-wrap: wrap; margin-top: 12px; }

.pj-card__fine{ margin-top: 10px; font-size: 12px; color: rgba(237,237,237,.55); }

.pj-list{ margin: 0; padding-left: 18px; color: rgba(237,237,237,.78); line-height: 1.7; }

.pj-list--tight li{ margin: 6px 0; }

.pj-steps{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-top: 18px;
}

@media (max-width: 980px){ .pj-steps{ grid-template-columns: 1fr; } }

.pj-step{
  border: 1px solid var(--pj-line);
  background: rgba(255,255,255,.04);
  border-radius: 18px;
  padding: 16px;
}

.pj-step__num{ color: var(--pj-accent); font-weight: 900; letter-spacing:.12em; }

.pj-step__title{ margin-top: 10px; font-weight: 800; }

.pj-step__text{ margin-top: 6px; color: var(--pj-muted); line-height: 1.6; }

.pj-split{ display:grid; grid-template-columns: 1.1fr .9fr; gap: 16px; align-items:start; }

@media (max-width: 980px){ .pj-split{ grid-template-columns: 1fr; } }

/* Store product: right column stacks buy card + description card */
.pj-productDetail__rightCol {
  display: grid;
  gap: 16px;
  align-content: start;
}

.pj-productDetail__tabsCard {
  margin: 0;
}

/* Store product: tabs block inside its own .pj-card */
.pj-productDetail__tabs {
  margin: 0;
  padding: 0;
  border: 0;
}
.pj-productDetail__tabs .pj-h3 {
  margin-top: 0;
  font-size: 18px;
}
.pj-productDetail__desc {
  margin: 0;
  color: rgba(237, 237, 237, 0.88);
  line-height: 1.65;
}

/* Related products + shop listing — equal columns, square thumbs (same card geometry) */
.pj-relatedProducts .pj-cards,
.pj-shopProducts .pj-cards {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
@media (min-width: 981px) {
  .pj-relatedProducts .pj-cards,
  .pj-shopProducts .pj-cards {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.pj-relatedProducts .pj-productRelated__image,
.pj-shopProducts .pj-productRelated__image {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid var(--pj-line);
  aspect-ratio: 1 / 1;
  max-height: 220px;
  margin-bottom: 10px;
}
.pj-relatedProducts .pj-productRelated__image img,
.pj-shopProducts .pj-productRelated__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pj-shopProducts .pj-productRelated__image--empty {
  background:
    radial-gradient(ellipse at 40% 30%, rgba(255, 210, 0, 0.08), transparent 55%),
    rgba(255, 255, 255, 0.04);
}
/* Shop cards: stretch to one row height; pin actions to bottom; clamp description */
.pj-shopProducts .pj-card {
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto auto;
  align-content: start;
  min-height: 0;
}
.pj-shopProducts .pj-card__actions {
  align-self: end;
}
.pj-shopProducts .pj-card__text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  min-height: 0;
}

.pj-trustBox{
  border: 1px solid var(--pj-line);
  background: rgba(255,255,255,.04);
  border-radius: 20px;
  padding: 18px;
}

.pj-trustBox__title{ font-weight: 900; margin-bottom: 10px; }

.pj-scale{ margin-top: 16px; border: 1px solid var(--pj-line); background: rgba(255,255,255,.04); border-radius: 18px; padding: 14px; }

.pj-scale__row{ display:flex; gap: 12px; align-items:center; }

.pj-scale__bar{ flex:1; height: 10px; border-radius: 999px; background: rgba(255,255,255,.10); position:relative; border: 1px solid var(--pj-line); }

.pj-scale__dot{ position:absolute; top:50%; transform:translate(-50%, -50%); width: 18px; height: 18px; border-radius: 999px; background: var(--pj-accent); box-shadow: 0 0 0 4px var(--pj-accent2); }

.pj-scale__note{ margin-top: 10px; font-size: 12px; color: rgba(237,237,237,.55); }

.pj-quotes,
.pj-reviews{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
}

@media (max-width: 980px){
  .pj-quotes,
  .pj-reviews{ grid-template-columns: 1fr; }
}

.pj-quote{
  border: 1px solid var(--pj-line);
  background: rgba(0,0,0,.20);
  border-radius: 18px;
  padding: 16px;
}

.pj-quote blockquote{ margin: 0; font-weight: 650; line-height: 1.6; }

.pj-quote figcaption{ margin-top: 10px; color: var(--pj-muted); font-size: 13px; }

/* pj.reviews.v1 — avatar + name + quote */
.pj-review{
  border: 1px solid var(--pj-line);
  background: rgba(0,0,0,.20);
  border-radius: 18px;
  padding: 16px;
  min-width: 0;
}
.pj-review__top{
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.pj-review__avatar{
  width: 56px;
  height: 56px;
  border-radius: 999px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
}
.pj-review__avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pj-review__avatar--empty{
  display: grid;
  place-items: center;
  background:
    radial-gradient(ellipse at 30% 20%, rgba(255,210,0,.12), transparent 55%),
    rgba(0,0,0,.35);
}
.pj-review__avatarInitial{
  font-size: 20px;
  font-weight: 800;
  color: var(--pj-accent);
  line-height: 1;
  text-transform: uppercase;
}
.pj-review__name{
  font-weight: 800;
  font-size: 15px;
  color: #EDEDED;
  letter-spacing: 0.02em;
}
.pj-review__quote{
  margin: 0;
  font-weight: 650;
  line-height: 1.55;
  font-size: 15px;
}

.pj-tiles{ display:grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 18px; }

@media (max-width: 980px){ .pj-tiles{ grid-template-columns: 1fr; } }

.pj-tile{
  border: 1px solid var(--pj-line);
  background: rgba(255,255,255,.04);
  border-radius: 18px;
  padding: 16px;
}

.pj-tile__title{ font-weight: 900; margin-bottom: 8px; }

.pj-tile__text{ color: var(--pj-muted); line-height: 1.6; }

.pj-flow{ display:flex; gap: 10px; flex-wrap: wrap; margin: 16px 0; }

.pj-flow__step{
  border: 1px solid var(--pj-line);
  background: rgba(255,255,255,.04);
  border-radius: 999px;
  padding: 10px 12px;
  display:flex; align-items:center; gap: 8px;
}

.pj-flow__step span{
  width: 22px; height: 22px; border-radius: 999px;
  background: var(--pj-accent); color: #0A0C10; font-weight: 900;
  display:flex; align-items:center; justify-content:center;
}

.pj-note{ margin-top: 14px; color: rgba(237,237,237,.65); font-size: 13px; }

.pj-note code{ color: var(--pj-accent); }

.pj-qrCard{
  border: 1px solid rgba(255,210,0,.25);
  background:
    radial-gradient(520px 240px at 35% 15%, rgba(255,210,0,.14), transparent 60%),
    rgba(255,255,255,.04);
  border-radius: 22px;
  padding: 18px;
}

.pj-qrCard__title{ font-weight: 900; margin-bottom: 8px; }

.pj-qrCard__text{ color: var(--pj-muted); margin-bottom: 10px; }

.pj-qrCard__code{
  border: 1px solid var(--pj-line);
  border-radius: 14px;
  padding: 12px;
  background: rgba(0,0,0,.35);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  color: rgba(237,237,237,.9);
  word-break: break-all;
  margin-bottom: 10px;
}

.pj-qrCard__fine{ margin-top: 10px; font-size: 12px; color: rgba(237,237,237,.55); }

.pj-formShell{
  border: 1px solid var(--pj-line);
  background: rgba(255,255,255,.04);
  border-radius: 20px;
  padding: 16px;
  margin-top: 16px;
}

/* pj.alerts.v1 — 40% / 40% / 20% row (no Bootstrap on PjCrunch storefront) */
.pj-formShell.pj-alerts-shell{
  overflow: visible;
  box-sizing: border-box;
}
.pj-formShell.pj-alerts-shell .pj-newsletter-form,
.pj-formShell.pj-alerts-shell .pj-newsletter-form *{
  box-sizing: border-box;
}
.pj-formShell.pj-alerts-shell .pj-alerts__fields{
  display: grid;
  /* 40% / 40% / 20% — name / email / subscribe */
  grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1fr);
  gap: 10px 12px;
  width: 100%;
  align-items: end;
}
.pj-formShell.pj-alerts-shell .pj-alerts__field{
  min-width: 0;
}
.pj-formShell.pj-alerts-shell .pj-alerts__field--submit{
  align-self: end;
}
.pj-formShell.pj-alerts-shell .pj-alerts__subscribeBtn{
  width: 100%;
  height: 46px;
  box-sizing: border-box;
}
.pj-formShell.pj-alerts-shell .pj-checkout__input{
  width: 100%;
  max-width: 100%;
}
@media (max-width: 640px){
  .pj-formShell.pj-alerts-shell .pj-alerts__fields{
    grid-template-columns: 1fr;
  }
  .pj-formShell.pj-alerts-shell .pj-alerts__subscribeBtn{
    height: auto;
    min-height: 44px;
  }
}

.pj-formPlaceholder{
  border: 1px dashed rgba(255,255,255,.18);
  border-radius: 16px;
  padding: 18px;
  text-align:center;
}

.pj-formPlaceholder__title{ font-weight: 900; margin-bottom: 6px; }

.pj-formPlaceholder__text{ color: var(--pj-muted); line-height: 1.6; }

.pj-faq{ margin-top: 16px; display:grid; gap: 10px; }

.pj-faq__q{
  width:100%;
  text-align:left;
  padding: 14px 14px;
  border-radius: 16px;
  border: 1px solid var(--pj-line);
  background: rgba(255,255,255,.04);
  color: var(--pj-text);
  font-weight: 800;
  cursor:pointer;
}

.pj-faq__a{
  border-left: 2px solid rgba(255,210,0,.55);
  margin: -2px 0 6px;
  padding: 10px 14px 10px 14px;
  color: var(--pj-muted);
  line-height: 1.6;
  display:none;
}

.pj-faq__q.is-open + .pj-faq__a{ display:block; }

.pj-final{
  padding: 46px 0;
  background:
    radial-gradient(760px 320px at 20% 40%, rgba(255,210,0,.12), transparent 60%),
    linear-gradient(180deg, var(--pj-ink) 0%, #000 100%);
}

.pj-final__inner{ display:flex; justify-content:space-between; align-items:center; gap: 18px; flex-wrap: wrap; }

.pj-h2--invert{ color: #fff; }

.pj-sub--invert{ color: rgba(255,255,255,.75); }

/* Cart  CSS (pj.css) */
.pj-cart { position: relative; display: inline-block; }
.pj-cart__icon { position: relative; display: inline-flex; align-items: center; gap: 10px; text-decoration: none; }
.pj-cart__label { font-weight: 600; }
.pj-cart__badge {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: 999px; font-size: 12px; font-weight: 800;
}

.pj-cart__dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: 360px;
  background: rgba(0,0,0,.92);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  padding: 12px;
  z-index: 9999;
  display: none;
}
.pj-cart__dropdown.is-open { display: block; }

.pj-cart__items { display: grid; gap: 10px; }
.pj-cart__empty { opacity: .75; padding: 10px 0; }

.pj-cartItem {
  display: grid;
  grid-template-columns: 1fr 54px;
  gap: 10px;
  align-items: start;
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding-bottom: 10px;
}
.pj-cartItem:last-child { border-bottom: 0; padding-bottom: 0; }

.pj-cartItem__name { font-size: 13px; font-weight: 700; line-height: 1.25; }
.pj-cartItem__sub { font-size: 12px; opacity: .8; margin-top: 4px; }

.pj-cartItem__thumb img {
  width: 54px; height: 54px; object-fit: cover;
  border-radius: 6px;
  border: 1px solid rgba(255,255,255,.12);
}

.pj-cart__subtotal {
  display: flex; justify-content: space-between; align-items: center;
  border-top: 1px solid rgba(255,255,255,.10);
  margin-top: 10px;
  padding-top: 10px;
  font-size: 13px;
}
.pj-cart__subtotalVal { font-weight: 800; }

.pj-cart__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}
.pj-cart__btn {
  text-align: center;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
  font-weight: 700;
}
.pj-cart__btn--primary {
  border-color: rgba(255,210,0,.35);
}

/* Ensure right bar anchors align like the live header */
.pj-bar__right {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
}

/* Trigger */
.pj-cart { position: relative; }
.pj-cart__trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
}

.pj-cart__text { opacity: .9; }
.pj-cart__icon { opacity: .9; font-size: 14px; }

/* Count bubble like the live “3” */
.pj-cart__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
  background: #FFD200;
  color: #0A0C10;
}

/* Dropdown panel */
.pj-cart__dropdown {
  position: absolute;
  right: 0;
  top: calc(100% + 10px);
  width: 360px;
  background: #0B0D10;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  z-index: 99999;
  display: none;
  padding: 12px;
}

.pj-cart__dropdown.is-open { display: block; }

.pj-cart__items { display: grid; gap: 10px; }
.pj-cart__empty { opacity: .75; padding: 8px 0; }

.pj-cartItem {
  display: grid;
  grid-template-columns: 1fr 52px;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.10);
}
.pj-cartItem:first-child { padding-top: 0; }
.pj-cartItem:last-child { border-bottom: 0; padding-bottom: 0; }

.pj-cartItem__name { font-size: 13px; font-weight: 700; line-height: 1.25; }
.pj-cartItem__sub { font-size: 12px; opacity: .8; margin-top: 4px; }

.pj-cartItem__thumb img {
  width: 52px;
  height: 52px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid rgba(255,255,255,.12);
}

/* Subtotal row matches live emphasis */
.pj-cart__subtotal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.12);
  font-size: 13px;
}
.pj-cart__subtotalLabel { color: #FFD200; font-weight: 800; }
.pj-cart__subtotalVal { font-weight: 800; }

/* Buttons row */
.pj-cart__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 10px;
}

.pj-cart__btn {
  text-align: center;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 0; /* live looks squared */
  font-weight: 700;
  border: 1px solid rgba(255,255,255,.16);
  background: transparent;
  color: #EDEDED;
}

.pj-cart__btn--primary {
  border-color: rgba(255,210,0,.35);
}

.pj-input{
  width: min(520px, 100%);
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.04);
  color: #EDEDED;
  outline: none;
}

/* Cart page parity (filled cart) */
.pj-cartPage { padding: 40px 0; }
/* Scope box model to cart only to prevent overflow regressions. */
.pj-cartPage,
.pj-cartPage *,
.pj-cartPage *::before,
.pj-cartPage *::after {
  box-sizing: border-box;
}
.pj-cartPage__empty { margin-top: 20px; }
.pj-cartPage__emptyActions { margin-top: 14px; }
.pj-cartPage__grid {
  margin-top: 20px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 18px;
  align-items: start;
}
@media (max-width: 980px) {
  .pj-cartPage__grid { grid-template-columns: 1fr; }
}

.pj-cartTableWrap {
  border: 1px solid rgba(255,255,255,.12);
  background: #0f1216;
  border-radius: 16px;
  box-shadow: 0 20px 55px rgba(0,0,0,.32);
  overflow: hidden;
}
.pj-cartTable { width: 100%; border-collapse: collapse; }
.pj-cartTable th {
  text-align: left;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(237,237,237,.75);
  padding: 14px 16px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.pj-cartTable td {
  vertical-align: top;
  padding: 16px;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.pj-cartTable tbody tr:last-child td { border-bottom: 0; }
.pj-cartTable__image { width: 96px; }
.pj-cartTable__image img {
  width: 76px;
  height: 76px;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.14);
}
.pj-cartTable__name {
  color: #EDEDED;
  text-decoration: none;
  font-weight: 700;
  line-height: 1.35;
}
.pj-cartTable__name:hover { text-decoration: underline; }
.pj-cartTable__price { margin-top: 8px; color: rgba(237,237,237,.9); }
.pj-cartTable__qtyRow { margin-top: 10px; display: grid; gap: 8px; }
.pj-cartQtyForm {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.pj-cartQtyBtn, .pj-cartQtyUpdate, .pj-cartRemoveBtn {
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.03);
  color: #EDEDED;
  cursor: pointer;
  border-radius: 8px;
}
.pj-cartQtyBtn {
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 1;
}
.pj-cartQtyInput {
  width: 64px;
  height: 32px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.04);
  color: #EDEDED;
  text-align: center;
  border-radius: 8px;
}
.pj-cartQtyUpdate {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
}
.pj-cartRemoveBtn {
  padding: 0;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.72);
  text-decoration: underline;
  font-size: 13px;
}
.pj-cartTable__total {
  width: 130px;
  font-weight: 800;
  white-space: nowrap;
}

.pj-cartTotals {
  border: 1px solid rgba(255,255,255,.12);
  background: #0f1216;
  border-radius: 16px;
  box-shadow: 0 20px 55px rgba(0,0,0,.32);
  padding: 16px;
}
.pj-cartTotals__title { margin: 0 0 12px; font-size: 22px; }
.pj-cartTotals__coupon {
  margin: 2px 0 8px;
}
.pj-cartTotals__couponRow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.pj-cartTotals__couponInput {
  width: 100%;
  height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  background: transparent;
  color: rgba(237,237,237,.84);
  border-radius: 10px;
  padding: 0 10px;
  outline: none;
}
.pj-cartTotals__couponInput:focus {
  border-color: #FFD200;
  box-shadow: 0 0 0 2px rgba(255,210,0,.12);
}
.pj-cartTotals__couponBtn {
  height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: #EDEDED;
  font-weight: 700;
  cursor: pointer;
}
.pj-cartTotals__couponBtn[disabled] {
  opacity: .45;
  cursor: not-allowed;
}
.pj-cartTotals__couponRemove {
  margin-top: 8px;
  border: 0;
  padding: 0;
  background: transparent;
  color: rgba(237,237,237,.78);
  text-decoration: underline;
  cursor: pointer;
}
.pj-cartTotals__couponMsg {
  margin-top: 6px;
  font-size: 12px;
  color: rgba(237,237,237,.72);
}
.pj-cartTotals__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--pj-line);
}
.pj-cartTotals__row--total {
  margin-top: 4px;
  font-weight: 800;
}
.pj-cartTotals__checkout {
  width: 100%;
  margin-top: 14px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  border-radius: 999px;
}

/* Checkout page parity (no express checkout) */
.pj-checkoutPage { padding: 40px 0; }
.pj-checkoutPage__grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 18px;
  align-items: start;
}
@media (max-width: 980px) {
  .pj-checkoutPage__grid { grid-template-columns: 1fr; }
}
.pj-checkoutForm { display: grid; gap: 14px; }
.pj-checkoutCard {
  border: 1px solid var(--pj-line);
  background: rgba(255,255,255,.04);
  border-radius: 20px;
  padding: 16px;
}
.pj-checkoutRadioGroup {
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
}
.pj-checkoutRadio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.03);
  padding: 10px 12px;
}
.pj-checkoutFields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 760px) {
  .pj-checkoutFields { grid-template-columns: 1fr; }
}
.pj-checkoutFields__full { grid-column: 1 / -1; }
.pj-checkoutActions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 2px;
}
.pj-checkoutSummaryItem {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--pj-line);
}
.pj-checkoutSummaryItem__name {
  font-weight: 700;
  line-height: 1.35;
}
.pj-checkoutSummaryItem__meta {
  margin-top: 4px;
  color: rgba(237,237,237,.72);
  font-size: 13px;
}
.pj-checkoutSummaryItem__total {
  white-space: nowrap;
  font-weight: 800;
}

/* Checkout parity - isolated scope */
.pj-checkout {
  background:
    radial-gradient(1200px 500px at 50% -80px, rgba(255, 210, 0, 0.08), transparent 60%),
    linear-gradient(180deg, #0b0b0d 0%, #090a0c 100%);
  min-height: calc(100vh - 120px);
  padding: 28px 0 44px;
}
/* Scope box model fix to checkout only to avoid global regressions. */
.pj-checkout,
.pj-checkout *,
.pj-checkout *::before,
.pj-checkout *::after {
  box-sizing: border-box;
}
.pj-checkout__container {
  width: min(1280px, calc(100% - 36px));
  margin: 0 auto;
}
.pj-checkout__grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
  gap: 18px;
  align-items: start;
}
.pj-checkout__main { min-width: 0; }
.pj-checkout__summary {
  position: sticky;
  top: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: #0f1216;
  border-radius: 16px;
  box-shadow: 0 20px 55px rgba(0,0,0,.42);
  padding: 16px;
}
.pj-checkout__panel {
  border: 1px solid rgba(255,255,255,.12);
  background: #0f1216;
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 16px;
  box-shadow: 0 8px 26px rgba(0,0,0,.24);
}
.pj-checkout__panel-head {
  margin-bottom: 12px;
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(237,237,237,.82);
  font-weight: 800;
}
.pj-checkout__express-box {
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 12px;
  background: rgba(255,255,255,.02);
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(237,237,237,.68);
  font-size: 13px;
}
.pj-checkout__continue {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.12);
  color: rgba(237,237,237,.7);
  font-size: 12px;
}
.pj-checkout__input {
  width: 100%;
  height: 46px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.04);
  color: #EDEDED;
  padding: 0 12px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
  outline: none;
}
.pj-checkout__input:focus {
  border-color: #FFD200;
  box-shadow: 0 0 0 2px rgba(255,210,0,.18), inset 0 1px 1px rgba(0,0,0,.35);
}
.pj-checkout__helper {
  margin-top: 8px;
  color: rgba(237,237,237,.67);
  font-size: 12px;
}
.pj-checkout__segmented {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.pj-checkout__segment {
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 11px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(237,237,237,.7);
  cursor: pointer;
  background: rgba(255,255,255,.02);
}
.pj-checkout__segment input { display: none; }
.pj-checkout__segment--active {
  color: #EDEDED;
  border-color: #FFD200;
  box-shadow: 0 0 0 2px rgba(255,210,0,.12);
}
.pj-checkout__panel--pickup {
  border-color: #FFD200;
  box-shadow: 0 0 0 1px rgba(255,210,0,.16), 0 8px 26px rgba(0,0,0,.24);
}
.pj-checkout__pickup-box {
  border: 1px solid rgba(255,210,0,.35);
  background: rgba(255,210,0,.07);
  border-radius: 12px;
  padding: 13px 14px;
  color: #EDEDED;
  font-weight: 600;
}
.pj-checkout__grid-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.pj-checkout__col-full { grid-column: 1 / -1; }
.pj-checkout__ship-option {
  border: 1px solid #FFD200;
  border-radius: 11px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  box-shadow: 0 0 0 2px rgba(255,210,0,.12);
}
.pj-checkout__ship-option input {
  accent-color: #FFD200;
}
.pj-checkout__payment {
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  padding: 12px;
  background: rgba(255,255,255,.02);
}
.pj-checkout__payment-label {
  font-weight: 700;
  margin-bottom: 8px;
}
.pj-checkout__payment-element {
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 10px;
  min-height: 52px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  color: rgba(237,237,237,.7);
}
.pj-checkout__actions {
  margin-top: 8px;
  display: grid;
  gap: 10px;
}
.pj-checkout__return {
  color: rgba(237,237,237,.78);
  text-decoration: none;
  font-size: 14px;
}
.pj-checkout__submit {
  border: 0;
  height: 48px;
  border-radius: 999px;
  background: #FFD200;
  color: #111;
  font-weight: 800;
  letter-spacing: .01em;
  cursor: pointer;
}
.pj-checkout__mobile-submit-wrap {
  display: none;
  margin-top: 14px;
}
.pj-checkout__submit--mobile {
  width: 100%;
}
.pj-checkout__summary-head {
  font-size: 20px;
  font-weight: 800;
  margin-bottom: 12px;
}
.pj-checkout__summary-item {
  display: grid;
  grid-template-columns: 52px 1fr auto;
  gap: 10px;
  align-items: start;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.pj-checkout__thumb {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.14);
  background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  overflow: hidden;
}
.pj-checkout__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.pj-checkout__summary-name {
  font-weight: 700;
  line-height: 1.3;
}
.pj-checkout__summary-meta {
  margin-top: 4px;
  font-size: 12px;
  color: rgba(237,237,237,.67);
}
.pj-checkout__summary-price {
  font-weight: 800;
  white-space: nowrap;
}
.pj-checkout__couponRow {
  margin-top: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.pj-checkout__couponInput {
  width: 100%;
  height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  background: transparent;
  color: rgba(237,237,237,.84);
  border-radius: 10px;
  padding: 0 10px;
  outline: none;
}
.pj-checkout__couponInput:focus {
  border-color: #FFD200;
  box-shadow: 0 0 0 2px rgba(255,210,0,.12);
}
.pj-checkout__couponBtn {
  height: 42px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 10px;
  background: rgba(255,255,255,.04);
  color: #EDEDED;
  font-weight: 700;
  cursor: pointer;
}
.pj-checkout__couponBtn[disabled] {
  opacity: .45;
  cursor: not-allowed;
}
.pj-checkout__couponRemove {
  margin-top: 8px;
  border: 0;
  padding: 0;
  background: transparent;
  color: rgba(237,237,237,.78);
  text-decoration: underline;
  cursor: pointer;
}
.pj-checkout__couponMsg {
  margin-top: 6px;
  font-size: 12px;
  color: rgba(237,237,237,.72);
}
.pj-checkout__totals-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.pj-checkout__totals-row--total {
  border-bottom: 0;
  font-size: 18px;
  font-weight: 800;
  padding-top: 12px;
}
@media (max-width: 980px) {
  .pj-checkout__grid {
    grid-template-columns: 1fr;
  }
  .pj-checkout__summary {
    position: static;
  }
  .pj-checkout__submit--desktop {
    display: none;
  }
  .pj-checkout__mobile-submit-wrap {
    display: block;
  }
}