.page-wrapper.product-background {
  background-color: var(--soft-white);
}

.section_product2 {
  background-color: var(--color-scheme-1--background);
  color:            var(--color-scheme-1--text);
  padding-top:      80px;
}

.padding-global-55 {
  padding-left:  5%;
  padding-right: 5%;
}

.container-large-19 {
  width:        100%;
  max-width:    80rem;
  margin-left:  auto;
  margin-right: auto;
}

.padding-section-large-19 {
  padding-top:    7rem;
  padding-bottom: 7rem;
}

.margin-bottom.margin-xxlarge, .margin-bottom.margin-xsmall {
  margin-top:   0;
  margin-left:  0;
  margin-right: 0;
}

.margin-bottom.margin-xxlarge {
  text-align: left;
  margin:     0 0 3rem;
}

.product2_heading-wrapper {
  grid-column-gap:       5rem;
  grid-row-gap:          1rem;
  grid-template-rows:    auto;
  grid-template-columns: 1fr max-content;
  grid-auto-columns:     1fr;
  justify-content:       space-between;
  align-items:           end;
  display:               grid;
}

.product2_heading {
  flex: 1;
}

.max-width-large {
  width:     100%;
  max-width: 48rem;
}

.margin-bottom.margin-xsmall {
  margin: 0 0 1rem;
}

.heading-style-h2-15 {
  font-size:   3rem;
  font-weight: 700;
  line-height: 1.2;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-xsmall {
  margin: 1rem;
}

.w-layout-grid {
  grid-row-gap:          16px;
  grid-column-gap:       16px;
  grid-template-rows:    auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns:     1fr;
  display:               grid;
}

.product2_list {
  grid-column-gap:       2rem;
  grid-row-gap:          4rem;
  grid-template-rows:    auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns:     1fr;
  place-items:           stretch start;
  display:               grid;
}

.product2_item {
  width: 100%;
}

.product2_item-link {
  flex-direction:        column;
  grid-template-rows:    auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns:     1fr;
  width:                 100%;
  height:                100%;
  text-decoration:       none;
  display:               flex;
}

.product2_image-wrapper {
  border-radius: var(--_ui-styles---radius--medium);
  width:         100%;
  overflow:      hidden;
}

.product2_image {
  aspect-ratio: 10 / 12;
  object-fit:   contain;
  width:        100%;
  height:       100%;
}

.product2_image.product-image-square {
  aspect-ratio: 1;
}

.product2_content-bottom {
  flex-flow:       column;
  justify-content: space-between;
  height:          100%;
  display:         flex;
}

.product2_title-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap:    1rem;
  flex-flow:       column;
  justify-content: space-between;
  text-decoration: none;
  display:         flex;
}

.text-size-medium-4 {
  font-size: 1.125rem;
}

.text-size-medium-4.text-weight-semibold.text-color-black {
  color: #000;
}

.text-weight-semibold {
  text-align:  left;
  font-weight: 600;
  color:       #babad6;
}

.text-color-black {
  color: var(--_primitives---colors--neutral-darkest);
}

.text-size-medium {
  font-size: 1.125rem;
}

.margin-top.margin-xsmall {
  margin-bottom: 0;
  margin-left:   0;
  margin-right:  0;
}

@media screen and (min-width: 1920px) {
  .text-size-medium {
    color: var(--_primitives---colors--neutral-darkest);
  }

  .margin-top.margin-xsmall {
    padding-left:  20px;
    padding-right: 20px;
  }
}

@media screen and (min-width: 1440px) {
  .text-size-medium {
    color:           var(--_primitives---colors--neutral-darkest);
    flex-flow:       row;
    justify-content: center;
    align-items:     center;
    max-width:       60rem;
    margin-bottom:   0;
    display:         block;
  }
}

@media screen and (min-width: 1280px) {
  .text-size-medium {
    color: var(--_primitives---colors--neutral-darkest);
  }
}

@media screen and (max-width: 991px) {
  .padding-section-large-19 {
    padding-top:    6rem;
    padding-bottom: 6rem;
  }

  .product2_heading-wrapper {
    grid-column-gap: 3rem;
  }

  .product2_heading {
    margin-right: 3rem;
  }

  .heading-style-h2-15 {
    font-size: 2.75rem;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .product2_list {
    grid-template-columns: 1fr 1fr;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left:   0;
    margin-right:  0;
  }
}

@media screen and (max-width: 767px) {
  .padding-section-large-19 {
    padding-top:    4rem;
    padding-bottom: 4rem;
  }

  .product2_heading-wrapper {
    grid-row-gap:          2rem;
    flex-direction:        column;
    grid-template-columns: 1fr;
    justify-content:       flex-start;
    align-items:           flex-start;
  }

  .product2_heading {
    margin-right: 0;
  }

  .heading-style-h2-15 {
    font-size: 2.25rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .product2_list {
    grid-column-gap:       1.25rem;
    grid-row-gap:          3rem;
    grid-template-columns: 1fr 1fr;
  }

  .product2_image-wrapper {
    height: 100%;
  }

  .text-size-medium-4 {
    font-size: 1rem;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left:   0;
    margin-right:  0;
  }
}

@media screen and (max-width: 479px) {
  .margin-top {
    margin-bottom: 0;
    margin-left:   0;
    margin-right:  0;
  }
}

/* Pagination Styles */
.pagination {
  display:     flex;
  align-items: center;
  margin-top:  60px;
  gap:         12px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color:       #000;
  font-size:   14px;
}

.pagination-summary {
  display:     flex;
  align-items: center;
  gap:         4px;
  flex-wrap:   wrap;
  color:       #000;
  font-weight: 400;
}

.pagination-summary span {
  font-weight: 500;
  color:       #000;
}

.is-flex {
  display: flex;
}

.is-align-center {
  align-items: center;
}

.is-end {
  justify-content: flex-end;
}

.is-wrap {
  flex-wrap: wrap;
}

.flex-1 {
  flex: 1;
}

.mt-60 {
  margin-top: 60px;
}

.gap-12 {
  gap: 12px;
}

.gap-4 {
  gap: 4px;
}

.pagination-list {
  display:         flex;
  justify-content: flex-end;
  align-items:     center;
  gap:             8px;
}

.pagination-list a {
  display:         flex;
  align-items:     center;
  justify-content: center;
  min-width:       32px;
  height:          32px;
  padding:         6px 12px;
  text-decoration: none;
  color:           #000;
  font-weight:     400;
  font-size:       14px;
  border:          1px solid transparent;
  border-radius:   4px;
  transition:      all 0.2s ease;
  background:      transparent;
}

.pagination-list a:hover {
  background-color: #f5f5f5;
  color:            #000;
}

.pagination-list a.is-active {
  background-color: #000;
  color:            #fff;
  font-weight:      500;
}

.pagination-arrow {
  min-width: 32px !important;
  padding:   6px 8px !important;
}

.pagination-arrow svg {
  width:      7px;
  height:     11px;
  transition: transform 0.2s ease;
}

.pagination-next svg {
  transform: rotate(180deg);
}

.pagination-arrow:hover svg {
  transform: rotate(180deg) translateX(1px);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .pagination {
    flex-direction: column;
    gap:            16px;
    align-items:    flex-start;
  }
  
  .pagination-summary {
    order: 2;
  }
  
  .pagination-list {
    order:           1;
    justify-content: center;
    width:           100%;
  }
}