:root {
  --button-color: #7E7367;
  --button-color-hover: #464039;
  --button-color-active: #38332E;
  --button-color-disabled: #D8D4CF;
  --button-color-disabled-background: #F8F7F7;
  --button-color-secondary-background: #D8D4CF; }

.article-multiple {
  max-width: 938px;
  left: 50%;
  font-family: "Ubuntu", sans-serif; }
  @media (max-width: 992px) {
    .article-multiple {
      margin: 0 24px; } }
  .article-multiple.type-Light .default {
    color: #464039; }
    .article-multiple.type-Light .default .article-multiple__text {
      color: #7E7367; }
  .article-multiple.type-Dark .default {
    color: #fff; }
  .article-multiple__content {
    gap: 24px;
    overflow: overlay;
    flex-wrap: nowrap; }
    .article-multiple__content.vertical {
      padding-right: 24px; }
    .article-multiple__content .article-multiple__wrapper {
      flex: 0 0 100%;
      scroll-snap-align: start; }
      .article-multiple__content .article-multiple__wrapper.carousel {
        max-width: 65%; }
    @media (min-width: 992px) {
      .article-multiple__content {
        overflow: hidden; }
        .article-multiple__content.items-1 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 1 - 16px);
          max-width: calc(100% / 1 - 16px); }
        .article-multiple__content.items-2 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 2 - 16px);
          max-width: calc(100% / 2 - 16px); }
        .article-multiple__content.items-3 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 3 - 16px);
          max-width: calc(100% / 3 - 16px); }
        .article-multiple__content.items-4 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 4 - 16px);
          max-width: calc(100% / 4 - 16px); }
        .article-multiple__content.items-5 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 5 - 16px);
          max-width: calc(100% / 5 - 16px); }
        .article-multiple__content.items-6 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 6 - 16px);
          max-width: calc(100% / 6 - 16px); }
        .article-multiple__content.items-7 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 7 - 16px);
          max-width: calc(100% / 7 - 16px); }
        .article-multiple__content.items-8 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 8 - 16px);
          max-width: calc(100% / 8 - 16px); }
        .article-multiple__content.items-9 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 9 - 16px);
          max-width: calc(100% / 9 - 16px); }
        .article-multiple__content.items-10 .article-multiple__wrapper {
          flex: 1 1 calc(100% / 10 - 16px);
          max-width: calc(100% / 10 - 16px); } }
  .article-multiple .flex-row .article-multiple__card {
    width: 253px; }
    @media (min-width: 992px) {
      .article-multiple .flex-row .article-multiple__card {
        width: initial; } }
  .article-multiple__card {
    background-color: #F8F7F7;
    padding: 24px;
    border-radius: 8px;
    width: 100%; }
    @media (min-width: 992px) {
      .article-multiple__card {
        padding: 40px; } }
  .article-multiple__main-image {
    height: 170px;
    border-radius: 8px; }
    .article-multiple__main-image img {
      border-radius: 8px;
      object-fit: contain; }
  .article-multiple__secondary-image.big-size img {
    height: 80px;
    width: 80px; }
  .article-multiple__secondary-image.small-size img {
    height: 40px;
    width: 40px; }
  .article-multiple__label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.14px; }
  .article-multiple__title {
    font-size: 28px;
    font-weight: 400;
    line-height: 128%;
    letter-spacing: -1.12px; }
  .article-multiple__subtitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 136%; }
  .article-multiple__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 136%; }
  .article-multiple__button {
    padding: 12px 0; }
    .article-multiple__button .card-button {
      font-size: 14px;
      font-weight: 500;
      line-height: 136%;
      color: #fff !important;
      padding: 12px; }
  .article-multiple__wrapper:not(:has(+ .article-multiple__wrapper)) .article-multiple__title {
    font-size: 56px; }
  .article-multiple__wrapper + .article-multiple__wrapper .article-multiple__title {
    font-size: 28px; }

[data-pet-world="Dog"] .article-multiple__card, body[data-color-site="dogColor"] .article-multiple__card {
  background-color: #FBF7F4; }

[data-pet-world="Dog"] .article-multiple__secondary-image img, body[data-color-site="dogColor"] .article-multiple__secondary-image img {
  border: 1px solid #936031; }

[data-pet-world="Dog"] .article-multiple__button .card-button, body[data-color-site="dogColor"] .article-multiple__button .card-button {
  background-color: #936031; }

[data-pet-world="Cat"] .article-multiple__card, body[data-color-site="catColor"] .article-multiple__card {
  background-color: #F6FAF5; }

[data-pet-world="Cat"] .article-multiple__secondary-image img, body[data-color-site="catColor"] .article-multiple__secondary-image img {
  border: 1px solid #4A773C; }

[data-pet-world="Cat"] .article-multiple__button .card-button, body[data-color-site="catColor"] .article-multiple__button .card-button {
  background-color: #4A773C; }

/*# sourceMappingURL=articleCardMultiple.css.map*/