@layer components {
    .sf-contact-bubbles { display: block; }
    .sf-contact-bubbles > summary { display: grid; width: var(--sf-touch-target); height: var(--sf-touch-target); border: 1px solid rgb(255 255 255 / .72); border-radius: var(--sf-radius-pill); background: var(--sf-color-action); box-shadow: var(--sf-shadow-raised); color: var(--sf-color-on-action); cursor: pointer; list-style: none; place-items: center; }
    .sf-contact-bubbles > summary::-webkit-details-marker { display: none; }
    .sf-contact-bubbles > summary svg { width: 1.45rem; height: 1.45rem; }
    .sf-contact-bubbles[open] > summary { background: var(--sf-color-surface-raised); color: var(--sf-color-ink); }
    .sf-contact-bubbles__channels { position: absolute; right: 0; bottom: calc(var(--sf-touch-target) + var(--sf-space-2)); display: grid; gap: var(--sf-space-2); }

    .sf-field :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
    .sf-local-form :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) { width: 100%; min-width: 0; min-height: var(--sf-touch-target); border: 1px solid var(--sf-color-border); border-radius: var(--sf-radius-control); background: var(--sf-color-surface-raised); color: var(--sf-color-ink); padding: var(--sf-space-3); font: inherit; }
    .sf-local-form, .sf-local-form label { display: grid; }
    .sf-local-form { gap: var(--sf-space-3); }
    .sf-local-form label { gap: var(--sf-space-2); font-weight: 650; }

}

@media (max-width: 42.99rem) {
    @layer components {
        .sf-header__inner--catalog-controls .sf-header__catalog-controls { min-height: 5.75rem; }
        [data-home-catalog] [data-catalog-results] { grid-template-columns: minmax(0, 1fr); }
    }
}

@media (max-width: 24.374rem) {
    @layer components {
        .sf-product-grid { grid-template-columns: 1fr; }
    }
}