/* Mobile product search — shows the header search bar on tablets/phones.
   Desktop (>980px) is unchanged; the search sits in its own full-width row under the logo row. */
@media (max-width: 980px) {
  .store-header .header-main {
    height: auto;
    min-height: 0;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    row-gap: 6px;
    padding-top: 6px;
    padding-bottom: 10px;
  }
  .store-header .header-main > .brand { grid-column: 1; grid-row: 1; }
  .store-header .header-main > .header-actions { grid-column: 3; grid-row: 1; }
  .store-header .header-main > .search {
    display: flex;
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    max-width: none;
    height: 42px;
    margin: 0;
    border-width: 1.5px;
  }
  .store-header .search input {
    min-width: 0;
    padding: 0 14px;
    font-size: 16px; /* prevents iOS zoom-on-focus */
  }
  .store-header .search button {
    width: 48px;
    flex: 0 0 48px;
    cursor: pointer;
  }
}

/* Live suggestions (mobile / tablet only) */
.search-suggest{display:none}
@media (max-width: 980px) {
  .search-suggest{position:fixed;z-index:2000;display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;
    border:1px solid #d7e3ef;border-radius:10px;box-shadow:0 18px 40px -12px rgba(6,42,77,.35);font-size:14px}
  .search-suggest[hidden]{display:none}
  .search-suggest ul{list-style:none;margin:0;padding:4px 0}
  .search-suggest li a{display:block;padding:11px 14px;color:#062f57;font-weight:600;border-bottom:1px solid #f1f4f8}
  .search-suggest li a:active{background:#eef7ff}
  .search-suggest .ss-all{display:block;padding:12px 14px;font-weight:800;color:#0877df;background:#f7fbff}
  .search-suggest .ss-hint,.search-suggest .ss-empty{padding:14px;color:#5b6b7c}
  .search-suggest .ss-empty a{color:#0877df;font-weight:800}
}