body::before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    background: none !important;
  }

   
  .outfit-grid {
    columns: 4 !important;
    column-gap: 2px !important;
    display: block !important;
  }

  .outfit-card {
    display: inline-block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    margin: 0 0 2px !important;
    break-inside: avoid !important;
    -webkit-column-break-inside: avoid !important;
    opacity: 1 !important;
    animation: none !important;
    background: #0a0a0a !important;
    vertical-align: top !important;
  }

  .outfit-card picture {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .outfit-card img,
  .outfit-card:hover img,
  .outfit-card:focus-within img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    -webkit-filter: none !important;
    mix-blend-mode: normal !important;
    transform: none !important;
    background: transparent !important;
  }

  .outfit-card::before,
  .outfit-card::after,
  .outfit-card:hover::before,
  .outfit-card:hover::after {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
    background: none !important;
  }

  @media (max-width: 768px) {
    .outfit-grid {
      columns: 2 !important;
    }
  }