/** Shopify CDN: Minification failed

Line 56:5 Expected "}" to go with "{"

**/
:root{
  --column-gap:3rem;
}

.video-section__media video{
  width:100%;
  border-radius:20px;

}


.featured-collection-flex{
  display:grid;
  column-gap:var(--column-gap);
  grid-template-columns: repeat(2, calc(50% - var(--column-gap) / 2));
  
}

/* Apply flex on iPad and desktop */
@media only screen and (min-width: 768px) {
  .featured-collection-flex {
    display: grid;
  }

  
.video-section__media{

  width:100%;
  display:grid;
  place-content:center;

 }
}

/* Disable flex on mobile */
@media only screen and (max-width: 1024px) {
  .featured-collection-flex {
    display: block; /* Or any other display value you want to use on mobile */
  }

  .video-section__media{
  width:100%;


 }
}

@media (min-width: 1366px) {
    .featured-collection-flex {
        --column-gap: 8rem;
    }