/* Pair offers: one torn-paper slip per screen (PDP, 2-for collections, bag). */
.mp-pair-offer {
  color: var(--paper-ink, #050505);
  display: grid;
  gap: 6px;
  isolation: isolate;
  margin: 14px 0;
  padding: 18px 18px 16px;
  position: relative;
}

.mp-pair-offer::before {
  -webkit-mask-image: url('/masks/torn-paper-note.svg');
  mask-image: url('/masks/torn-paper-note.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  background:
    linear-gradient(rgba(241, 236, 226, 0.92), rgba(221, 216, 205, 0.95)),
    var(--paper-tex, none);
  background-size: auto, 360px;
  content: '';
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.28));
  inset: 0;
  position: absolute;
  z-index: -1;
}

.mp-pair-offer__kicker,
.mp-pair-offer__status,
.mp-pair-offer__links a,
.mp-pair-offer__links button,
.mp-pair-offer__meter span,
.mp-pair-offer__picks,
.mp-pair-offer__picks button {
  font-family: 'Courier New', monospace;
}

.mp-pair-offer__kicker {
  color: var(--brand-orange, #e86830);
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.04em;
  margin: 0;
  text-transform: uppercase;
}

.mp-pair-offer__title {
  font-family: Anton, Impact, 'Arial Black', sans-serif;
  font-size: clamp(1.5rem, 6vw, 2.1rem);
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}

.mp-pair-offer__status {
  font-size: 0.82rem;
  font-weight: 700;
  line-height: 1.35;
  margin: 0;
}

.mp-pair-offer__meter {
  display: grid;
  gap: 6px;
  grid-template-columns: 1fr 1fr;
  margin-top: 4px;
}

.mp-pair-offer__meter span {
  border: 2px dashed var(--paper-ink, #050505);
  font-size: 0.7rem;
  font-weight: 900;
  padding: 5px 8px;
  text-align: center;
  text-transform: uppercase;
}

.mp-pair-offer__meter span.is-filled {
  background: var(--paper-ink, #050505);
  border-style: solid;
  color: #e6e4df;
}

.mp-pair-offer__meter span.is-filled::after {
  content: ' \2713';
}

.mp-pair-offer__links {
  display: flex;
  justify-content: flex-end;
}

.mp-pair-offer__links a,
.mp-pair-offer__links button,
.mp-pair-offer__browse {
  background: none;
  border: 0;
  color: var(--paper-ink, #050505);
  cursor: pointer;
  font-family: 'Courier New', monospace;
  font-size: 0.8rem;
  font-weight: 900;
  padding: 4px 0;
  text-decoration: underline;
  text-transform: uppercase;
}

.mp-pair-offer--collection {
  margin: 0 0 22px;
}

.mp-pair-offer-cart {
  margin: 8px 0 12px;
}

.mp-pair-offer__picks {
  display: grid;
  gap: 8px;
  margin-top: 6px;
}

.mp-pair-offer__picks ul {
  display: grid;
  gap: 6px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.mp-pair-offer__picks li {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid var(--paper-line, rgba(5, 5, 5, 0.18));
  display: grid;
  gap: 6px;
  padding: 6px;
}

.mp-pair-offer__picks li a {
  color: inherit;
  display: grid;
  font-size: 0.58rem;
  font-weight: 700;
  gap: 2px;
  line-height: 1.2;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.mp-pair-offer__picks li img {
  aspect-ratio: 4 / 3;
  object-fit: contain;
  width: 100%;
}

.mp-pair-offer__picks li small {
  color: var(--paper-muted, rgba(5, 5, 5, 0.58));
}

.mp-pair-offer__picks li form {
  margin: 0;
}

.mp-pair-offer__picks li button {
  background: var(--brand-orange, #e86830);
  border: 0;
  box-shadow: 2px 2px 0 var(--paper-ink, #050505);
  color: var(--paper-ink, #050505);
  cursor: pointer;
  font-size: 0.68rem;
  font-weight: 900;
  min-height: 34px;
  padding: 0 2px;
  width: 100%;
}

.mp-pair-offer__picks li button:disabled {
  background: #222;
  color: rgba(255, 255, 255, 0.62);
}