/* v219 — desktop-only corrections for the header, hero, implementation,
   guarantees and additional-equipment sections. Mobile remains unchanged. */

@media (min-width: 992px) {
  /* 14. Visually centre the asymmetric cup artwork inside its square control. */
  .wmf-site-header [data-wmf-panel-open="models"] {
    display: grid !important;
    place-items: center !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  .wmf-site-header [data-wmf-panel-open="models"]::before {
    position: static !important;
    width: 32px !important;
    height: 25px !important;
    margin: 0 !important;
    transform: translateX(-3px) !important;
    background-position: center !important;
  }

  /* 15–18. Compact model catalogue inside the header panel. */
  .wmf-model-menu .wmf-panel-shell {
    padding-top: 22px !important;
    padding-bottom: 26px !important;
  }

  .wmf-model-menu .wmf-panel-shell > header {
    padding-bottom: 14px !important;
  }

  .wmf-model-menu .wmf-panel-shell > header > div > span {
    display: block !important;
    color: #d3a276 !important;
    font-size: clamp(22px, 2vw, 30px) !important;
    font-weight: 800 !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em !important;
    text-transform: none !important;
  }

  .wmf-model-menu .wmf-panel-shell > header h2,
  .wmf-model-menu .wmf-model-filter-row {
    display: none !important;
  }

  .wmf-model-menu .wmf-model-menu-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin-top: 18px !important;
  }

  .wmf-model-menu .wmf-model-card.wmf-v219-model-card {
    position: relative !important;
    display: block !important;
    min-height: 0 !important;
    aspect-ratio: 1200 / 1343 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(211, 162, 118, .24) !important;
    border-radius: 18px !important;
    background: #26292c !important;
    color: #fff !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, .25) !important;
    text-decoration: none !important;
  }

  .wmf-model-menu .wmf-model-card.wmf-v219-model-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(211, 162, 118, .76) !important;
    box-shadow: 0 18px 36px rgba(0, 0, 0, .36) !important;
  }

  .wmf-model-menu .wmf-v219-model-card .qa-image,
  .wmf-model-menu .wmf-v219-model-card .qa-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .wmf-model-menu .wmf-v219-model-card .qa-image img {
    object-fit: cover !important;
    object-position: center !important;
    filter: none !important;
  }

  .wmf-model-menu .wmf-v219-model-card .qa-card-body {
    position: absolute !important;
    z-index: 2 !important;
    inset: auto 0 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "title title" "meta more" !important;
    gap: 7px 8px !important;
    align-items: end !important;
    padding: 44px 12px 12px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(5, 7, 9, .9) 48%, rgba(5, 7, 9, .98) 100%) !important;
    pointer-events: none !important;
  }

  .wmf-model-menu .wmf-v219-model-card .qa-card-body h3 {
    grid-area: title !important;
    max-width: none !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(13px, .92vw, 17px) !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;
    letter-spacing: -.02em !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .4) !important;
  }

  .wmf-model-menu .wmf-v219-model-card .qa-card-footer {
    display: contents !important;
  }

  .wmf-model-menu .wmf-v219-model-card .qa-capacity {
    grid-area: meta !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    color: rgba(255, 255, 255, .78) !important;
    font-size: clamp(9px, .65vw, 11px) !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  .wmf-model-menu .wmf-v219-model-card .qa-capacity::before,
  .wmf-model-menu .wmf-v219-model-card .qa-capacity > svg,
  .wmf-model-menu .wmf-v219-model-card .qa-capacity > i,
  .wmf-model-menu .wmf-v219-model-card .qa-more b {
    display: none !important;
    content: none !important;
  }

  .wmf-model-menu .wmf-v219-model-card .qa-more {
    grid-area: more !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(211, 162, 118, .66) !important;
    border-radius: 999px !important;
    background: rgba(8, 10, 12, .62) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .wmf-model-menu .wmf-v219-model-help {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid rgba(255, 255, 255, .09) !important;
  }

  .wmf-model-menu .wmf-v219-model-help button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 260px !important;
    min-height: 48px !important;
    padding: 0 22px !important;
    border: 1px solid #d3a276 !important;
    border-radius: 14px !important;
    background: #d3a276 !important;
    color: #111 !important;
    font: inherit !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
  }

  .wmf-model-menu .wmf-v219-model-help button:hover {
    background: #e2b58c !important;
    border-color: #e2b58c !important;
  }

  /* 19. A desktop menu should not offer a tel: action. */
  .wmf-main-menu .wmf-mobile-menu-actions > a[href^="tel:"] {
    display: none !important;
  }

  .wmf-main-menu .wmf-mobile-menu-actions {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  /* 20. Keep the complete first section, including its details CTA, in one viewport. */
  #top.wmf-hero-v48 {
    padding-top: 8px !important;
    padding-bottom: 18px !important;
  }

  #top .wmf-hero-grid {
    height: clamp(642px, calc(100svh - 124px), 820px) !important;
    min-height: 0 !important;
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  #top .wmf-hero-main,
  #top .wmf-hero-side,
  #top .wmf-hero-main-content,
  #top .wmf-hero-flagship {
    height: 100% !important;
    min-height: 0 !important;
  }

  #top .wmf-hero-main-content {
    justify-content: center !important;
    padding: clamp(24px, 4vh, 38px) 42px 26px !important;
  }

  #top .wmf-hero-desktop-copy {
    gap: 10px !important;
  }

  #top .wmf-hero-desktop-copy h1 {
    font-size: clamp(38px, 3.55vw, 58px) !important;
    line-height: 1.01 !important;
  }

  #top .wmf-hero-desktop-copy p {
    font-size: clamp(15px, 1.15vw, 17px) !important;
    line-height: 1.42 !important;
  }

  #top .wmf-hero-desktop-actions {
    gap: 9px !important;
    margin-top: 4px !important;
  }

  #top .wmf-hero-desktop-actions > a,
  #top .wmf-hero-desktop-actions > button {
    min-height: 50px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  #top .wmf-hero-main-content .wmf-hero-stats {
    margin-top: 14px !important;
  }

  #top .wmf-hero-main-content .wmf-hero-slogan {
    margin-top: 12px !important;
  }

  #top .wmf-hero-flagship {
    padding: 18px !important;
  }

  #top .wmf-flagship-topline {
    margin-bottom: 8px !important;
  }

  #top .wmf-flagship-copy small {
    margin-bottom: 5px !important;
    font-size: 11px !important;
  }

  #top .wmf-flagship-copy h2 {
    font-size: clamp(28px, 2.4vw, 34px) !important;
  }

  #top .wmf-flagship-stage {
    flex: 1 1 235px !important;
    min-height: 225px !important;
    margin-bottom: 9px !important;
    border-radius: 20px !important;
  }

  #top .wmf-flagship-machine {
    width: min(91%, 440px) !important;
    max-height: 91% !important;
  }

  #top .wmf-flagship-facts {
    gap: 7px !important;
    margin-bottom: 8px !important;
  }

  #top .wmf-flagship-fact {
    min-height: 64px !important;
    padding: 9px 11px !important;
    border-radius: 13px !important;
  }

  #top .wmf-flagship-fact strong {
    margin-bottom: 3px !important;
    font-size: 12.5px !important;
  }

  #top .wmf-flagship-fact span {
    font-size: 10.5px !important;
    line-height: 1.33 !important;
  }

  #top .wmf-flagship-status {
    gap: 7px !important;
  }

  #top .wmf-flagship-status span {
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-radius: 13px !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
  }

  #top .wmf-flagship-details-v181 {
    min-height: 46px !important;
    margin-top: 8px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }

  /* 21. Solid branded selected state, without a moving sheen. */
  #clients .wmf-trust-actions .wmf-trust-why-btn {
    background: #d3a276 !important;
    background-image: none !important;
    border-color: #d3a276 !important;
    color: #111 !important;
    box-shadow: none !important;
    animation: none !important;
  }

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

  /* 23–24. New desktop image and tighter stage labels. */
  #implementation .imp-hero {
    align-items: stretch !important;
  }

  #implementation .imp-hero-visual,
  #implementation .imp-photo-v188,
  #implementation .imp-photo-v188 picture,
  #implementation .imp-photo-v188 img {
    height: 100% !important;
    min-height: 0 !important;
  }

  #implementation .imp-photo-v188 img {
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: 50% 22% !important;
  }

  #implementation .imp-stage-card strong {
    min-height: 49px !important;
    font-size: 12px !important;
    line-height: 1.18 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    hyphens: auto !important;
  }

  /* 25. Balanced guarantee cards; icons sit beside the copy. */
  #guarantees .g24-main {
    align-items: stretch !important;
  }

  #guarantees .g24-certificate-card,
  #guarantees .g24-guarantees-card {
    height: 100% !important;
    box-sizing: border-box !important;
  }

  #guarantees .g24-certificate-card {
    grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr) !important;
    align-items: stretch !important;
  }

  #guarantees .g24-certificate-image {
    align-items: center !important;
  }

  #guarantees .g24-certificate-copy {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
  }

  #guarantees .g24-cert-actions {
    margin-top: auto !important;
  }

  #guarantees .g24-guarantees-card {
    display: flex !important;
    flex-direction: column !important;
  }

  #guarantees .g24-guarantees-grid {
    flex: 1 1 auto !important;
    grid-auto-rows: minmax(0, 1fr) !important;
  }

  #guarantees .g24-guarantee {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 13px 12px !important;
  }

  #guarantees .g24-guarantee-icon {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
  }

  #guarantees .g24-guarantee-icon svg {
    width: 34px !important;
    height: 34px !important;
  }

  #guarantees .g24-guarantee h4 {
    margin: 0 0 5px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  #guarantees .g24-guarantee p {
    font-size: 11.5px !important;
    line-height: 1.42 !important;
  }

  #guarantees .g24-details,
  #guarantees .g24-detail-col {
    align-items: start !important;
  }

  #guarantees .g24-detail-card {
    align-self: start !important;
    height: auto !important;
  }

  #guarantees .g24-warranty-numbers > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 190px !important;
  }

  #guarantees .g24-conditions-body {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
  }

  #guarantees .g24-warning {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
  }

  #guarantees .g24-warning svg {
    width: 40px !important;
    height: 40px !important;
  }

  #guarantees .g24-small-note {
    align-items: center !important;
  }

  /* 26. Telegram plane instead of the headset on the Telegram CTA. */
  #guarantees .g24-cta-actions a[href^="tg:"] > svg {
    display: none !important;
  }

  #guarantees .g24-cta-actions a[href^="tg:"]::before {
    content: "" !important;
    display: block !important;
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    background: currentColor !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.6 3.2 2.9 10.4c-1.3.5-1.3 1.2-.2 1.5l4.8 1.5 1.8 5.6c.2.7.1 1 .8 1 .5 0 .8-.2 1-.4l2.3-2.2 4.8 3.5c.9.5 1.5.3 1.8-.8l3.1-14.7c.4-1.4-.5-2.1-1.5-1.7ZM9.4 13.1l9.3-5.9c.5-.3.9-.1.5.2l-7.7 7-.3 3.3-1.8-4.6Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21.6 3.2 2.9 10.4c-1.3.5-1.3 1.2-.2 1.5l4.8 1.5 1.8 5.6c.2.7.1 1 .8 1 .5 0 .8-.2 1-.4l2.3-2.2 4.8 3.5c.9.5 1.5.3 1.8-.8l3.1-14.7c.4-1.4-.5-2.1-1.5-1.7ZM9.4 13.1l9.3-5.9c.5-.3.9-.1.5.2l-7.7 7-.3 3.3-1.8-4.6Z'/%3E%3C/svg%3E") center / contain no-repeat !important;
  }

  /* 27. Desktop expert-help card below the additional-equipment grid. */
  #catalog-addons .wmf-v219-addon-help {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin-top: 22px !important;
    padding: 22px 24px !important;
    border: 1px solid rgba(211, 162, 118, .32) !important;
    border-radius: 16px !important;
    background:
      radial-gradient(circle at 94% 0%, rgba(211, 162, 118, .14), transparent 32%),
      linear-gradient(145deg, #171a1d, #0b0d0f) !important;
  }

  #catalog-addons .wmf-v219-addon-help h3 {
    margin: 0 !important;
    color: #fff !important;
    font-size: clamp(21px, 1.8vw, 28px) !important;
    line-height: 1.15 !important;
  }

  #catalog-addons .wmf-v219-addon-help button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 220px !important;
    min-height: 52px !important;
    padding: 0 22px !important;
    border: 1px solid #d3a276 !important;
    border-radius: 14px !important;
    background: #d3a276 !important;
    color: #111 !important;
    font: inherit !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
  }

  #catalog-addons .wmf-v219-addon-help button:hover {
    background: #e2b58c !important;
    border-color: #e2b58c !important;
  }
}

@media (min-width: 992px) and (max-width: 1249px) {
  .wmf-model-menu .wmf-model-menu-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  #top .wmf-hero-main-content {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  #top .wmf-hero-desktop-copy h1 {
    font-size: clamp(34px, 4.2vw, 48px) !important;
  }
}

@media (min-width: 992px) and (max-height: 790px) {
  #top .wmf-hero-grid {
    height: calc(100svh - 124px) !important;
    min-height: 0 !important;
  }

  #top .wmf-hero-main-content {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  #top .wmf-hero-desktop-copy h1 {
    font-size: clamp(34px, 3.25vw, 50px) !important;
  }

  #top .wmf-hero-stats {
    gap: 7px !important;
  }

  #top .wmf-hero-stat {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  #top .wmf-hero-slogan {
    display: none !important;
  }

  #top .wmf-flagship-stage {
    min-height: 195px !important;
  }
}