@media screen and (max-width: 1439px){html.v4-filters-open{overflow:hidden}}.v4-product-grid{display:grid;max-width:var(--page-width);margin:2rem auto}.v4-product-grid__list{display:grid;gap:10px;margin-block:10px}.v4-product-grid__item{padding-inline:10px}.v4-product-grid-toolbar{display:grid;grid-template:auto auto/auto auto;justify-content:space-between;border-block:var(--border-base)}.v4-product-grid-toolbar__heading{grid-column:1/-1;padding:10px 20px 9px;border-bottom:var(--border-base)}.v4-product-grid-toolbar__filter button{display:flex;align-items:center;gap:10px;padding:10px 20px;border:0}.v4-product-grid-toolbar__sort{display:flex;align-items:center;gap:10px;padding-right:15px}.v4-product-grid-pagination{display:flex;justify-content:center;gap:10px;padding-inline:10px}.v4-product-grid-pagination a{color:inherit}.v4-product-grid-pagination a[aria-disabled=true]{border-color:hsl(from currentColor h s l/0.25);color:hsl(from currentColor h s l/0.25);pointer-events:none}.v4-product-grid-pagination__button,.v4-product-grid-pagination__pages{flex:1;border-radius:var(--border-radius-base);border:1px solid var(--color-foreground);color:var(--color-foreground)}.v4-product-grid-pagination__button{display:flex;align-items:center;justify-content:center;padding:9px 0;white-space:nowrap}.v4-product-grid-pagination__button--prev{padding-right:9px}.v4-product-grid-pagination__button--next{padding-left:9px}.v4-product-grid-pagination__pages{position:relative}.v4-product-grid-pagination__pages select{width:148px;padding:9px 14px}.v4-product-grid-pagination__pages svg{position:absolute;top:10px;right:7px}.v4-product-grid-filters{position:fixed;inset:0;z-index:10;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden scroll;background-color:#fff;transform:translateY(200%);transition:var(--transition-base)}.v4-product-grid-filters.open{transform:translateY(0)}.v4-product-grid-filters.loading::after{content:"";position:absolute;inset:0}.v4-product-grid-filters__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;background-color:var(--color-foreground);color:var(--color-background)}.v4-product-grid-filters__header h2{font-size:20px;letter-spacing:.1em;text-transform:uppercase;text-align:center}.v4-product-grid-filters__header .icon{margin-inline:10px}.v4-product-grid-filters__header button{height:44px;padding:0;border:0;border-radius:0;background-color:inherit;color:inherit}.v4-product-grid-filters__footer{display:flex;gap:15px;padding:15px;background-color:hsl(from currentColor h s l/0.05)}.v4-product-grid-filters__footer button{flex:1;background-color:var(--color-foreground);color:var(--color-background);transition:var(--transition-base)}.v4-product-grid-filters__footer button:hover{background-color:var(--color-background);color:var(--color-foreground)}.v4-product-grid-filters__content{overflow:hidden scroll}.v4-product-grid-filters__active-filters{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding:9px;background-color:#fff;border-bottom:var(--border-base)}.v4-product-grid-filters__active-filters:empty{display:none}.v4-product-grid-filters__active-filters a{display:flex;gap:4px;align-items:center;padding-inline:8px 6px;border:var(--border-base);border-radius:10px;font-size:12px;white-space:nowrap;color:var(--color-foreground);transition:var(--transition-base)}.v4-product-grid-filters__active-filters a:hover{background-color:var(--color-foreground);border-color:var(--color-foreground);color:var(--color-background)}.v4-product-grid-filters__active-filters .icon{margin:0}.v4-product-grid-filters__active-filters svg+svg{display:none}.v4-product-grid-filters details{border-top:var(--border-base)}.v4-product-grid-filters details:last-of-type{border-bottom:var(--border-base)}.v4-product-grid-filters details summary{display:grid;grid-template-columns:1fr auto;align-items:center}.v4-product-grid-filters details summary h3{padding-left:15px;font-size:16px;font-weight:bold;text-transform:none;letter-spacing:normal}.v4-product-grid-filters details summary .icon{margin:10px;transform:rotate(-180deg)}.v4-product-grid-filters details .filter-options{display:grid}.v4-product-grid-filters details .filter-options__search{display:none}.v4-product-grid-filters details .filter-options label{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5em;padding:10px 15px;font-size:14px;line-height:20px;cursor:pointer}.v4-product-grid-filters details .filter-options label .star-ratings{color:var(--color-star-ratings)}.v4-product-grid-filters details .filter-options label:not(.color-swatch):hover{background-color:#f3f3f3}.v4-product-grid-filters details .filter-options input[type=checkbox]{all:revert;display:grid;place-content:center;width:16px;height:16px;margin:0;appearance:none;color:currentColor;background-color:var(--color-background);border:1px solid currentColor;border-radius:0;font:inherit}.v4-product-grid-filters details .filter-options input[type=checkbox]:checked{background-color:var(--color-foreground)}.v4-product-grid-filters details .filter-options input[type=checkbox]::before{content:"";width:.65em;height:.65em;clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);transform:scale(0);transform-origin:bottom left;transition:120ms transform ease-in-out;box-shadow:inset 1px 1px var(--color-foreground);background-color:CanvasText}.v4-product-grid-filters details .filter-options input[type=checkbox]:checked::before{box-shadow:inset 1em 1em var(--color-background);transform:scale(1)}.v4-product-grid-filters details .filter-options span{display:flex;align-items:center;gap:5px}.v4-product-grid-filters details .filter-options small{color:hsl(from currentColor h s l/0.65)}.v4-product-grid-filters details .filter-options [data-collapse]{position:relative;padding:15px 38px;border:0;border-radius:0;font-size:14px;text-align:left}.v4-product-grid-filters details .filter-options [data-collapse]::before,.v4-product-grid-filters details .filter-options [data-collapse]::after{content:"";position:absolute;top:22px;left:15px;display:block;width:16px;height:1px;background-color:var(--color-foreground);transition:var(--transition-base)}.v4-product-grid-filters details .filter-options [data-collapse]:hover{background-color:#f3f3f3}.v4-product-grid-filters details .filter-options.collapsed label:nth-child(n+6){display:none}.v4-product-grid-filters details .filter-options.collapsed [data-collapse]::before{transform:rotate(180deg)}.v4-product-grid-filters details .filter-options.collapsed [data-collapse]::after{transform:rotate(90deg)}.v4-product-grid-filters details .filter-options--swatch{display:flex;flex-wrap:wrap;gap:15px;padding:15px}.v4-product-grid-filters details .filter-options--swatch label{position:relative;display:block;width:44px;height:44px;background:var(--swatch-background);background-size:cover;border-radius:50%}.v4-product-grid-filters details .filter-options--swatch label:has(input[type=checkbox]:checked){box-shadow:0 0 0 2px #000;border:1px solid #fff}.v4-product-grid-filters details .filter-options--swatch label::before{content:"";position:absolute;inset:0;border:1px solid rgba(0,0,0,.15);border-radius:50%}.v4-product-grid-filters details .filter-options--swatch input[type=checkbox]{position:absolute !important;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);word-wrap:normal !important}.v4-product-grid-filters details .filter-options--swatch span{position:absolute;opacity:0;top:-24px;left:50%;transform:translateX(-50%);padding:0 4px;border-radius:4px;background-color:#000;color:#fff;font-size:12px;white-space:nowrap;transition:var(--transition-base)}.v4-product-grid-filters details .filter-options--swatch label:hover span{opacity:1}.v4-product-grid-filters details .filter-options--customer-rating{display:flex;flex-direction:column-reverse}.v4-product-grid-filters details[open] summary .icon{transform:rotate(0)}.v4-product-grid-filters details[open] summary .filter-options__search{display:block;grid-column:1/-1;margin:.5rem 1rem;padding:1rem;font-size:1.4rem;border:var(--border-base)}.v4-product-grid-filters details[open] summary .filter-options__search:focus{border-color:var(--color-foreground)}@media screen and (min-width: 768px){.v4-product-grid__list{grid-template-columns:repeat(3, 1fr);gap:var(--spacer);margin:0;padding:var(--spacer)}.v4-product-grid__item{padding:0}.v4-product-grid-toolbar{grid-template:auto/1fr auto auto;gap:20px}.v4-product-grid-toolbar__heading{grid-column:auto;border-bottom:0}.v4-product-grid-pagination__button,.v4-product-grid-pagination__pages{max-width:150px}}@media screen and (min-width: 1024px)and (max-width: 1439px){.v4-product-grid-toolbar{gap:80px}.v4-product-grid-filters__content{display:flex;white-space:nowrap;overflow:scroll hidden}.v4-product-grid-filters details{display:grid;grid-template-rows:auto 1fr;border-top:0;border-right:var(--border-base)}.v4-product-grid-filters details:first-of-type{border-left:var(--border-base)}.v4-product-grid-filters details:last-of-type{border-bottom:0}.v4-product-grid-filters details button{display:none}.v4-product-grid-filters details summary{pointer-events:none;border-bottom:var(--border-base)}.v4-product-grid-filters details summary svg{opacity:0}.v4-product-grid-filters details .filter-options{max-height:calc(100vh - 165px);overflow:hidden scroll;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top,linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom,radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top,radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-attachment:local,local,scroll,scroll;background-repeat:no-repeat;background-size:100% 40px,100% 40px,100% 14px,100% 14px}.v4-product-grid-filters details .filter-options__search{display:none !important}.v4-product-grid-filters details .filter-options.collapsed label:nth-child(n+6){display:grid}.v4-product-grid-filters details .filter-options label{grid-template-columns:repeat(3, auto);justify-content:start}.v4-product-grid-filters details .filter-options--swatch{max-width:310px;overflow:visible}.v4-product-grid-filters__header:has(.v4-product-grid-filters__active-filters:not(:empty))~.v4-product-grid-filters__content .filter-options{max-height:calc(100vh - 204px)}.v4-product-grid-filters__footer button{max-width:40ch;margin-inline:auto}}@media screen and (max-width: 1365px){.v4-product-grid-toolbar{position:sticky;top:0;z-index:1;background:#fff}}@media screen and (min-width: 1366px){.v4-product-grid__list{grid-template-columns:repeat(4, 1fr)}.v4-product-grid-toolbar{margin-inline:0}}@media screen and (min-width: 1440px){.v4-product-grid{grid-template-columns:335px 1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"toolbar toolbar" "products products" "pagination pagination";column-gap:var(--spacer);align-items:start;padding-inline:var(--spacer)}.v4-filters-open .v4-product-grid{grid-template-areas:"toolbar toolbar" "filters products" "filters pagination"}.v4-product-grid-toolbar{grid-area:toolbar}.v4-product-grid-toolbar__heading{padding-left:0}.v4-product-grid-toolbar__sort{padding-right:0}.v4-filters-open .v4-product-grid-toolbar button{font-weight:bold}.v4-product-grid-filters{grid-area:filters;position:relative;inset:auto;z-index:auto;display:none;margin-top:var(--spacer);overflow:visible;border-radius:var(--border-radius-md);border:var(--border-base);box-shadow:var(--shadow);transform:none}.v4-product-grid-filters__content{overflow:visible}.v4-product-grid-filters summary{cursor:pointer}.v4-product-grid-filters details:first-of-type{border-top:0}.v4-product-grid-filters details:last-of-type{border-bottom:0}.v4-product-grid-filters__header>*:not(.v4-product-grid-filters__active-filters),.v4-product-grid-filters__footer{display:none}.v4-product-grid-filters__active-filters{background-color:#f3f3f3}.v4-product-grid-filters__active-filters a{background-color:#fff}.v4-product-grid-filters__active-filters span{display:none}.v4-filters-open .v4-product-grid-filters{display:block}.v4-product-grid__list{grid-area:products;padding-inline:0}.v4-filters-open .v4-product-grid__list{grid-template-columns:repeat(3, 1fr)}.v4-product-grid-pagination{grid-area:pagination}}
