@layer sections{
  [ui-section=featured-collection]{
    display:flex;
    flex-direction:column;
    gap:var(--spacing-64);
    padding:var(--top-spacing) 8% var(--bottom-spacing) !important;
  }
  [ui-section=featured-collection] .core-area{
    display:grid;
    grid-gap:var(--spacing-32);
    gap:var(--spacing-32);
    grid-template-columns:repeat(2, 1fr);
  }
  [ui-section=featured-collection] .core-area [ui-block=content]{
    position:sticky;
    height:-moz-fit-content;
    height:fit-content;
    overflow:hidden;
    border-radius:var(--radius-20);
    top:var(--spacing-24);
  }
  [ui-section=featured-collection] .core-area [ui-block=content][data-image-ratio=square]{
    aspect-ratio:1/1;
  }
  [ui-section=featured-collection] .core-area [ui-block=content][data-image-ratio=portrait]{
    aspect-ratio:3/4;
  }
  [ui-section=featured-collection] .core-area [ui-block=content][data-image-ratio=landscape]{
    aspect-ratio:4/3;
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .media{
    height:100%;
    filter:brightness(0.8);
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .media > img{
    -o-object-fit:cover;
       object-fit:cover;
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content{
    display:flex;
    position:absolute;
    flex-direction:column;
    padding:var(--spacing-48);
    top:0;
    right:0;
    bottom:0;
    left:0;
    gap:var(--spacing-8);
    color:var(--color-on-primary);
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content[data-text-alignment=start]{
    align-items:flex-start;
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content[data-text-alignment=center]{
    align-items:center;
    text-align:center;
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content[data-text-alignment=end]{
    align-items:flex-end;
    text-align:right;
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content[data-vertical-alignment=start]{
    justify-content:flex-start;
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content[data-vertical-alignment=center]{
    justify-content:center;
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content[data-vertical-alignment=end]{
    justify-content:flex-end;
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content .subheading{
    font:var(--font-body-lg);
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content .heading{
    font:var(--font-headline-lg);
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content .cta{
    width:-moz-fit-content;
    width:fit-content;
    margin-top:var(--spacing-16);
  }
  [ui-section=featured-collection] .core-area [ui-block=content] .content .cta[ui-slot=button]{
    min-width:180px;
  }
  [ui-section=featured-collection] .core-area [ui-block=products]{
    display:grid;
    grid-gap:var(--spacing-24);
    gap:var(--spacing-24);
    grid-template-columns:repeat(2, 1fr);
  }
  [ui-section=featured-collection] .core-area:not(:has([ui-block=content])){
    grid-template-columns:1fr;
  }
  [ui-section=featured-collection] .core-area:not(:has([ui-block=content])) [ui-block=products]{
    grid-template-columns:repeat(var(--nbr-columns-desktop), 1fr);
  }
  @media (max-width: 1028px){
    [ui-section=featured-collection] .core-area{
      grid-template-columns:1fr;
    }
    [ui-section=featured-collection] .core-area [ui-block=content]{
      position:relative;
    }
    [ui-section=featured-collection] .core-area [ui-block=content] .content{
      padding:var(--spacing-24);
    }
    [ui-section=featured-collection] .core-area [ui-block=products]{
      gap:var(--spacing-12);
    }
  }
  @media (max-width: 769px){
    [ui-section=featured-collection]{
      gap:var(--spacing-48);
    }
    [ui-section=featured-collection] .core-area:not(:has([ui-block=content])) [ui-block=products]{
      grid-template-columns:repeat(var(--nbr-columns-mobile), 1fr);
    }
  }
}
@layer overrides{
  [data-intensity=as-solid-bg] [ui-section=featured-collection] .core-area [ui-block=content] .content,
  [data-intensity=as-solid-bg][ui-section=featured-collection] .core-area [ui-block=content] .content{
    color:var(--color-primary);
  }
}