.site-cards-complete {
  width: 100vw !important;
  flex-direction: row;
  max-width: unset !important;
  align-items: stretch;
  padding: 1rem var(--x);
  --x: calc((100vw - var(--max-width))/2);
  justify-content: flex-start;
}

.site-card {
    margin: .5rem;
    overflow: hidden;
    flex-direction: column;
    box-shadow: var(--float-close);
    background: var(--compare-more);
    border-radius: .25rem;
    flex-shrink: 0;
    max-width: calc(100vw - 1rem);
    font-size: .85rem;
  }
  

  .site-img-container {
    width: 100%;
    position: relative;
    overflow:hidden;
    align-items: center;
    justify-content: center;
  }

  .site-visual {
    object-fit: cover;
    height: 12rem;
    width: 100%;
    
  }
  
.site-info {
     padding: 1rem;
     flex-direction: column;
     row-gap: .5rem;
 }
 
 .site-name {
     font-weight: 500;
     margin-bottom: .5rem;
 }
 
 .info {
     font-weight: 300;
     position: relative;
     align-items: center;
     column-gap: .5rem;
 }
 
 .info:hover:after {
     content:"";
     width:calc(100% + .5rem);
     height:calc(100% + .5rem);
     background: var(--color-highlight);
     position: absolute;
     border-radius: .25rem;
     left: -.25rem;
     top: -.25rem;
 }
 
 .site-directions span {
    line-height: 1.5;
 }

  
 .info {
     align-items: center;
 }
  
 .site-card svg {
     stroke-width: 1.5;
     width: 18px;
 }
  
 .site-directions span {
     flex-direction: column;
 }

 .site-card p {
   line-height: 1.2;
 }