/* Case Study Details 2300:21416. Mobile owns <=767px only. */
@media (max-width: 767px) {
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonials { padding: 64px 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-header.fenix-header[data-fenix-header] {
    height: 94px !important;
    min-height: 94px !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-site-main {
    padding-top: 94px !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-header.fenix-header[data-fenix-header] .fenix-container.fenix-container.fenix-header__inner {
    height: 94px !important;
    min-height: 94px !important;
    padding: 8px 16px !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-header.fenix-header[data-fenix-header] .fenix-header__brand,
  html body.fenix-figma-case-study-detail-body .fenix-header.fenix-header[data-fenix-header] .fenix-header__brand img {
    width: 114px !important;
    height: 78px !important;
    min-width: 114px !important;
    min-height: 78px !important;
    max-width: 114px !important;
    max-height: 78px !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-header.fenix-header[data-fenix-header] .fenix-header__brand img {
    content: url('../../images/case-study-details-mobile/header-logo.svg') !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-header.fenix-header[data-fenix-header] .fenix-header__toggle.fenix-header__toggle {
    top: 26px !important;
    right: 16px !important;
    width: 42px !important;
    height: 42px !important;
    transform: translateY(-3px) !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-header.fenix-header[data-fenix-header] .fenix-header__toggle[aria-expanded='false'] .fenix-header__toggle-icon {
    background: url('../../images/case-study-details-mobile/menu-deep.svg') center / 24px 24px no-repeat !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-header.fenix-header[data-fenix-header] .fenix-header__toggle[aria-expanded='false'] .fenix-header__toggle-icon path {
    opacity: 0 !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-detail-page { gap: 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-breadcrumb { height: 50px !important; }
  html body.fenix-figma-case-study-detail-body :is(.fenix-case-detail-breadcrumb__inner, .fenix-case-detail-overview__inner, .fenix-case-detail-story__inner, .fenix-case-detail-related__inner) { width: calc(100% - 32px) !important; max-width: none !important; margin-inline: auto !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview { padding: 48px 0 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview__inner { display: flex; flex-direction: column; gap: 16px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview__content { gap: 40px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview__heading { gap: 24px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-tags { height: auto !important; min-height: 40px; gap: 8px !important; flex-wrap: wrap !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-tags span { min-height: 40px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; padding: 12px !important; font-size: 12px !important; line-height: 16px !important; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview h1 { font-size: 32px !important; line-height: 40px !important; font-weight: 700; letter-spacing: 0; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-meta { gap: 16px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-meta div { grid-template-columns: max-content minmax(0, 1fr); gap: 12px; min-height: 20px; margin: 0; padding: 0 0 20px; border: 0; box-shadow: 0 1px var(--fenix-neutral-200); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-meta :is(dt, dd) { font-size: 14px; line-height: 20px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-meta dd { text-align: right; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-visual { position: relative; height: auto; aspect-ratio: 358 / 254.921; border-radius: 8px; }
  html body.fenix-figma-case-study-detail-body :is(.fenix-case-detail-visual, .fenix-case-study-card__image)::after { content: ''; position: absolute; inset: 0; background: rgb(94 45 158 / 11%); pointer-events: none; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-visual[data-case-slug='event-ticket-selling-system'] img { content: url('../../images/case-study-details-pc/ticket.png'); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-visual[data-case-slug='register-chat-bot-ai'] img { content: url('../../images/case-study-details-tablet/chatbot.png'); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-visual[data-case-slug='ai-powered-call-center'] img { content: url('../../images/case-study-details-pc/call-center.png'); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story { padding: 64px 0 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story__inner { gap: 48px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-text-block { gap: 32px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story h2,
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution h2,
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-split h2 { font-size: 28px !important; line-height: 36px !important; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story :is(p, li),
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution p { font-size: 16px !important; line-height: 22px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution { padding: 40px 24px; gap: 32px; border-radius: 24px; background: linear-gradient(180deg, rgb(41 19 100 / 84%) 22.667%, rgb(94 45 158 / 84%) 121.212%), #030537; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution > div:last-child { display: flex; flex-direction: column; gap: 24px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution :is(h2, p) { margin: 0; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution p { color: var(--fenix-primary-50); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution__icon { width: 80px; height: 80px; flex: 0 0 80px; border: 0; border-radius: 50%; box-shadow: inset 0 0 0 1px var(--fenix-primary-200); background: url('../../images/case-study-details-pc/solution.svg') 15px 13px / 51px 54px no-repeat var(--fenix-primary-800); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution__icon::before,
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution__icon::after { content: none; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-diagram { display: block; margin: 0; width: 100%; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-diagram img { display: block; width: 100%; height: auto; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-split { gap: 32px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-split section { gap: 32px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related { min-height: 0; margin-top: 64px !important; padding: 48px 0 !important; background: var(--fenix-primary-50); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__inner { gap: 32px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-home-heading { height: auto; min-height: 0; gap: 12px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-home-heading h2 { min-height: 40px; font-size: 32px; line-height: 40px; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-home-heading p { min-height: 66px; font-size: 14px; line-height: 22px; font-weight: 400; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__button { width: 160px; min-width: 160px; height: 44px; margin-top: 8px; font-size: 14px; line-height: 20px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__grid { width: 100%; height: auto; min-height: 434px; margin-left: 0; margin-right: 0; gap: 16px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-case-study-card { width: 266px; min-width: 266px; max-width: 266px; flex: 0 0 266px; gap: 24px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__image { position: relative; height: 256px; aspect-ratio: auto; border-radius: 24px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-cta__button { border-radius: 12px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__image[data-case-slug='event-ticket-selling-system'] img { content: url('../../images/case-study-details-pc/ticket.png'); }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__image[data-case-slug='register-chat-bot-ai'] img { content: url('../../images/case-study-details-tablet/chatbot.png'); }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__image[data-case-slug='ai-powered-call-center'] img { content: url('../../images/case-study-details-pc/call-center.png'); }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__body { gap: 16px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card h2 { min-height: 22px; font-size: 14px; line-height: 22px; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card p { height: 48px; min-height: 48px !important; margin: 0 0 12px; font-size: 12px; line-height: 16px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__tags { height: auto; flex-wrap: wrap; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__tags span { min-height: 40px; max-width: 100%; white-space: normal; overflow-wrap: anywhere; padding: 12px !important; font-size: 12px; line-height: 16px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__button > [aria-hidden='true'] {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    font-size: 0;
    background: currentColor;
    mask: url('../../images/case-study-details-mobile/related-arrow.svg') center / 24px 24px no-repeat;
    -webkit-mask: url('../../images/case-study-details-mobile/related-arrow.svg') center / 24px 24px no-repeat;
  }
}