/* Only effective viewports affected by browser zoom or unusually narrow screens. */
.drawer-search-status {
    display: flex; align-items: center; justify-content: space-between; gap: 8px;
    min-height: 40px; margin: 2px 4px 0; color: var(--ink-3); font-size: 12.5px;
}
.drawer-search-status:empty { display: none; }
.drawer-search-open { min-height: 40px; flex: 0 0 auto; }
#shop-products { scroll-margin-top: 76px; }
#loading-state, #no-results, #query-state, #order-results .order-item { scroll-margin-top: 92px; }

@media (max-width: 320px) {
    html[data-layout] .shop-home .item-card .goods-title {
        display: block;
        overflow: visible;
        overflow-wrap: anywhere;
        -webkit-line-clamp: unset;
    }
}

@media (max-width: 280px) {
    html[data-layout] .shop-home .item-list { grid-template-columns: minmax(0, 1fr); }
    html[data-layout="list"] .shop-home .item-card { grid-template-columns: minmax(0, 1fr); }
    html[data-layout="list"] .shop-home .item-thumb {
        height: auto;
        min-height: 0;
        aspect-ratio: 1 / 1;
        border-right: 0;
    }
}

@media (max-width: 220px) {
    #site-nav .navbar {
        height: auto;
        min-height: 52px;
        flex-wrap: wrap;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    #site-nav .navbar-brand { order: 1; }
    #site-nav .nav-toggle { order: 2; margin-left: auto; }
    #site-nav .nav-theme { order: 3; flex-basis: 100%; justify-content: center; margin-left: 0; }
    .page-item .buy-bar { flex-wrap: wrap; }
    .page-item .buy-bar-price,
    .page-item .buy-bar .btn { flex: 1 1 100%; }
    body.has-buybar.page-item { padding-bottom: calc(112px + env(safe-area-inset-bottom)); }
}