@layer sections{
  [ui-section=testimonials]{
    --gap:var(--spacing-32);
    display:grid;
    grid-gap:var(--spacing-48);
    gap:var(--spacing-48);
    padding-top:var(--top-spacing) !important;
    padding-bottom:var(--bottom-spacing) !important;
  }
  [ui-section=testimonials] [ui-slot=head]{
    justify-content:space-between;
    gap:var(--spacing-24);
    width:100%;
    padding-left:8%;
    padding-right:8%;
  }
  [ui-section=testimonials] [ui-slot=head] .content{
    display:grid;
    grid-gap:var(--spacing-16);
    gap:var(--spacing-16);
  }
  [ui-section=testimonials] [ui-slot=head] .actions{
    display:flex;
    gap:var(--spacing-16);
    justify-content:var(--text-heading-alignment-desktop);
  }
  [ui-section=testimonials] .items-area{
    padding-left:8%;
    padding-right:8%;
  }
  [ui-section=testimonials] .items-area [ui-block=testimonial]{
    display:grid;
    overflow:hidden;
    border-radius:var(--radius-testimonial);
  }
  [ui-section=testimonials] .items-area [ui-block=testimonial] .media{
    height:100%;
    aspect-ratio:4/3;
  }
  [ui-section=testimonials] .items-area [ui-block=testimonial] .media > img{
    -o-object-fit:cover;
       object-fit:cover;
  }
  [ui-section=testimonials] .items-area [ui-block=testimonial] .content{
    display:grid;
    grid-gap:var(--spacing-16);
    gap:var(--spacing-16);
    padding:var(--spacing-24);
    background-color:var(--color-surface-container-low);
  }
  [ui-section=testimonials] .items-area [ui-block=testimonial] .content .info{
    display:grid;
    grid-gap:var(--spacing-16);
    gap:var(--spacing-16);
  }
  [ui-section=testimonials] .items-area [ui-block=testimonial] .content .info .author{
    font:var(--font-title-md);
  }
  [ui-section=testimonials] .items-area [ui-block=testimonial] .content .info .review{
    color:var(--color-on-surface-variant);
    text-wrap:balance;
  }
  [ui-section=testimonials] .items-area [ui-block=testimonial] .content .product{
    display:flex;
    gap:var(--spacing-16);
    align-items:center;
  }
  [ui-section=testimonials] .items-area [ui-block=testimonial] .content .product .image{
    width:56px;
    height:56px;
    overflow:hidden;
    border-radius:calc(var(--radius-testimonial) * 0.6);
  }
  @media (max-width: 1280px){
    [ui-section=testimonials]{
      --per-page:2 !important;
    }
  }
  @media (max-width: 1028px){
    [ui-section=testimonials]{
      --per-page:1 !important;
    }
    [ui-section=testimonials] [ui-slot=head]{
      flex-direction:column;
    }
    [ui-section=testimonials] [ui-slot=head] .actions{
      justify-content:var(--text-heading-alignment-mobile);
    }
  }
  @media (max-width: 769px){
    [ui-section=testimonials]{
      --item-size:84%;
    }
    [ui-section=testimonials] .items-area{
      padding-left:var(--spacing-24);
      padding-right:var(--spacing-24);
    }
  }
}