/* Catalog discovery and customer operations; account home and public home excluded. */
@media screen {
    body[data-customer-refinement] {
        background: #f1f5f3;
        color: #19352e;
        --ca-ink: #19352e;
        --ca-muted: #52665e;
        --ca-line: #dce5e0;
    }

    body[data-customer-refinement] .top {
        background: #fff;
        border-bottom: 1px solid #dce5e0;
    }

    body[data-customer-refinement] #storefront-content {
        min-width: 0;
        padding-block: 28px 48px;
    }

    body[data-customer-refinement] :is(.account-heading, .workspace-header) h1 {
        font-size: clamp(26px, 3vw, 36px) !important;
        line-height: 1.3;
        letter-spacing: -.7px;
    }

    body[data-customer-refinement] .account-nav {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        padding: 8px;
        margin: 0 0 28px;
        border: 1px solid #dce5e0;
        border-radius: 12px;
        background: #fff;
    }

    body[data-customer-refinement] .account-nav a {
        min-width: 0;
        min-height: 44px;
        padding: 10px 14px;
        font-size: 14px;
        line-height: 1.5;
    }

    body[data-customer-refinement] :is(.btn, .nav a, .nav button):not(.quote-document *) {
        min-height: 44px;
        padding: 10px 14px;
        line-height: 1.5;
        white-space: normal;
    }

    body[data-customer-refinement] :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), select, textarea):not(.quote-document *) {
        min-width: 0;
        max-width: 100%;
        min-height: 44px;
        border: 1px solid #aebfb6;
        border-radius: 8px;
        background: #fff;
        color: #19352e;
        font-size: 15px;
        line-height: 1.5;
    }

    body[data-customer-refinement] :is(a, button, input, select, textarea, summary):focus-visible {
        outline: 3px solid #32745f;
        outline-offset: 3px;
    }

    body[data-customer-refinement] :is(button, input, select, textarea):disabled:not(.quote-document *) {
        opacity: .65;
        cursor: not-allowed;
    }

    body[data-customer-refinement] .catalog-layout {
        grid-template-columns: 248px minmax(0, 1fr);
        gap: 28px;
        align-items: start;
    }

    body[data-customer-refinement] .catalog-layout > * {
        min-width: 0;
    }

    body[data-customer-refinement] :is(.filter-panel, .product-card, .cart-supplier, .cart-checkout, .quote-panel, .order-card, .box) {
        min-width: 0;
        border-color: #dce5e0;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 2px 10px #173f3705;
    }

    body[data-customer-refinement] .product-card {
        display: flex;
        flex-direction: column;
    }

    body[data-customer-refinement] .product-card .product-body {
        flex: 1;
    }

    body[data-customer-refinement] .product-card :is(h2, h3, strong) {
        overflow-wrap: anywhere;
    }

    body[data-customer-refinement] :is(.product-fulfillment, .section-head, .sort-form) {
        flex-wrap: wrap;
        gap: 10px;
    }

    body[data-customer-refinement] :is(.cart-line, .cart-edit, .request-card, .order-card-body) {
        min-width: 0;
    }

    body[data-customer-refinement] :is(.cart-line, .request-card, .order-card-body) :is(h2, h3, p, strong, dd) {
        overflow-wrap: anywhere;
    }

    body[data-customer-refinement] .cart-layout {
        gap: 24px;
    }

    body[data-customer-refinement] :is(.cart-checkout, .quote-panel, .order-card-body) {
        padding: 24px;
    }

    body[data-customer-refinement] .filter-panel summary {
        min-height: 44px;
    }
}

@media screen and (max-width: 1000px) {
    body[data-customer-refinement] .catalog-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 22px;
    }

    body[data-customer-refinement] .customer-account-experience .cart-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    body[data-customer-refinement] :is(.cart-checkout, .quote-panel) {
        position: static;
    }
}

@media screen and (max-width: 640px) {
    body[data-customer-refinement] .shell {
        width: calc(100% - 32px);
    }

    body[data-customer-refinement] #storefront-content {
        padding-top: 20px;
    }

    body[data-customer-refinement] .account-nav a {
        flex: 1 1 calc(50% - 6px);
        padding: 10px;
    }

    body[data-customer-refinement] :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea):not(.quote-document *) {
        font-size: 16px;
    }

    body[data-customer-refinement] :is(.cart-checkout, .quote-panel, .order-card-body) {
        padding: 18px 16px;
    }

    body[data-customer-refinement] .customer-account-experience .cart-line {
        grid-template-columns: 52px minmax(0, 1fr);
        padding: 18px 16px;
        gap: 14px;
    }

    body[data-customer-refinement] .cart-line > :last-child {
        grid-column: 1 / -1;
    }

    body[data-customer-refinement] .ca-cart-image {
        width: 52px;
        height: 52px;
    }

    body[data-customer-refinement] .sort-form {
        width: 100%;
    }
}