/* 邻里共享铺 / 共享货架：图片化选择与稳定倒计时 */

.crop-sale-layout__crop .home-inline-choice {
    margin-top: 10px;
}

.crop-sale-layout__crop .home-inline-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.crop-sale-layout__crop .home-inline-choice-card {
    min-height: 104px;
    align-items: center;
}

.crop-sale-layout__crop .home-inline-choice-card > span {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
}

.crop-sale-layout__crop .home-inline-choice-card img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#shareMerchantModal .modal {
    width: min(960px, calc(100vw - 32px));
    max-height: min(880px, calc(100dvh - 32px));
    display: flex;
    flex-direction: column;
}

#shareMerchantModal .modal-body {
    overflow-y: auto;
    overscroll-behavior: contain;
}

#shareMerchantModal .residence-merchant-choice {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

#shareMerchantModal .residence-offer-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[data-shared-merchant-countdown],
.hall-countdown,
.merchant-card-time {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}

[data-shared-merchant-countdown] {
    display: inline-flex;
    justify-content: center;
    min-width: 8.5em;
    white-space: nowrap;
}

@media (max-width: 720px) {
    #shareMerchantModal .modal {
        width: calc(100vw - 20px);
        max-height: calc(100dvh - 20px);
        margin: 10px;
    }

    #shareMerchantModal .residence-merchant-choice,
    #shareMerchantModal .residence-offer-grid,
    .crop-sale-layout__crop .home-inline-choice-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .crop-sale-layout__crop .home-inline-choice-card {
        min-height: 92px;
        padding: 9px;
    }

    .crop-sale-layout__crop .home-inline-choice-card > span {
        flex-basis: 58px;
        width: 58px;
        height: 58px;
    }
}

@media (max-width: 380px) {
    #shareMerchantModal .residence-merchant-choice,
    #shareMerchantModal .residence-offer-grid,
    .crop-sale-layout__crop .home-inline-choice-grid {
        grid-template-columns: 1fr;
    }
}

/* hall-filter-panel-v2 */
.hall-filter-panel{margin:0 0 14px;padding:16px;border:1px solid rgba(45,104,108,.16);background:linear-gradient(135deg,#f4faf8,#eaf4f1)}.hall-filter-panel>header{display:flex;align-items:end;justify-content:space-between;gap:16px}.hall-filter-panel>header small{display:block;color:#397b78;font-size:9px;letter-spacing:.16em}.hall-filter-panel>header strong{display:block;color:#193f49;font-size:17px}.hall-filter-panel>header button{border:0;background:transparent;color:#397b78;font-size:11px;cursor:pointer}.hall-filter-panel>label{display:grid;grid-template-columns:120px minmax(0,420px);align-items:center;gap:10px;margin-top:12px}.hall-filter-panel>label span{font-size:11px;color:#59737b}.hall-filter-panel input{width:100%;min-width:0;padding:9px 11px;border:1px solid rgba(45,104,108,.2);background:#fff;outline:0}.hall-filter-panel input:focus{border-color:#2c8078;box-shadow:0 0 0 3px rgba(44,128,120,.12)}.hall-filter-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.hall-filter-options button{display:flex;align-items:center;gap:6px;min-height:34px;padding:5px 9px;border:1px solid rgba(45,104,108,.16);background:rgba(255,255,255,.82);color:#31545c;font-size:10px;cursor:pointer;transition:.2s}.hall-filter-options button:hover,.hall-filter-options button.is-active{border-color:#2c8078;background:#dceee9;color:#174e4b}.hall-filter-options img{width:24px;height:24px;object-fit:contain}
@media(max-width:680px){.hall-filter-panel{padding:13px 12px}.hall-filter-panel>label{grid-template-columns:1fr;gap:5px}.hall-filter-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hall-filter-options button{min-width:0}.hall-filter-options button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* INLINE UID ENTRY 20260822 */
.residence-inline-uid { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 10px; width: 100%; min-height: 44px; margin-top: 14px; padding: 9px 12px; border: 1px solid rgba(44,108,104,.2); border-radius: 12px; background: rgba(255,255,255,.62); color: #224e51; text-align: left; }
.residence-inline-uid span { color: #718b8b; font-size: .75rem; }
.residence-inline-uid strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.residence-inline-uid i { color: #267a72; font-style: normal; }
@media (max-width: 768px) { .residence-inline-uid { min-height: 42px; } }
