/* v182 — desktop-only refinements. No mobile rules are changed. */

@media (min-width: 992px) {
  .wmf-site-header [data-wmf-panel-open="models"]::before {
    width: 32px !important;
    height: 25px !important;
    border-radius: 0 !important;
    background: transparent url("../images/ui/desktop-header-coffee-cup-v182.svg") center / contain no-repeat !important;
  }

  #top .wmf-flagship-copy > p {
    display: none !important;
  }

  #top .wmf-flagship-machine {
    width: min(94%, 500px) !important;
    max-height: 94% !important;
    object-fit: contain !important;
  }

  #quick-assortment .qa-eyebrow,
  #quick-assortment .qa-accent {
    display: none !important;
    visibility: hidden !important;
  }

  #quick-assortment .qa-head {
    margin-bottom: 28px !important;
  }

  #quick-assortment .qa-copy h2 {
    max-width: 1000px !important;
  }

  #quick-assortment .qa-more {
    font-size: clamp(8px, .58vw, 11px) !important;
    letter-spacing: -.01em !important;
  }

  #quick-assortment .qa-help-card-v182 {
    position: relative !important;
    display: block !important;
    aspect-ratio: 1200 / 1343;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(211, 162, 118, .42) !important;
    border-radius: 28px !important;
    background:
      radial-gradient(circle at 82% 14%, rgba(211, 162, 118, .22), transparent 31%),
      linear-gradient(145deg, #17191c 0%, #0a0c0f 72%, #050607 100%) !important;
    box-shadow: 0 20px 40px rgba(0, 0, 0, .2) !important;
  }

  #quick-assortment .qa-help-card-v182::before {
    content: "WMF";
    position: absolute;
    right: 9%;
    top: 7%;
    color: rgba(255, 255, 255, .08);
    font-size: clamp(38px, 4vw, 74px);
    font-weight: 900;
    letter-spacing: -.06em;
  }

  #quick-assortment .qa-help-card-v182__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 8.5% 9%;
  }

  #quick-assortment .qa-help-card-v182__eyebrow {
    margin-bottom: auto;
    color: #d3a276;
    font-size: clamp(9px, .68vw, 12px);
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
  }

  #quick-assortment .qa-help-card-v182 h3 {
    margin: 0;
    color: #fff;
    font-size: clamp(15px, 1.35vw, 26px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -.025em;
  }

  #quick-assortment .qa-help-card-v182 p {
    margin: 10px 0 14px;
    color: rgba(255, 255, 255, .74);
    font-size: clamp(11px, .75vw, 14px);
    line-height: 1.4;
  }

  #quick-assortment .qa-help-card-v182 button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid #d3a276;
    border-radius: 14px;
    background: #d3a276;
    color: #111;
    font: inherit;
    font-size: clamp(11px, .82vw, 14px);
    font-weight: 800;
    cursor: pointer;
    transition: transform .2s ease, background .2s ease, border-color .2s ease;
  }

  #quick-assortment .qa-help-card-v182 button:hover {
    transform: translateY(-2px);
    border-color: #e2b58c;
    background: #e2b58c;
  }
}