.component_card_grid__image_with_card_detail {
  margin: 96px 0;
}
.component_card_grid__image_with_card_detail.has_sprinkles {
  padding-top: 96px;
}
.component_card_grid__image_with_card_detail.has_sprinkles .desktop_sprinkles {
  top: 30px;
  z-index: -1;
}
.component_card_grid__image_with_card_detail.has_sprinkles
  .desktop_sprinkles.sprinkles_left_top {
  left: 0;
}
.component_card_grid__image_with_card_detail.has_sprinkles
  .desktop_sprinkles.sprinkles_right_top {
  right: 0;
}
.component_card_grid__image_with_card_detail.has_sprinkles .mobile_sprinkles {
  display: none;
  z-index: -1;
}
.component_card_grid__image_with_card_detail .section_inner {
  row-gap: 48px;
}
.component_card_grid__image_with_card_detail
  .section_inner
  .section_detail
  .section_detail_inner {
  margin: 0 auto;
  max-width: 900px;
  row-gap: 24px;
}
.component_card_grid__image_with_card_detail
  .section_inner
  .section_detail
  .section_detail_inner
  .button_list {
  gap: 24px;
}
.component_card_grid__image_with_card_detail .section_inner .card_list {
  gap: 40px 24px;
}
.component_card_grid__image_with_card_detail
  .section_inner
  .card_list
  .card_item {
  width: calc(25% - 18px);
}
.component_card_grid__image_with_card_detail
  .section_inner
  .card_list
  .card_item
  .card_item_inner {
  row-gap: 24px;
}
.component_card_grid__image_with_card_detail
  .section_inner
  .card_list
  .card_item
  .card_item_inner
  .card_media {
  aspect-ratio: 1/1;
}
.component_card_grid__image_with_card_detail
  .section_inner
  .card_list
  .card_item
  .card_item_inner
  .card_content
  .card_content_inner {
  row-gap: 16px;
}
.component_card_grid__image_with_card_detail
  .section_inner
  .card_list
  .card_item
  .card_item_inner
  .card_content
  .card_content_inner
  .card_description.card_description_font_size_16_px {
  font-size: 16px;
}
.component_card_grid__image_with_card_detail
  .section_inner
  .card_list
  .card_item
  .card_item_inner
  .card_link_section {
  margin-top: auto;
}
.component_card_grid__image_with_card_detail
  .section_inner
  .card_list.card_grid_columns_three
  .card_item {
  width: calc(33.33333% - 16px);
}
.component_card_grid__image_with_card_detail
  .section_inner
  .card_list.card_grid_columns_three
  .card_item
  .card_item_inner
  .card_content
  .card_content_inner {
  margin: 0 auto;
  max-width: 302px;
}
@media (max-width: 1199px) {
  .component_card_grid__image_with_card_detail {
    margin: 85px 0;
  }
  .component_card_grid__image_with_card_detail.has_sprinkles {
    padding-top: 90px;
  }
}
@media (max-width: 991px) {
  .component_card_grid__image_with_card_detail {
    margin: 70px 0;
  }
  .component_card_grid__image_with_card_detail.has_sprinkles {
    padding-top: 80px;
  }
  .component_card_grid__image_with_card_detail
    .section_inner
    .card_list
    .card_item {
    width: calc(50% - 12px);
  }
}
@media (max-width: 767px) {
  .component_card_grid__image_with_card_detail {
    margin: 53px 0;
  }
  .component_card_grid__image_with_card_detail.has_sprinkles {
    padding-top: 70px;
  }
  .component_card_grid__image_with_card_detail.has_sprinkles
    .desktop_sprinkles {
    display: none;
  }
  .component_card_grid__image_with_card_detail.has_sprinkles .mobile_sprinkles {
    display: block;
    opacity: 0.4;
    top: 0;
    width: 100%;
  }
  .component_card_grid__image_with_card_detail.has_sprinkles
    .mobile_sprinkles
    svg {
    height: auto;
    width: 100%;
  }
  .component_card_grid__image_with_card_detail .section_inner {
    row-gap: 40px;
  }
  .component_card_grid__image_with_card_detail
    .section_inner
    .section_detail
    .section_description
    p {
    font-size: 18px;
  }
  .component_card_grid__image_with_card_detail .section_inner .card_list {
    gap: 40px 14px;
  }
  .component_card_grid__image_with_card_detail
    .section_inner
    .card_list
    .card_item {
    width: calc(50% - 7px);
  }
  .component_card_grid__image_with_card_detail
    .section_inner
    .card_list
    .card_item
    .card_item_inner {
    row-gap: 16px;
  }
  .component_card_grid__image_with_card_detail
    .section_inner
    .card_list
    .card_item
    .card_item_inner
    .card_description {
    font-size: 16px;
  }
  .component_card_grid__image_with_card_detail
    .section_inner
    .card_list.card_grid_columns_three
    .card_item {
    width: calc(50% - 7px);
  }
}
@media (max-width: 399px) {
  .component_card_grid__image_with_card_detail
    .section_inner
    .card_list
    .card_item
    .card_item_inner
    .card_link_section
    .text_link {
    font-size: 12px;
  }
}
@media (max-width: 375px) {
  .component_card_grid__image_with_card_detail
    .section_inner
    .card_list
    .card_item {
    width: 100%;
  }
  .component_card_grid__image_with_card_detail
    .section_inner
    .card_list
    .card_item
    .card_item_inner
    .card_link_section
    .text_link {
    font-size: 14px;
  }
  .component_card_grid__image_with_card_detail
    .section_inner
    .card_list.card_grid_columns_three
    .card_item {
    width: 100%;
  }
}
/*# sourceMappingURL=card_grid__image_with_card_detail.css.map */