/* THREE Shop rebuild integration styles. Shared catalog/card styling lives in three-redesign.css. */
.shop-rebuild-sale-badge {
    position: absolute;
    z-index: 3;
    top: 16px;
    right: 16px;
    border-radius: 999px;
    background: var(--brand, #7D5C4A);
    color: #fff;
    padding: 7px 10px;
    font-size: 9px;
    letter-spacing: .06em;
    line-height: 1;
    text-transform: uppercase;
}

.shop-rebuild-options-link {
    display: grid;
}

.quick-add[aria-busy="true"] {
    pointer-events: none;
    opacity: .6;
}

.quick-add.shop-added {
    background: var(--brand);
    color: #fff;
}

.shop-rebuild-cart-status {
    min-height: 20px;
    margin: 24px 0 0;
    color: var(--brand);
    font-size: 11px;
}

.catalog-grid > .catalog-empty {
    grid-column: 1 / -1;
}

.catalog-search svg {
    width: 15px;
    height: 15px;
}

.shop-hero .button svg,
.shop-assistance .text-link svg {
    width: 17px;
    height: 17px;
}

@media (max-width: 760px) {
    .catalog-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .catalog-toolbar > div {
        width: 100%;
        justify-content: space-between;
    }

    .catalog-search {
        flex: 1;
    }

    .catalog-search input {
        width: 100%;
    }
}