@import url('../tokens.css');

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label],
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] {
  min-width: 0;
  max-width: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before,
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before {
  content: none;
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img,
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img {
  display: block;
}

@media (max-width: 760px) {
  .cat-card[data-product-card] {
    --cat-card-corner-badge-size: calc(22px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-top: calc(7px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-left: calc(7px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-gap: calc(4px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-pad-x: calc(7px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-font-size: calc(8.5px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-ad-font-size: calc(10px * var(--cat-card-mobile-readable, 1));
    --cat-card-corner-badge-icon-size: calc(9.5px * var(--cat-card-mobile-readable, 1));
  }

  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card] {
    --cat-card-scale-inverse: var(--search-card-scale-inverse, 1);
  }

  body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] {
    height: calc(22px * var(--cat-card-mobile-readable, 1));
    max-width: calc(86px * var(--cat-card-mobile-readable, 1));
    padding: 0 calc(7px * var(--cat-card-mobile-readable, 1));
    border-radius: calc(999 * var(--cat-card-unit-x));
    background: var(--color-forest);
    color: var(--color-cream);
    font-family: "Inter", Arial, sans-serif;
    font-size: calc(8.8px * var(--cat-card-mobile-readable, 1));
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before {
    content: attr(data-jp-visible-label);
  }

  body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img {
    display: none;
  }

  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 690px;
    aspect-ratio: 325 / 690;
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .gr-idea-product-card__similar-main {
    display: none;
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .cat-card__store-row {
    height: calc(22px * var(--cat-card-mobile-readable, 1));
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .gr-idea-product-card__primary-action {
    display: inline-flex !important;
    left: calc(10 * var(--cat-card-unit-x));
    right: auto;
    bottom: calc(10 * var(--cat-card-unit-y));
    width: calc(305 * var(--cat-card-unit-x));
    min-width: 0;
    height: calc(38px * var(--cat-card-mobile-readable, 1));
    min-height: calc(38px * var(--cat-card-mobile-readable, 1));
    padding: 0 calc(14px * var(--cat-card-mobile-readable, 1));
    gap: calc(7px * var(--cat-card-mobile-readable, 1));
    font-size: calc(12.5px * var(--cat-card-mobile-readable, 1));
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .gr-idea-product-card__primary-action .cat-card__cart-label {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: nowrap;
  }

  body.page--gift-room .gr-ideas-grid .gr-idea-product-card .gr-idea-product-card__primary-action .gr-idea-product-card__action-icon {
    width: calc(17px * var(--cat-card-mobile-readable, 1));
    height: calc(17px * var(--cat-card-mobile-readable, 1));
    flex-basis: calc(17px * var(--cat-card-mobile-readable, 1));
  }
}

@media (min-width: 390px) and (max-width: 409px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 645px;
    aspect-ratio: 325 / 645;
  }
}

@media (min-width: 410px) and (max-width: 419px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 640px;
    aspect-ratio: 325 / 640;
  }
}

@media (min-width: 420px) and (max-width: 439px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 630px;
    aspect-ratio: 325 / 630;
  }
}

@media (min-width: 440px) and (max-width: 459px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 620px;
    aspect-ratio: 325 / 620;
  }
}

@media (min-width: 460px) and (max-width: 499px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 600px;
    aspect-ratio: 325 / 600;
  }
}

@media (min-width: 500px) and (max-width: 519px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 585px;
    aspect-ratio: 325 / 585;
  }
}

@media (min-width: 520px) and (max-width: 529px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 575px;
    aspect-ratio: 325 / 575;
  }
}

@media (min-width: 530px) and (max-width: 559px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 560px;
    aspect-ratio: 325 / 560;
  }
}

@media (min-width: 560px) and (max-width: 639px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 650px;
    aspect-ratio: 325 / 650;
  }
}

@media (min-width: 640px) and (max-width: 699px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 625px;
    aspect-ratio: 325 / 625;
  }
}

@media (min-width: 700px) and (max-width: 729px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 600px;
    aspect-ratio: 325 / 600;
  }
}

@media (min-width: 730px) and (max-width: 760px) {
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-square,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-tall,
  body.page--gift-room .gr-ideas-grid .cat-card[data-product-card].cat-card--media-wide {
    --cat-card-height: 585px;
    aspect-ratio: 325 / 585;
  }
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label],
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] {
  min-width: 0;
  max-width: calc(305 * var(--cat-card-unit-x));
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before,
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label]::before {
  content: none;
}

body[data-jp-language="ru"] .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img,
body[data-jp-language="ru"]:not(.page--homepage) .cat-card[data-product-card] .cat-card__service-badge[data-jp-visible-label] .cat-card__service-badge-img {
  display: block;
}