/* Static Vercel interaction refinements */
.brand .brand-icon {
  width: 23px;
  height: 32px;
  object-fit: contain;
}

.brand .brand-wordmark {
  width: 92px;
  height: auto;
  object-fit: contain;
}

.model-full {
  clip-path: none;
  opacity: 0;
}

.doll-stage:not(.no-bottom) .model-full {
  opacity: 0;
}

.doll-stage.no-bottom .model-full {
  opacity: 1;
}

.doll-stage.no-bottom .model-core,
.doll-stage.no-bottom .model-arm {
  opacity: 0;
}

.doll-stage.show-product.no-bottom .model-full {
  opacity: .12;
  filter: grayscale(1) saturate(0) brightness(.78) contrast(.72);
}

.doll-stage.no-top .illustrated-top,
.doll-stage.no-top .product-top,
.doll-stage.no-bottom .illustrated-bottom,
.doll-stage.no-bottom .product-bottom,
.doll-stage.garment-changing .outfit {
  opacity: 0 !important;
}

.selected-pair {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 76px;
}

.selected-pair .clear-look-button {
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #a9b58517;
}

.selected-pair .clear-look-button strong {
  letter-spacing: 1px;
}

.selected-pair button:disabled {
  cursor: default;
  opacity: .42;
}

.add-button:disabled,
.add-button:disabled:hover {
  cursor: not-allowed;
  background: #777268;
  border-color: #777268;
  opacity: .48;
}

.footer-brand {
  grid-template-columns: 48px minmax(120px, 160px);
}

.footer-brand .footer-icon {
  grid-row: 1 / 3;
  width: 48px;
  height: 66px;
  object-fit: contain;
}

.footer-brand .footer-wordmark {
  grid-row: 1;
  grid-column: 2;
  align-self: end;
  width: 150px;
  height: auto;
  object-fit: contain;
}

.footer-brand > span {
  grid-column: 2;
}

@media (width <= 520px) {
  .brand .brand-icon {
    width: 20px;
    height: 28px;
  }

  .brand .brand-wordmark {
    width: 78px;
    height: auto;
  }

  .selected-pair {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 66px;
  }

  .selected-pair .clear-look-button {
    padding-inline: 6px;
  }
}
