.grid-density-control{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:rgba(var(--color-background),1);border:1px solid rgba(var(--color-foreground),.1);border-radius:8px;margin-bottom:2rem;flex-wrap:wrap;justify-content:center}.grid-density-control__label{font-weight:600;font-size:1rem;color:rgb(var(--color-foreground));margin:0}.grid-density-control__buttons{display:flex;gap:.5rem;flex-wrap:wrap}.grid-density-btn{min-width:44px;min-height:44px;padding:.75rem 1.25rem;border:2px solid rgba(var(--color-foreground),.2);background:transparent;color:rgb(var(--color-foreground));font-size:1rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;font-family:inherit;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;user-select:none;-webkit-user-select:none}.grid-density-btn:hover{border-color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.05);transform:translateY(-2px)}.grid-density-btn:not(.active):active{transform:scale(.95);background:rgba(var(--color-foreground),.1)}.grid-density-btn.active{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground));font-weight:600}.grid-density-btn.active:active{transform:scale(.95)}.grid-density-btn:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.grid-density-btn.active:after{content:"\2713";position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.grid-density-btn__icon{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.product-grid-container[data-density="2"] .grid__item{width:calc(50% - 1rem)!important;max-width:600px;margin:0 auto}.product-grid-container[data-density="2"] .grid{grid-template-columns:repeat(2,1fr)!important}.product-grid-container[data-density="3"] .grid__item{width:calc(33.333% - 1rem)!important;max-width:500px}.product-grid-container[data-density="3"] .grid{grid-template-columns:repeat(3,1fr)!important}.product-grid-container[data-density="4"] .grid__item{width:calc(25% - 1rem)!important;max-width:400px}.product-grid-container[data-density="4"] .grid{grid-template-columns:repeat(4,1fr)!important}.product-grid-container[data-density="5"] .grid__item{width:calc(20% - 1rem)!important;max-width:350px}.product-grid-container[data-density="5"] .grid{grid-template-columns:repeat(5,1fr)!important}.product-grid-container[data-density="6"] .grid__item{width:calc(16.666% - 1rem)!important;max-width:300px}.product-grid-container[data-density="6"] .grid{grid-template-columns:repeat(6,1fr)!important}@media screen and (max-width: 749px){.grid-density-control{padding:1rem;gap:.75rem}.grid-density-control__label{width:100%;text-align:center;font-size:.9rem}.grid-density-btn{padding:.6rem 1rem;font-size:.9rem;min-width:40px;min-height:40px}.product-grid-container[data-density="3"] .grid,.product-grid-container[data-density="4"] .grid,.product-grid-container[data-density="5"] .grid,.product-grid-container[data-density="6"] .grid{grid-template-columns:repeat(2,1fr)!important}.product-grid-container[data-density="3"] .grid__item,.product-grid-container[data-density="4"] .grid__item,.product-grid-container[data-density="5"] .grid__item,.product-grid-container[data-density="6"] .grid__item{width:calc(50% - .5rem)!important}.grid-density-btn[data-density="5"],.grid-density-btn[data-density="6"]{display:none}}@media screen and (min-width: 750px) and (max-width: 989px){.product-grid-container[data-density="5"] .grid,.product-grid-container[data-density="6"] .grid{grid-template-columns:repeat(4,1fr)!important}.product-grid-container[data-density="5"] .grid__item,.product-grid-container[data-density="6"] .grid__item{width:calc(25% - 1rem)!important}.grid-density-btn[data-density="6"]{display:none}}@media screen and (min-width: 990px){.grid-density-control{justify-content:space-between;padding:1.5rem 2rem}}.product-grid-container .grid{transition:grid-template-columns .3s ease}.product-grid-container .grid__item{transition:width .3s ease,max-width .3s ease}.product-grid-container[data-density-changing] .card{transition:transform .3s ease}@media (prefers-contrast: high){.grid-density-btn{border-width:3px}.grid-density-btn.active{border-width:3px;box-shadow:0 0 0 2px rgb(var(--color-background))}}@media (prefers-reduced-motion: reduce){.grid-density-btn,.product-grid-container .grid,.product-grid-container .grid__item,.product-grid-container[data-density-changing] .card{transition:none!important}}@media print{.grid-density-control{display:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/grid-density-control.css.map */