/* WMF / PKM PROJECT v170 — mobile-only popup, FAQ and media corrections. */
@media (max-width: 991px) {
  /* Trust popup: reset the old two-column card grid that caused text overlap. */
  .wmf-trust-dialog[open] {
    align-items: center !important;
    padding: 8px !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-panel {
    width: 100% !important;
    max-height: calc(100dvh - 16px) !important;
    padding: 18px 14px 16px !important;
    border: 1px solid rgba(199, 149, 110, .52) !important;
    border-radius: 20px !important;
    background:
      radial-gradient(circle at 95% 0%, rgba(199, 149, 110, .14), transparent 29%),
      linear-gradient(180deg, #0c0f12 0%, #060708 100%) !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-close {
    position: sticky !important;
    top: 0 !important;
    right: auto !important;
    float: right !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 0 6px 10px !important;
    border-color: rgba(255, 255, 255, .26) !important;
    background: rgba(5, 7, 8, .96) !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-head {
    clear: both !important;
    max-width: none !important;
    margin: 0 0 12px !important;
    padding: 0 2px 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .12) !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-head::after {
    width: 92px !important;
    height: 2px !important;
    background: #c7956e !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-head > span {
    display: block !important;
    margin: 0 0 7px !important;
    color: #c7956e !important;
    font-size: 10px !important;
    letter-spacing: .15em !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-head > span::before {
    display: none !important;
    content: none !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-head h3 {
    max-width: calc(100% - 6px) !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(25px, 7vw, 32px) !important;
    font-weight: 760 !important;
    line-height: 1.06 !important;
    letter-spacing: -.03em !important;
    text-wrap: balance !important;
  }

  .wmf-trust-dialog .wmf-trust-why-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  .wmf-trust-dialog .wmf-trust-why-item {
    position: relative !important;
    display: block !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 14px 13px 14px 56px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-left: 2px solid rgba(199, 149, 110, .72) !important;
    border-radius: 13px !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .014)) !important;
    box-shadow: none !important;
  }

  .wmf-trust-dialog .wmf-trust-why-item::after {
    display: none !important;
    content: none !important;
  }

  .wmf-trust-dialog .wmf-trust-why-icon {
    position: absolute !important;
    top: 14px !important;
    left: 13px !important;
    display: grid !important;
    grid-row: auto !important;
    place-items: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    border: 1px solid rgba(255, 255, 255, .31) !important;
    border-radius: 50% !important;
    background: transparent !important;
    color: #fff !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }

  .wmf-trust-dialog .wmf-trust-why-item h4 {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
  }

  .wmf-trust-dialog .wmf-trust-why-item p {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #b9bec3 !important;
    font-size: 12.5px !important;
    line-height: 1.46 !important;
  }

  /* FAQ: hard fallback independent of the earlier FAQ scripts. */
  #faq .faq-notice,
  #faq [data-wmf-display-faq-number="6"],
  #faq [data-wmf-display-faq-number="37"],
  #faq [data-wmf-display-faq-number="39"],
  #faq [data-wmf-display-faq-number="41"],
  #faq [data-wmf-display-faq-number="46"],
  #faq [data-wmf-display-faq-number="47"] {
    display: none !important;
  }

  /* New mobile imagery. Desktop keeps the previous assets. */
  #why-wmf .why-hero-media img {
    object-fit: cover !important;
    object-position: center 48% !important;
    transform: none !important;
    filter: saturate(.94) contrast(1.05) brightness(.93) !important;
  }

  #service .svc-support-card figure {
    min-height: 250px !important;
  }

  #service .svc-support-card figure img {
    min-height: 250px !important;
    object-fit: cover !important;
    object-position: center 46% !important;
    filter: saturate(.88) contrast(1.05) brightness(.92) !important;
  }

  #guarantees.g24-section .g24-hero-media {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 210px !important;
    flex: 0 0 210px !important;
  }

  #guarantees.g24-section .g24-hero-media img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 51% !important;
    filter: saturate(.88) contrast(1.04) brightness(.78) !important;
  }

  #guarantees.g24-section .g24-documents-photo {
    min-height: 235px !important;
    aspect-ratio: 3 / 2 !important;
  }

  #guarantees.g24-section .g24-documents-photo img {
    object-fit: cover !important;
    object-position: center center !important;
    filter: saturate(.9) contrast(1.04) brightness(.86) !important;
  }

  /* User requested complete removal of the small coffee-cup picture on mobile. */
  #guarantees.g24-section .g24-cta-image {
    display: none !important;
  }

  #guarantees.g24-section .g24-cta {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}