/* codex-mobile-cases-main-clip */
@media (max-width: 767px) {
  html.tt-enhanced-home body #cases.cases .case {
    --tt-mobile-case-radius: 38px;
    border-radius: var(--tt-mobile-case-radius) !important;
    clip-path: none !important;
    isolation: isolate !important;
    overflow: hidden !important;
    transform: translateZ(0) !important;
  }

  html.tt-enhanced-home body #cases.cases .case::after,
  html.tt-enhanced-home body #cases.cases .case:not(.case-no-image)::after {
    box-shadow: none !important;
    content: none !important;
  }

  html.tt-enhanced-home body #cases.cases .case:not(.case-no-image) {
    background-color: #000 !important;
  }

  html.tt-enhanced-home body #cases.cases .case:not(.case-no-image) .case__image {
    background-color: #000 !important;
    border-radius: calc(var(--tt-mobile-case-radius) - 1px) !important;
    inset: 1px !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: 0 !important;
  }

  html.tt-enhanced-home body #cases.cases .case:not(.case-no-image) .case__image img {
    background-color: transparent !important;
    border-radius: inherit !important;
    display: block !important;
    height: 100% !important;
    margin: 0 !important;
    max-width: none !important;
    mix-blend-mode: normal !important;
    object-fit: fill !important;
    opacity: 1 !important;
    overflow: hidden !important;
    transform: none !important;
    width: 100% !important;
  }

  html.tt-enhanced-home body #cases.cases .case:not(.case-no-image) .case__info {
    background-color: rgb(0 0 0 / 85%) !important;
    border-radius: 0 !important;
    inset: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: 1 !important;
  }

  html.tt-enhanced-home body #cases.cases .case.case-no-image {
    background: linear-gradient(180deg, #4f0fff, #300999) !important;
  }

  html.tt-enhanced-home body #cases.cases .case.case-no-image .case__image {
    background: linear-gradient(180deg, #4f0fff, #300999) !important;
    border-radius: inherit !important;
    inset: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: 0 !important;
  }

  html.tt-enhanced-home body #cases.cases .case.case-no-image .case__info,
  html.tt-enhanced-home body #cases.cases .cases__items .swiper-slide .case.case-no-image .case__info,
  html.tt-enhanced-home body #cases.cases .cases__items .swiper-slide-active .case.case-no-image .case__info {
    background-color: rgb(0 0 0 / 15%) !important;
    border-radius: 0 !important;
    inset: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    z-index: 1 !important;
  }

  html.tt-enhanced-home body #cases.cases .cases__items .swiper-wrapper .swiper-slide.swiper-slide-active .case .case__content,
  html.tt-enhanced-home body #cases.cases .cases__items .swiper-slide-active .case__content {
    opacity: 1 !important;
  }
}