/* Type 11 interaction layer: real links for tags and a real CTA. */

/* Keep Type 11 controls above the Aspro/Bitrix slide click layer. */
.crevis-concept-slider .concept-tags {
  position: relative;
  z-index: 20;
  pointer-events: auto;
}

.crevis-concept-slider .concept-cta {
  z-index: 30;
  pointer-events: auto;
}

.crevis-concept-slider .concept-tag {
  position: relative;
  z-index: 21;
  pointer-events: auto;
}

.crevis-concept-slider .concept-tag {
  cursor: pointer;
  text-decoration: none;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.crevis-concept-slider .concept-tag:hover,
.crevis-concept-slider .concept-tag:focus-visible {
  background: rgba(255, 255, 255, 0.94);
  border-color: var(--concept-accent);
  color: var(--concept-accent-dark);
  text-decoration: none;
  transform: translateY(-1px);
}

.crevis-concept-slider .concept-tag:focus-visible,
.crevis-concept-slider .concept-cta:focus-visible {
  outline: 2px solid var(--concept-accent);
  outline-offset: 3px;
}

.crevis-concept-slider .concept-cta {
  appearance: none;
  cursor: pointer;
  font-family: inherit;
  line-height: 1.2;
  text-decoration: none;
  transition:
    background-color 160ms ease,
    border-color 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.crevis-concept-slider .concept-cta:hover,
.crevis-concept-slider .concept-cta:focus-visible {
  background: #fff;
  border-color: color-mix(in srgb, var(--concept-accent) 38%, transparent);
  box-shadow: 0 15px 34px rgba(8, 46, 63, 0.14);
  color: var(--concept-accent-dark);
  text-decoration: none;
  transform: translateY(-1px);
}

.crevis-concept-slider .concept-cta__arrow {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
  transition: transform 160ms ease;
}

.crevis-concept-slider .concept-cta:hover .concept-cta__arrow,
.crevis-concept-slider .concept-cta:focus-visible .concept-cta__arrow {
  transform: translateX(3px);
}

@media (prefers-reduced-motion: reduce) {
  .crevis-concept-slider .concept-tag,
  .crevis-concept-slider .concept-cta,
  .crevis-concept-slider .concept-cta__arrow {
    transition: none;
  }
}

/* Type 11 uses its own real controls, so the legacy full-slide link must not cover them. */
.crevis-concept-slider .main-slider__item > a.target,
.crevis-concept-slider .main-slider__item a.target {
  pointer-events: none !important;
}

/* Anchor the help CTA to the lower-right corner of the product cell. */
.crevis-concept-slider .main_info td.img > .concept-cta {
  position: absolute !important;
  left: auto !important;
  right: 18px !important;
  bottom: 54px !important;
  top: auto !important;
  z-index: 30 !important;
}

@media (max-width: 991px) {
  .crevis-concept-slider .main_info td.img > .concept-cta {
    right: 12px !important;
    bottom: 48px !important;
  }
}

@media (max-width: 767px) {
  .crevis-concept-slider .main_info td.img > .concept-cta {
    display: none !important;
  }
}