/* GP636: wide, header-style live search popup. Portaled to body so it never
   gets clipped by the scrolling filter sidebar; the existing live filter stays active. */
.gp636-search-portal{position:fixed;z-index:12020;box-sizing:border-box;max-width:calc(100vw - 24px)}
.gp636-search-portal[hidden],.gp636-search-portal .gp539-product-suggestions[hidden]{display:none!important}
.gp636-search-portal .gp539-product-suggestions{
  position:relative;box-sizing:border-box;width:100%;max-height:var(--gp636-search-height,520px);
  overflow:auto;overscroll-behavior:contain;padding:10px;
  border:1px solid #d4e2da;border-radius:17px;
  box-shadow:0 19px 55px rgba(18,51,40,.18),0 3px 12px rgba(18,51,40,.06)
}
.gp636-search-portal .gp539-suggest-title{padding:7px 10px 12px;margin-bottom:6px;border-bottom:1px solid #e7eee9;
  color:#335e49;font-size:.79rem;font-weight:650;letter-spacing:0}
.gp636-search-portal .gp539-suggest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
.gp636-search-portal .gp539-suggest-empty{padding:14px;color:#526d61;font-size:.84rem;line-height:1.45}
.gp636-search-portal .gp539-suggest-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;
  padding:12px;border:1px solid #e3ebe5;border-radius:13px;background:#fbfcfa}
.gp636-search-portal .gp539-suggest-entry:hover{background:#f4f9f3;border-color:#ccddce}
.gp636-search-portal .gp539-suggest-main{display:grid;gap:12px;
  min-width:0;color:#213f47;text-decoration:none}
.gp636-search-portal .gp539-suggest-main:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.gp636-search-portal .gp539-suggest-thumb{display:grid;place-items:center;overflow:hidden;
  border:1px solid #e0e9e3;background:#fff}
.gp636-search-portal .gp539-suggest-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.gp636-search-portal .gp539-suggest-info{gap:4px}
.gp636-search-portal .gp539-suggest-info strong{display:-webkit-box;overflow:hidden;min-width:0;
  color:#213f47;font-weight:650;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.gp636-search-portal .gp539-suggest-info small{color:#60796d;font-size:.73rem;line-height:1.3}
.gp636-search-portal .gp539-suggest-side{justify-content:space-between;align-items:center;gap:10px;min-width:0}
.gp636-search-portal .gp539-suggest-price{white-space:nowrap;color:#25553e;font-size:.94rem;font-weight:720}
.gp636-search-portal .gp539-suggest-actions{display:inline-flex;align-items:center;gap:7px;flex:none}
@media(max-width:680px){
 .gp636-search-portal .gp539-suggest-list{grid-template-columns:minmax(0,1fr);gap:7px}
 .gp636-search-portal .gp539-suggest-entry{padding:9px}
 .gp636-search-portal .gp539-suggest-main{grid-template-columns:50px minmax(0,1fr);gap:10px}
 .gp636-search-portal .gp539-suggest-thumb{width:50px;height:50px}
}
.gp-product-archive .gp539-suggest-actions .gp-library-button.gp591-icon-action{box-sizing:border-box;display:grid!important;place-items:center!important;flex:none!important;width:2.15rem!important;min-width:2.15rem!important;max-width:2.15rem!important;height:2.15rem!important;min-height:2.15rem!important;margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid #c9ddd0;border-radius:.65rem;background:#f6faf7;color:#276449;font-size:0!important;line-height:0!important;white-space:nowrap;box-shadow:none}
.gp-product-archive .gp539-suggest-actions .gp-library-button.gp591-icon-action .gp-library-button__icon{display:grid;place-items:center;font-size:1rem;line-height:1}
.gp-product-archive .gp539-suggest-actions .gp-library-button.gp591-icon-action .gp-library-button__icon svg{display:block;width:1.02rem;height:1.02rem;stroke:currentColor}
.gp-product-archive .gp539-suggest-actions .gp-library-button.gp591-icon-action [data-gp-label]{display:none!important}
.gp-product-archive .gp539-suggest-actions .gp-library-button:focus-visible{outline:2px solid #347456;outline-offset:2px}
.gp-product-archive .gp539-suggest-actions .gp-library-button:is(.is-active,[aria-pressed="true"]){background:#256b4d!important;border-color:#256b4d!important;color:#fff!important}
.gp-product-archive .gp-product-loop-stock-indicator,.gp-product-archive .gp-product-loop-delivery,.gp-product-archive .gp-product-loop-chip{overflow-wrap:anywhere;word-break:normal}
/* Nur der eigene Löschen-Button bleibt sichtbar, nicht zusätzlich das native ×. */
.gp-product-archive input[data-gp-product-query]::-webkit-search-cancel-button{display:none;-webkit-appearance:none}

/* GP637 | Filternavigation: dieselbe ruhige Trefferliste wie Header-Suche */
.gp636-search-portal .gp539-product-suggestions{border-radius:14px;scrollbar-width:thin;scrollbar-color:#cadace transparent;padding:8px 12px;background:#fff;border-color:#d9e5dc}
.gp636-search-portal .gp539-suggest-title{margin:0;padding:9px 8px 12px;font-size:.74rem;font-weight:750;color:#365c4c}
.gp636-search-portal .gp539-suggest-list{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.gp636-search-portal .gp539-suggest-entry{grid-template-columns:minmax(0,1fr) 144px;gap:15px;min-height:88px;padding:12px 8px;border:0;border-bottom:1px solid #e6eee8;border-radius:0;background:#fff;align-items:center}
.gp636-search-portal .gp539-suggest-entry:last-child{border-bottom:0}
.gp636-search-portal .gp539-suggest-entry:hover{background:#f6faf7;border-color:#e6eee8}
.gp636-search-portal .gp539-suggest-main{grid-template-columns:64px minmax(0,1fr);gap:15px;align-items:center}
.gp636-search-portal .gp539-suggest-thumb{width:64px;height:64px;border-radius:10px}
.gp636-search-portal .gp539-suggest-info{display:grid;gap:3px;align-content:center;min-width:0}
.gp636-search-portal .gp539-suggest-info strong{font-size:.86rem;font-weight:750;line-height:1.32}
.gp636-search-portal .gp539-suggest-meta{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.71rem;font-weight:650;color:#416c56}
.gp636-search-portal .gp539-suggest-description{white-space:nowrap;text-overflow:ellipsis;font-size:.70rem;color:#667c70;font-weight:400}
.gp636-search-portal .gp539-suggest-facts{font-size:.68rem;color:#5d7e68}
.gp636-search-portal .gp539-suggest-side{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px}
.gp636-search-portal .gp539-suggest-price{font-size:.88rem;font-weight:780}
.gp636-search-portal .gp539-suggest-actions{gap:6px;justify-content:flex-end}
.gp-product-archive .gp539-suggest-actions .gp-library-button.gp591-icon-action{width:2.2rem!important;min-width:2.2rem!important;max-width:2.2rem!important;height:2.2rem!important;min-height:2.2rem!important;border-radius:9px}
.gp-product-archive .gp539-suggest-actions .gp-library-button.gp591-icon-action .gp-library-button__icon svg{width:.94rem;height:.94rem}
@media(max-width:650px){.gp636-search-portal .gp539-suggest-entry{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:82px;padding:9px 4px}.gp636-search-portal .gp539-suggest-main{grid-template-columns:46px minmax(0,1fr);gap:9px}.gp636-search-portal .gp539-suggest-thumb{width:46px;height:46px}.gp636-search-portal .gp539-suggest-info strong{font-size:.77rem}.gp636-search-portal .gp539-suggest-description{display:none}.gp636-search-portal .gp539-suggest-side{gap:5px}.gp636-search-portal .gp539-suggest-price{font-size:.76rem}.gp-product-archive .gp539-suggest-actions .gp-library-button.gp591-icon-action{width:2.1rem!important;min-width:2.1rem!important;max-width:2.1rem!important;height:2.1rem!important;min-height:2.1rem!important}}


/* GP637: konsequenter Bild-Fallback ohne schwarze Punkte oder kaputte Bilder */
.gp636-search-portal .gp539-suggest-thumb.is-fallback{color:#5c816a;background:#f5faf6}
.gp636-search-portal .gp539-suggest-thumb.is-fallback svg{display:block;width:1.5rem;height:1.5rem}

/* GP638 – source-accurate and expandable search results. */
.gp636-search-portal .gp539-suggest-description{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;max-width:100%}
.gp636-search-portal .gp539-suggest-snapshot{color:#6b7d72;font-size:.64rem}
.gp636-search-portal .gp638-description-toggle{grid-column:1/-1;justify-self:start;border:0;background:transparent;padding:2px 0;color:#396e4e;font-weight:700;font-size:.7rem;cursor:pointer;line-height:1.5}
.gp636-search-portal .gp638-description-full{grid-column:1/-1;min-width:0;margin:0;padding:9px 12px;border-top:1px solid #e7efe8;border-radius:8px;background:#f7faf8;color:#50695c;font-size:.75rem;line-height:1.5;overflow-wrap:anywhere}
.gp636-search-portal .gp638-description-full[hidden]{display:none!important}
.gp636-search-portal .gp638-description-toggle:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:3px;outline-offset:3px}
@media(max-width:650px){.gp636-search-portal .gp539-suggest-description{display:-webkit-box;-webkit-line-clamp:1}.gp636-search-portal .gp539-suggest-snapshot{font-size:.61rem}}

/* GP780: compact smartphone suggestions; same results and behavior as desktop. */
@media(max-width:599px){
  /* GP780: compact, aligned phone-only live suggestions. Desktop intact. */
  .gp636-search-portal{
    max-width:calc(100vw - 24px)!important;
  }
  .gp636-search-portal .gp539-product-suggestions{
    padding:7px 10px!important;
    border-radius:14px!important;
  }
  .gp636-search-portal .gp539-suggest-title{
    padding:8px 5px 10px!important;
    font-size:.77rem!important;
  }
  .gp636-search-portal .gp539-suggest-entry{
    min-height:0!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 9px!important;
    padding:11px 3px!important;
  }
  .gp636-search-portal .gp539-suggest-main{
    min-width:0!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:start!important;
    gap:9px!important;
  }
  .gp636-search-portal .gp539-suggest-thumb{
    width:46px!important;height:46px!important;
  }
  .gp636-search-portal .gp539-suggest-info{
    min-width:0!important;
    gap:3px!important;
  }
  .gp636-search-portal .gp539-suggest-info strong{
    font-size:.81rem!important;
    font-weight:730!important;
    line-height:1.44!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  /* GP782: single-line truncation must never slice the descenders of g/p/q/y.
     Replace the older -webkit-box + line-clamp + overflow:hidden combination
     on mobile search descriptions with true one-line ellipsis. A little
     bottom ink clearance remains inside the clipped text box. */
  .gp636-search-portal .gp539-suggest-description{
    display:block!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    -webkit-box-orient:initial!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.58!important;
    height:auto!important;
    padding:1px 0 3px!important;
    box-sizing:content-box!important;
    min-width:0!important;
  }
  /* The adjacent small-text rows must have sufficient ink room too. */
  .gp636-search-portal .gp539-suggest-meta,
  .gp636-search-portal .gp539-suggest-facts,
  .gp636-search-portal .gp539-suggest-snapshot{
    line-height:1.48!important;
    padding-bottom:1px!important;
    min-width:0!important;
  }
  .gp636-search-portal .gp539-suggest-side{
    align-items:flex-end!important;
    gap:7px!important;
  }
  .gp636-search-portal .gp539-suggest-price{
    font-size:.79rem!important;
  }
  .gp636-search-portal .gp539-suggest-actions{
    display:flex!important;
    gap:5px!important;
  }
  .gp636-search-portal .gp539-suggest-actions .gp-library-button.gp591-icon-action{
    width:34px!important;min-width:34px!important;max-width:34px!important;
    height:34px!important;min-height:34px!important;
    border-radius:9px!important;
  }
  .gp636-search-portal .gp638-description-toggle{
    padding:1px 0!important;
    font-size:.7rem!important;
    line-height:1.4!important;
  }
}