
/* APG Desktop Home + Header Repair v126.2 */
@media(min-width:981px){
  .apg-home-hero-copy-v9>.apg-home-search-v9{display:none!important}

  /* Header Navigation v118 sets overflow-x:auto later in the cascade. That clips the
     absolutely positioned About & trust popover. Desktop has enough room, so restore
     visible overflow only at the wide breakpoint where this menu is shown. */
  .site-header .primary-nav,
  .site-header .primary-nav .nav-inner{
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
  }
  .site-header .primary-nav{position:relative!important;z-index:520!important}
  .site-header .primary-nav .nav-inner{position:relative!important;z-index:521!important}
  .site-header .apg-about-trust-menu{position:relative!important;z-index:540!important;overflow:visible!important}
  .site-header .apg-about-trust-popover{z-index:99999!important;visibility:visible;opacity:1;pointer-events:auto}
  .site-header .apg-about-trust-menu[open]>.apg-about-trust-popover{display:block!important}

  /* Desktop search needs to own a visible popover outside the rounded control. */
  .site-header .header-search{
    position:relative!important;
    z-index:610!important;
    overflow:visible!important;
  }
  .site-header .header-search .global-search{
    position:relative!important;
    z-index:611!important;
    overflow:visible!important;
  }
  /* The legacy local-index box remains in the DOM for older/mobile runtimes, but desktop
     v126 owns its own server-backed suggestion panel to prevent competing render/clear cycles. */
  .site-header .header-search [data-search-suggestions]{display:none!important}
  .site-header .header-search .apg-header-shared-suggestions-v126{
    box-sizing:border-box!important;
    position:absolute!important;
    top:calc(100% + 9px)!important;
    left:0!important;
    right:0!important;
    z-index:100000!important;
    display:block!important;
    max-height:min(430px,calc(100vh - 190px))!important;
    overflow:auto!important;
    margin:0!important;
    padding:7px!important;
    border:1px solid #dbe3ee!important;
    border-radius:13px!important;
    background:#fff!important;
    box-shadow:0 22px 54px rgba(15,23,42,.22),0 6px 18px rgba(15,23,42,.09)!important;
    color:#0f172a!important;
  }
  .site-header .header-search .apg-header-shared-suggestions-v126[hidden]{display:none!important}
  .site-header .header-search .apg-header-shared-suggestions-v126>a{
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    min-height:52px!important;
    padding:9px 12px!important;
    border:0!important;
    border-radius:9px!important;
    background:#fff!important;
    color:#334155!important;
    text-decoration:none!important;
    cursor:pointer!important;
  }
  .site-header .header-search .apg-header-shared-suggestions-v126>a+a{margin-top:2px!important}
  .site-header .header-search .apg-header-shared-suggestions-v126>a:hover,
  .site-header .header-search .apg-header-shared-suggestions-v126>a.is-active{
    background:#eff6ff!important;
    color:#1d4ed8!important;
  }
  .site-header .header-search .apg-header-shared-suggestions-v126 .apg-header-suggestion-copy-v126{
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    gap:3px!important;
  }
  .site-header .header-search .apg-header-shared-suggestions-v126 strong{
    overflow:hidden!important;
    color:#0f172a!important;
    font-size:14px!important;
    font-weight:760!important;
    line-height:1.25!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .site-header .header-search .apg-header-shared-suggestions-v126 small{
    color:#64748b!important;
    font-size:11.5px!important;
    font-weight:650!important;
    line-height:1.25!important;
    text-transform:capitalize!important;
  }
  .site-header .header-search .apg-header-shared-suggestions-v126 .apg-header-suggestion-arrow-v126{
    flex:0 0 auto!important;
    color:#2563eb!important;
    font-size:17px!important;
    font-weight:800!important;
  }

  /* Let the yellow submit control occupy the full visual height of the Amazon-style search
     field. Explicit colour ownership keeps the magnifier black at rest and white on hover. */
  .site-header .header-search .global-search>button[type="submit"]{
    position:relative!important;
    align-self:stretch!important;
    min-width:58px!important;
    min-height:48px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border-radius:0 9px 9px 0!important;
    color:#0f172a!important;
  }
  .site-header .header-search .global-search>button[type="submit"]:hover,
  .site-header .header-search .global-search>button[type="submit"]:focus-visible{
    color:#fff!important;
  }
  .site-header .header-search .global-search>button[type="submit"]:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:15px!important;
    height:15px!important;
    border:2.5px solid currentColor!important;
    border-radius:50%!important;
    background:transparent!important;
    opacity:1!important;
    transform:translate(-62%,-62%)!important;
    box-sizing:border-box!important;
  }
  .site-header .header-search .global-search>button[type="submit"]:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    left:calc(50% + 4px)!important;
    top:calc(50% + 5px)!important;
    width:8px!important;
    height:2.5px!important;
    border:0!important;
    border-radius:2px!important;
    background:currentColor!important;
    opacity:1!important;
    transform:rotate(45deg)!important;
    transform-origin:center!important;
  }
}
