/* Warsaw mobile portrait and pricing card. */
@media (max-width: 767px) {
  #guru-warsaw-main .guru-hero-intro {
    display: contents !important;
  }

  #guru-warsaw-main .guru-portrait-column {
    grid-row: 1 !important;
  }

  #guru-warsaw-main .guru-hero-copy {
    grid-row: 2 !important;
  }

  #guru-warsaw-main .guru88-breadcrumbs {
    margin-bottom: 14px !important;
  }

  #guru-warsaw-main .guru-portrait-column .guru88-heading {
    margin-bottom: 10px !important;
  }

  #guru-warsaw-main .guru-portrait-column .guru-portrait-scene {
    width: 90%;
    max-width: 320px;
    margin-top: 24px;
  }


  #guru-warsaw-main .guru-task-plaque[data-guru-monthly="jdg"] .guru-plaque-press {
    background: linear-gradient(140deg, #153c6b, #235b89);
  }

  #guru-warsaw-main .guru-task-plaque[data-guru-monthly="spzoo"] .guru-plaque-press {
    background: linear-gradient(140deg, #184674, #2b6896);
  }

  #guru-warsaw-main .guru-task-plaque[data-guru-monthly] .guru-task-card {
    padding-right: 78px;
    gap: 4px;
  }

  #guru-warsaw-main .guru-task-plaque[data-guru-monthly] #guru-task-title {
    font-size: clamp(.83rem, 3.65vw, .96rem);
    line-height: 1.12;
  }

  #guru-warsaw-main .guru-task-plaque[data-guru-monthly] .guru91-title-kind {
    display: block;
    white-space: nowrap;
  }

  #guru-warsaw-main #guru-task-card[href="#custom-html-12j"]:is(:hover, :focus-visible) .guru-task-bottom {
    text-decoration: underline;
    text-underline-offset: 2px;
  }

  #guru-warsaw-main #custom-html-12j {
    scroll-margin-top: 114px;
  }

  /* Keep the original live token inside its scene so its pause and cycle still work. */
  #guru-warsaw-main .guru-hero-intro .guru-accounting-motion {
    position: fixed !important;
    inset: 32px clamp(81px, 20vw, 155px) auto auto !important;
    width: 76px !important;
    height: 38px !important;
    z-index: 1040;
    margin: 0 !important;
    overflow: hidden;
    pointer-events: none;
  }

  #guru-warsaw-main .guru-accounting-token {
    inset: 0 auto auto 0 !important;
    min-height: 38px;
    width: 100%;
    gap: 3px;
    animation: none;
  }

  #guru-warsaw-main :is(.guru-token-frame, .guru-token-icon svg) {
    width: 34px;
    height: 34px;
  }

  #guru-warsaw-main .guru-token-frame {
    flex-basis: 34px;
  }

  #guru-warsaw-main .guru-token-trail {
    display: none;
  }

  #guru-warsaw-main .guru-accounting-token .guru-token-label {
    max-width: 39px;
    min-width: 0;
    white-space: normal;
    font-size: .54rem;
    line-height: 1.12;
  }

  #guru-warsaw-main .guru-accounting-token[data-phase="2"] .guru-token-label,
  #guru-warsaw-main .guru-accounting-token[data-phase="4"] .guru-token-label {
    white-space: pre-line;
  }

  body:has(#menu4-1hi .navbar-toggler[aria-expanded="true"]) #guru-warsaw-main .guru-accounting-motion {
    visibility: hidden;
  }
}

@media (max-width: 359px) {
  #guru-warsaw-main .guru-hero-intro .guru-accounting-motion {
    inset-inline-end: 82px !important;
    width: 35px !important;
  }

  #guru-warsaw-main .guru-portrait-column .guru-portrait-scene {
    width: 82%;
  }

  #guru-warsaw-main .guru-accounting-token .guru-token-label {
    display: none;
  }
}