/* Case Study Details 2300:20675. Tablet owns 768-1279px only. */
@media (min-width: 768px) and (max-width: 1279px) {
  html body.fenix-figma-case-study-detail-body .fenix-site-main { padding-top: 94px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-detail-page { padding: 0 !important; gap: 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-home-testimonials { padding: 120px 0 !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% - 64px) !important; max-width: none !important; margin-inline: auto !important;
  }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-breadcrumb { background: var(--fenix-neutral-50); border: 0; box-shadow: inset 0 1px var(--fenix-neutral-200), inset 0 -1px var(--fenix-neutral-200); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-breadcrumb__inner { padding-inline: 0; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-breadcrumb__inner > :is(a, strong) { font-size: 13px; line-height: 18px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview { padding: 64px 0 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview__inner { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview__content { min-height: 0; gap: 40px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview__heading { gap: 24px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-tags { height: auto !important; min-height: 42px; gap: 8px !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-tags span { min-height: 42px; max-width: 100%; white-space: normal; padding: 12px !important; font-size: 13px !important; line-height: 18px !important; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-overview h1 { font-size: 40px !important; line-height: 48px !important; font-weight: 700; }
  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: 42px; 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: 15px; line-height: 22px; }
  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: 704 / 501.297; border-radius: 8px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story { padding: 72px 0 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story__inner { gap: 64px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story :is(p, li) { font-size: 16px !important; line-height: 24px !important; font-weight: 400; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-story h2 { font-size: 32px !important; line-height: 40px !important; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-solution { padding: 40px 24px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-split { grid-template-columns: minmax(0, 1fr) 0 minmax(0, 1fr); gap: 48px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-split::before { display: block; background: var(--fenix-neutral-200); }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related { min-height: 0; margin-top: 120px !important; padding: 64px 0 !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__inner { gap: 48px !important; height: auto !important; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-home-heading { width: 100%; height: auto !important; min-height: 176px; gap: 16px !important; text-align: left; align-items: flex-start; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__heading-row { display: contents; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-home-heading h2 { order: 0; font-size: 40px; line-height: 48px; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-home-heading p { order: 1; width: min(682px, 100%); font-size: 18px; line-height: 24px; font-weight: 400; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__button { order: 2; margin-top: 4px; width: 160px; min-width: 160px; height: 44px; font-size: 15px; line-height: 22px; }
  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-tablet/arrow-up-right.svg') center / 24px 24px no-repeat; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__grid { display: flex; gap: 24px; width: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related__grid::-webkit-scrollbar { display: none; }
  html body.fenix-figma-case-study-detail-body .fenix-case-detail-related .fenix-case-study-card { flex: 0 0 375px; width: 375px; min-width: 375px; max-width: 375px; min-height: 438px; padding: 0; gap: 24px; scroll-snap-align: start; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__image { height: 256px; border-radius: 24px; position: relative; }
  html body.fenix-figma-case-study-detail-body .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-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__body { width: 100% !important; min-height: 158px !important; gap: 16px; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card h2 { min-height: 24px !important; font-size: 18px; line-height: 24px; font-weight: 700; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card p { min-height: 54px !important; height: 54px; margin-bottom: 6px !important; font-size: 13px; line-height: 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__tags { height: auto; }
  html body.fenix-figma-case-study-detail-body .fenix-case-study-card__tags span { min-height: 42px; max-width: 100%; white-space: normal; padding: 12px !important; font-size: 13px; line-height: 18px; font-weight: 700; }
}