/* WMF / PKM PROJECT v168 — mobile-only refinements. Desktop remains unchanged. */
@media (max-width: 991px) {
  html,
  body {
    max-width: 100%;
    overflow-x: clip;
  }

  /* 01 — hero */
  .wmf-hero-v48 .wmf-hero-eyebrow {
    display: none !important;
  }

  /* 02 — trusted brands */
  #clients .wmf-clients-v146__group-index {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .42) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  #clients .wmf-clients-v146__group,
  #clients .wmf-clients-v146__logo {
    border-color: rgba(255, 255, 255, .16) !important;
  }

  #clients .wmf-clients-v146__group-title,
  #clients .wmf-clients-v146__group-title * {
    color: #fff !important;
  }

  #clients .wmf-clients-v146__toggle {
    width: auto !important;
    min-width: 0 !important;
    min-height: 30px !important;
    padding: 2px 0 !important;
    gap: 7px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #f2f2f2 !important;
  }

  #clients .wmf-clients-v146__toggle svg {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
  }

  #clients .wmf-clients-v146__eyebrow {
    color: #c7956e !important;
  }

  #clients .wmf-trust-why-btn {
    width: 100% !important;
    min-height: 50px !important;
    padding: 12px 18px !important;
    border: 1px solid #996e4e !important;
    border-radius: 12px !important;
    background: #996e4e !important;
    background-image: none !important;
    color: #0a0a0a !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  #clients .wmf-trust-why-btn::before,
  #clients .wmf-trust-why-btn::after {
    display: none !important;
  }

  /* 03 / 08 — section CTAs */
  .wmf-v168-section-cta {
    width: 100%;
    margin: 18px 0 0;
  }

  .wmf-v168-section-cta button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 50px;
    padding: 12px 17px;
    border: 1px solid #996e4e;
    border-radius: 12px;
    background: #996e4e;
    color: #090909;
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    text-align: left;
  }

  .wmf-v168-section-cta button::after {
    content: "→";
    flex: none;
    margin-left: 12px;
    font-size: 20px;
    font-weight: 500;
  }

  #mobile-catalog .wmf-v168-section-cta {
    padding: 0 1px;
  }

  #service .wmf-v168-section-cta {
    margin-top: 20px;
  }

  /* 04 / 06 — product and accessory cards */
  .wmf-mobile-catalog-card-btn {
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    letter-spacing: -.01em !important;
    white-space: nowrap !important;
  }

  .wmf-mobile-catalog-grid-addons .wmf-mobile-catalog-card-body {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-height: 82px !important;
  }

  .wmf-mobile-catalog-grid-addons .wmf-mobile-catalog-card-body > strong {
    display: -webkit-box !important;
    min-height: 34px !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .wmf-mobile-catalog-grid-addons .wmf-mobile-catalog-card-btn {
    margin-top: auto !important;
  }

  /* 05 — ROI labels */
  #mobile-selector-roi .wmf-msr-model-picker > span,
  #mobile-selector-roi .wmf-msr-form-title,
  #mobile-selector-roi .wmf-msr-results > h3 {
    margin-bottom: 8px !important;
    color: #f5f5f5 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  /* 07 — duplicated why-WMF subheading */
  #why-wmf .why-kicker {
    display: none !important;
  }

  /* 09 — guarantees in the common dark site palette */
  #guarantees.g24-section {
    background: radial-gradient(circle at 82% 4%, rgba(153, 110, 78, .12), transparent 34%), #080a0c !important;
    color: #fff !important;
  }

  #guarantees .g24-shell,
  #guarantees .g24-main,
  #guarantees .g24-details {
    background: transparent !important;
  }

  #guarantees .g24-certificate-card,
  #guarantees .g24-guarantees-card,
  #guarantees .g24-detail-card,
  #guarantees .g24-cta {
    border-color: rgba(199, 149, 110, .34) !important;
    background: #0d1115 !important;
    color: #fff !important;
    box-shadow: none !important;
  }

  #guarantees .g24-hero-copy p,
  #guarantees .g24-certificate-copy p,
  #guarantees .g24-guarantee p,
  #guarantees .g24-detail-card p,
  #guarantees .g24-small-note,
  #guarantees .g24-note,
  #guarantees .g24-cta-copy p {
    color: #b9bec3 !important;
  }

  #guarantees .g24-cert-row,
  #guarantees .g24-guarantee,
  #guarantees .g24-documents li {
    border-color: rgba(255, 255, 255, .12) !important;
    background: rgba(255, 255, 255, .025) !important;
    color: #f4f4f4 !important;
  }

  /* 10 / 11 — implementation without horizontal overflow and redundant blocks */
  #implementation.wmf-implementation {
    max-width: 100% !important;
    padding: 34px 14px 44px !important;
    overflow: hidden !important;
  }

  #implementation .imp-shell,
  #implementation .imp-hero,
  #implementation .imp-hero-copy,
  #implementation .imp-hero-visual,
  #implementation .imp-stage-scroll,
  #implementation .imp-detail {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  #implementation .imp-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    border-radius: 16px !important;
  }

  #implementation .imp-hero-copy {
    padding: 24px 20px 22px !important;
  }

  #implementation .imp-hero h2 {
    max-width: 100% !important;
    margin: 12px 0 16px !important;
    overflow-wrap: anywhere !important;
    font-size: clamp(27px, 8vw, 38px) !important;
    line-height: 1.06 !important;
    letter-spacing: -.035em !important;
  }

  #implementation .imp-hero-copy > p {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere !important;
  }

  #implementation .imp-hero-copy ul {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  #implementation .imp-hero-copy li {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  #implementation .imp-hero-actions,
  #implementation .imp-hero-actions a {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #implementation .imp-hero-actions a {
    min-height: 50px !important;
    padding: 11px 15px !important;
    white-space: normal !important;
  }

  #implementation .imp-hero-visual {
    min-height: 280px !important;
  }

  #implementation .imp-summary,
  #implementation .imp-project-grid {
    display: none !important;
  }

  /* 12 — FAQ */
  #faq .wmf-v168-faq-removed {
    display: none !important;
  }

  #faq .faq-side-visual,
  #faq .faq-side-body > ul {
    display: none !important;
  }

  #faq .faq-side--consultation {
    border-color: rgba(199, 149, 110, .38) !important;
    background: #0d1115 !important;
  }

  #faq .faq-side-body {
    padding: 22px 18px !important;
  }

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

  #faq .faq-side-actions a {
    width: 100% !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
  }

  /* 13 / 15 — compact, footer-inspired mobile contacts */
  #contacts.wmf-contacts {
    padding: 28px 14px 104px !important;
    background: #050607 !important;
  }

  #contacts .contact-shell {
    width: 100% !important;
    max-width: 100% !important;
  }

  #contacts .contact-hero,
  #contacts .contact-content-grid,
  #contacts .contact-map-card {
    display: none !important;
  }

  .wmf-v168-mobile-contacts {
    display: block !important;
    width: 100%;
    overflow: hidden;
    border: 1px solid rgba(199, 149, 110, .36);
    border-radius: 16px;
    background: #090b0d;
  }

  .wmf-v168-mobile-contacts__head {
    padding: 18px 18px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .11);
  }

  .wmf-v168-mobile-contacts__head span {
    display: block;
    margin-bottom: 5px;
    color: #c7956e;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
  }

  .wmf-v168-mobile-contacts__head h2 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    line-height: 1.08;
  }

  .wmf-v168-mobile-contacts__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wmf-v168-mobile-contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    min-height: 72px;
    padding: 12px 14px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: transparent;
    color: #fff;
    text-decoration: none;
  }

  .wmf-v168-mobile-contact:nth-child(2n) {
    border-right: 0;
  }

  .wmf-v168-mobile-contact.is-wide {
    grid-column: 1 / -1;
    border-right: 0;
  }

  .wmf-v168-mobile-contact small {
    margin-bottom: 5px;
    color: #92979c;
    font-size: 10px;
  }

  .wmf-v168-mobile-contact strong {
    min-width: 0;
    color: #fff;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }

  .wmf-v168-mobile-contacts__channels {
    padding: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
  }

  .wmf-v168-mobile-contacts__channels > strong,
  .wmf-v168-mobile-contacts__social > strong {
    display: block;
    margin-bottom: 9px;
    color: #fff;
    font-size: 12px;
  }

  .wmf-v168-mobile-contacts__chips {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .wmf-v168-mobile-contacts__chips a {
    display: grid;
    place-items: center;
    min-width: 0;
    min-height: 38px;
    padding: 8px 4px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 9px;
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    text-decoration: none;
  }

  .wmf-v168-mobile-contacts__social {
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 8px;
    padding: 13px 14px;
  }

  .wmf-v168-mobile-contacts__social > strong {
    margin: 0;
  }

  .wmf-v168-mobile-contacts__social a {
    padding: 7px 10px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 9px;
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    text-decoration: none;
  }

  /* 14 — retired mobile sections */
  #about-company,
  #business-solutions,
  #coffeeconnect {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .wmf-v168-section-cta,
  .wmf-v168-mobile-contacts {
    display: none !important;
  }
}