/* WMF / PKM PROJECT v169 — authoritative mobile corrections.
   Everything is scoped to <= 991px; desktop rendering is unchanged. */
@media (max-width: 991px) {
  /* 01 — remove the obsolete hero eyebrow, including the higher-specificity v151 rule. */
  #top .wmf-hero-eyebrow,
  #top .wmf-hero-v48 .wmf-hero-eyebrow {
    display: none !important;
  }

  /* 02 / 06 — use the exact visual language of the first-screen expert CTA. */
  #clients .wmf-clients-v152__actions .wmf-trust-why-btn,
  #mobile-catalog .wmf-v168-section-cta > button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 13px 12px !important;
    border: 1px solid #e0ac80 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, #e2b086, #c98d5d) !important;
    color: #17100c !important;
    box-shadow: none !important;
    font: inherit !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-shadow: none !important;
  }

  #clients .wmf-clients-v152__actions .wmf-trust-why-btn::before,
  #clients .wmf-clients-v152__actions .wmf-trust-why-btn::after,
  #mobile-catalog .wmf-v168-section-cta > button::before,
  #mobile-catalog .wmf-v168-section-cta > button::after {
    display: none !important;
    content: none !important;
  }

  /* 03 — trust popup: black WMF panel, warm accent, compact readable cards. */
  .wmf-trust-dialog[open] {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important;
    height: 100dvh !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
  }

  .wmf-trust-dialog::backdrop {
    background: rgba(0, 0, 0, .82) !important;
    backdrop-filter: blur(7px) !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-panel {
    position: relative !important;
    width: 100% !important;
    max-width: 760px !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 20px 14px 18px !important;
    border: 1px solid rgba(199, 149, 110, .52) !important;
    border-radius: 22px 22px 14px 14px !important;
    background:
      radial-gradient(circle at 88% 0%, rgba(199, 149, 110, .13), transparent 31%),
      linear-gradient(180deg, #0c0f12 0%, #060708 100%) !important;
    box-shadow: 0 -24px 70px rgba(0, 0, 0, .58) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-close {
    position: sticky !important;
    top: 0 !important;
    float: right !important;
    z-index: 4 !important;
    width: 42px !important;
    height: 42px !important;
    margin: 0 0 8px 10px !important;
    border: 1px solid rgba(255, 255, 255, .2) !important;
    border-radius: 50% !important;
    background: #080a0c !important;
    color: #fff !important;
    font-size: 27px !important;
    line-height: 1 !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-head {
    clear: both !important;
    margin: 0 0 14px !important;
    padding: 0 2px 15px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(199, 149, 110, .32) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-head > span {
    display: block !important;
    margin-bottom: 8px !important;
    color: #c7956e !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .16em !important;
  }

  .wmf-trust-dialog .wmf-trust-dialog-head h3 {
    max-width: 95% !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(23px, 6.5vw, 30px) !important;
    font-weight: 750 !important;
    line-height: 1.08 !important;
    letter-spacing: -.025em !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;
    min-height: 0 !important;
    padding: 15px 14px 14px 54px !important;
    border: 1px solid rgba(255, 255, 255, .11) !important;
    border-left-color: rgba(199, 149, 110, .7) !important;
    border-radius: 13px !important;
    background: rgba(255, 255, 255, .025) !important;
    box-shadow: none !important;
  }

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

  .wmf-trust-dialog .wmf-trust-why-item h4 {
    margin: 0 0 6px !important;
    color: #fff !important;
    font-size: 15px !important;
    line-height: 1.22 !important;
  }

  .wmf-trust-dialog .wmf-trust-why-item p {
    margin: 0 !important;
    color: #b8bdc2 !important;
    font-size: 12.5px !important;
    line-height: 1.48 !important;
  }

  /* 04 / 05 — one machine per row and title aligned with the cup artwork. */
  #mobile-catalog .wmf-mobile-catalog-grid:not(.wmf-mobile-catalog-grid-addons) {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  #mobile-catalog .wmf-mobile-catalog-card:not(.is-addon) .wmf-mobile-catalog-card-body > strong {
    left: 11.2% !important;
    right: 8% !important;
    max-width: 72% !important;
    font-size: clamp(18px, 5vw, 28px) !important;
  }

  #mobile-catalog .wmf-mobile-catalog-card[data-mobile-catalog-open$="espresso-next"] .wmf-mobile-catalog-card-body > strong {
    font-size: clamp(16px, 4.3vw, 24px) !important;
  }

  /* 05 — exact ROI label parity; matches the highly specific v156 selectors. */
  #mobile-selector-roi.wmf-msr-v156 .wmf-msr-model-picker > span,
  #mobile-selector-roi.wmf-msr-v156 .wmf-msr-form-title,
  #mobile-selector-roi.wmf-msr-v156 .wmf-msr-results > h3,
  #mobile-selector-roi .wmf-msr-model-picker > span,
  #mobile-selector-roi .wmf-msr-form-title,
  #mobile-selector-roi .wmf-msr-results > h3 {
    margin: 0 0 8px !important;
    color: #f5f5f5 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  /* 07 — accessory titles: centered and raised above the built-in CTA. */
  #mobile-additional-equipment .wmf-mobile-catalog-grid-addons .wmf-mobile-catalog-card-body > strong {
    left: 7% !important;
    right: 7% !important;
    bottom: 16.4% !important;
    width: auto !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(10px, 2.2vw, 18px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  #mobile-additional-equipment .wmf-mobile-catalog-grid-addons .wmf-mobile-catalog-card.is-long .wmf-mobile-catalog-card-body > strong {
    font-size: clamp(8.5px, 1.9vw, 15px) !important;
  }

  /* 08 — rebuilt dark mobile guarantee section. */
  #guarantees.g24-section {
    padding: 26px 0 42px !important;
    background:
      radial-gradient(circle at 85% 0%, rgba(199, 149, 110, .13), transparent 31%),
      #050708 !important;
    color: #fff !important;
  }

  #guarantees.g24-section .g24-shell {
    width: calc(100% - 24px) !important;
    margin: 0 auto !important;
    padding: 12px !important;
    border: 1px solid rgba(199, 149, 110, .42) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, #0d1013 0%, #080a0c 100%) !important;
    box-shadow: 0 18px 45px rgba(0, 0, 0, .34) !important;
  }

  #guarantees.g24-section .g24-hero {
    min-height: 390px !important;
    margin-bottom: 10px !important;
    border: 1px solid rgba(255, 255, 255, .09) !important;
    border-radius: 14px !important;
    background: #0a0d10 !important;
    overflow: hidden !important;
  }

  #guarantees.g24-section .g24-hero-copy {
    position: relative !important;
    z-index: 3 !important;
    padding: 22px 18px 190px !important;
  }

  #guarantees.g24-section .g24-eyebrow {
    margin-bottom: 9px !important;
    color: #c7956e !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .13em !important;
  }

  #guarantees.g24-section .g24-hero h2 {
    margin: 0 0 12px !important;
    color: #fff !important;
    font-size: clamp(29px, 8vw, 37px) !important;
    font-weight: 760 !important;
    line-height: 1.04 !important;
    letter-spacing: -.035em !important;
  }

  #guarantees.g24-section .g24-hero-copy > p {
    max-width: 100% !important;
    margin: 0 !important;
    color: #c4c8cc !important;
    font-size: 14px !important;
    line-height: 1.52 !important;
  }

  #guarantees.g24-section .g24-hero-media {
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 190px !important;
  }

  #guarantees.g24-section .g24-hero-media::before {
    background: linear-gradient(180deg, #0a0d10 0%, rgba(10, 13, 16, .12) 44%, rgba(10, 13, 16, .18) 100%) !important;
  }

  #guarantees.g24-section .g24-hero-media img {
    object-position: center 28% !important;
    filter: saturate(.82) contrast(1.06) brightness(.72) !important;
  }

  #guarantees.g24-section .g24-main,
  #guarantees.g24-section .g24-details {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin-top: 10px !important;
    background: transparent !important;
  }

  #guarantees.g24-section .g24-certificate-card,
  #guarantees.g24-section .g24-guarantees-card,
  #guarantees.g24-section .g24-detail-card,
  #guarantees.g24-section .g24-cta {
    padding: 17px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 14px !important;
    background: #0f1317 !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  #guarantees.g24-section .g24-shell h2,
  #guarantees.g24-section .g24-shell h3,
  #guarantees.g24-section .g24-shell h4,
  #guarantees.g24-section .g24-cert-row b,
  #guarantees.g24-section .g24-cert-row span,
  #guarantees.g24-section .g24-warranty-numbers strong,
  #guarantees.g24-section .g24-warranty-numbers b,
  #guarantees.g24-section .g24-documents b,
  #guarantees.g24-section .g24-implementation li {
    color: #fff !important;
  }

  #guarantees.g24-section .g24-shell p,
  #guarantees.g24-section .g24-small-note,
  #guarantees.g24-section .g24-note,
  #guarantees.g24-section .g24-conditions-body p {
    color: #b8bdc2 !important;
  }

  #guarantees.g24-section .g24-certificate-card {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  #guarantees.g24-section .g24-certificate-image button {
    max-width: 235px !important;
    border-color: rgba(199, 149, 110, .5) !important;
    border-radius: 9px !important;
  }

  #guarantees.g24-section .g24-cert-row,
  #guarantees.g24-section .g24-guarantee,
  #guarantees.g24-section .g24-documents li,
  #guarantees.g24-section .g24-warranty-numbers {
    border-color: rgba(255, 255, 255, .1) !important;
    background: transparent !important;
  }

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

  #guarantees.g24-section .g24-guarantee {
    min-height: 0 !important;
    padding: 15px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    border-radius: 11px !important;
    background: rgba(255, 255, 255, .022) !important;
  }

  #guarantees.g24-section .g24-guarantee-icon,
  #guarantees.g24-section .g24-cert-row-icon,
  #guarantees.g24-section .g24-doc-icon,
  #guarantees.g24-section .g24-warning {
    color: #c7956e !important;
  }

  #guarantees.g24-section .g24-warranty-numbers > div + div {
    border-left-color: rgba(255, 255, 255, .1) !important;
  }

  #guarantees.g24-section .g24-documents-photo {
    min-height: 210px !important;
    border-color: rgba(255, 255, 255, .12) !important;
    background: #080a0c !important;
  }

  #guarantees.g24-section .g24-cta {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  #guarantees.g24-section .g24-cta-image {
    height: 130px !important;
  }

  #guarantees.g24-section .g24-cta-copy {
    padding: 17px 17px 8px !important;
  }

  #guarantees.g24-section .g24-cta-actions {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 10px 17px 17px !important;
  }

  #guarantees.g24-section .g24-button {
    min-height: 50px !important;
    border-color: rgba(199, 149, 110, .62) !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #fff !important;
  }

  #guarantees.g24-section .g24-button-dark {
    background: linear-gradient(135deg, #e2b086, #c98d5d) !important;
    color: #17100c !important;
  }

  /* 12 — FAQ becomes a clean list: no filter/search navigation, one show-more control. */
  #faq .faq-header-side,
  #faq .faq-filters,
  #faq .faq-answer-actions > a:first-child,
  #faq .faq-side-visual,
  #faq .faq-side-body > ul,
  #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;
  }

  #faq .faq-header,
  #faq .faq-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  #faq .faq-list-wrap,
  #faq .faq-list,
  #faq .faq-side--consultation {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #faq .faq-show-more {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 12px !important;
    border-radius: 10px !important;
  }

  #faq .faq-side--consultation {
    border: 1px solid rgba(199, 149, 110, .38) !important;
    border-radius: 15px !important;
    background: #0d1115 !important;
    overflow: hidden !important;
  }

  #faq .faq-side-body {
    padding: 20px 17px !important;
  }

  #faq .faq-side-body h3 {
    margin: 0 0 8px !important;
    color: #fff !important;
    font-size: 23px !important;
    line-height: 1.08 !important;
  }

  #faq .faq-side-body > p {
    margin: 0 0 15px !important;
    color: #b9bec3 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }

  #faq .faq-side-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
  }

  #faq .faq-side-actions a,
  #faq .faq-answer-actions a {
    min-height: 48px !important;
    border-radius: 10px !important;
  }
}

@media (min-width: 992px) {
  /* Explicitly guarantee that this patch never changes desktop. */
  .wmf-v169-mobile-only {
    display: none !important;
  }
}