.view-toggle{display:flex;align-items:center;gap:.5rem;border-radius:var(--border-radius);margin-left:auto}.view-toggle__button{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:none;background:transparent;cursor:pointer;border-radius:calc(var(--border-radius) - .2rem);border:1px solid #581e1c;transition:all .2s ease}.view-toggle__button:hover{background:rgba(var(--color-foreground),.05)}.view-toggle__button.active{color:#581e1c!important;background:#f0f0f0!important}.view-toggle__button svg{width:2rem;height:2rem}.product-grid-container{width:100%;max-width:100%;overflow-x:hidden}.product-grid-container[data-view=list] .product-grid{display:flex;flex-direction:column;gap:1.5rem}.product-grid-container[data-view=grid] .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;box-sizing:border-box;width:100%;max-width:100%}.product-grid-container[data-view=list] .grid__item{width:100%;max-width:none}.product-grid-container[data-view=list] .card-wrapper{display:flex;width:100%}.product-grid-container[data-view=list] .card{display:flex;width:100%;align-items:stretch;flex-direction:row;border-radius:var(--border-radius);overflow:hidden;transition:box-shadow .2s ease}.product-grid-container[data-view=list] .card:hover{box-shadow:0 4px 12px rgba(var(--color-foreground),.1)}.product-grid-container[data-view=list] .card__inner{display:flex;width:100%;align-items:stretch;margin:0}.product-grid-container[data-view=list] .card__media{height:auto;aspect-ratio:1;overflow:hidden}.product-grid-container[data-view=list] .card__media img{width:100%;height:100%;object-fit:cover}.product-grid-container[data-view=list] .card__content{flex:1;padding-right:145px!important;display:flex;flex-direction:column;justify-content:space-between}.product-grid-container[data-view=list] .card__information{display:flex;flex-direction:column;flex:1}.product-grid-container[data-view=list] .card__heading{font-size:1.8rem;line-height:1.3;margin-bottom:.5rem}.product-grid-container[data-view=list] .card__common-name{font-size:1.4rem;color:rgba(var(--color-foreground),.75);font-style:italic;margin-bottom:.5rem}.product-grid-container[data-view=list] .card__bottom-line{display:flex;flex-direction:column;flex-wrap:wrap;margin-top:auto}.product-grid-container[data-view=list] .card__metafield--price{order:-1}.product-grid-container[data-view=list] .card__metafields{display:flex;flex-wrap:wrap;gap:1rem}.product-grid-container[data-view=list] .card__metafield{display:flex;align-items:center;gap:.5rem;font-size:1.3rem}.product-grid-container[data-view=grid] .grid__item{box-sizing:border-box;width:100%;min-width:0}.product-grid-container[data-view=grid] .card-wrapper{width:100%;height:100%;box-sizing:border-box}.product-grid-container[data-view=grid] .card{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box}.product-grid-container[data-view=grid] .card__inner{display:flex!important;flex-direction:column!important;position:relative!important;height:100%;width:100%;padding-bottom:0!important}.product-grid-container[data-view=grid] .card__inner .card__media{aspect-ratio:1 / 1;width:100%;height:auto;flex-shrink:0;position:relative!important;overflow:hidden}.product-grid-container[data-view=grid] .card__inner .card__media img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.product-grid-container[data-view=grid] .card__inner .card__content{display:block!important;position:relative!important;padding:1.4rem 0rem 8px!important}.product-grid-container[data-view=grid] .card .media,.product-grid-container[data-view=grid] .card__media .media{position:absolute!important;bottom:0!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:100%!important}.product-grid-container[data-view=grid] .card__information{display:block!important;position:relative!important;height:100%;padding-bottom:8rem!important}@media screen and (max-width:749px){.product-grid-container[data-view=grid] .product-grid{grid-template-columns:minmax(0,1fr)}.product-grid-container[data-view=list] .card{flex-direction:column}.product-grid-container[data-view=list] .card__inner{flex-direction:column!important}.product-grid-container[data-view=list] .card__media{flex:none;width:100%;min-width:auto;aspect-ratio:1.2}.product-grid-container[data-view=list] .card__media .media{width:100%;height:100%}.product-grid-container[data-view=list] .card__content{padding:2rem 0px 7rem!important;min-height:auto}.product-grid-container[data-view=list] .card__heading{font-size:1.6rem}.product-grid-container[data-view=list] .card__metafields{flex-direction:column;gap:.8rem}}@media screen and (min-width:750px)and (max-width:989px){.product-grid-container[data-view=grid] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.product-grid-container[data-view=grid] .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:2rem}.collection-toolbar__left{display:flex;align-items:center;gap:2rem}.collection-toolbar__right{display:flex;align-items:center;gap:1rem}.product-count{font-size:1.4rem;color:rgba(var(--color-foreground),.75)}.product-grid-container.loading .view-toggle{pointer-events:none;opacity:.6}.product-grid{transition:opacity .3s ease}.product-grid-container.view-changing .product-grid{opacity:.6}.product-grid-container.view-initializing{opacity:0;pointer-events:none;transition:opacity .1s ease-out}.product-grid-container.view-initialized{opacity:1;pointer-events:auto}.product-grid-container[data-view=list] .card__media img{object-fit:cover;width:100%;height:100%}.product-grid-container[data-view=list] .quick-add{margin-top:1.5rem;align-self:flex-start}.product-grid-container[data-view=list] .quick-add__submit{font-size:1.4rem;padding:1rem 2rem}.product-grid-container[data-view=list] .card__badge{position:absolute;top:1rem;left:1rem;z-index:2}.product-grid-container[data-view=list] .price{font-size:1.6rem;font-weight:600}.product-grid-container[data-view=list] .price--on-sale .price-item--regular{text-decoration:line-through;color:rgba(var(--color-foreground),.6)}.product-grid-container[data-view=list] .card__information .caption-with-letter-spacing{font-size:1.2rem;margin-bottom:.5rem;color:rgba(var(--color-foreground),.7)}.product-grid-container[data-view=list] .rating{margin:.5rem 0}.product-grid-container[data-view=list] .card__projects{margin-top:1rem;display:flex;gap:.8rem;flex-wrap:wrap}.product-grid-container[data-view=list] .btn-add-to-project{font-size:1.2rem;padding:.6rem 1.2rem}.product-grid-container[data-view=grid] .card-information{display:block!important;position:relative!important;width:100%!important}.product-grid-container[data-view=grid] .add-to-project-wrapper--list{display:none!important}.product-grid-container[data-view=grid] .add-to-project-wrapper--grid{display:flex!important;justify-content:center;top:auto!important;bottom:0;transform:none!important}.product-grid-container[data-view=list] .add-to-project-wrapper--grid{display:none!important}.product-grid-container[data-view=list] .add-to-project-wrapper--list{display:flex!important}.product-grid-container[data-view=grid] .card__heading{display:block!important;margin-bottom:.5rem}.product-grid-container[data-view=grid] .card__common-name{display:block!important;font-style:italic;margin-bottom:.5rem}.product-grid-container[data-view=grid] .card__metafields{display:flex!important;flex-wrap:wrap;gap:0rem!important;margin:.5rem 0}.product-grid-container[data-view=grid] .card__metafield{display:flex!important;align-items:center;gap:.3rem;font-size:1.3rem}.product-grid-container[data-view=grid] .card__bottom-line{display:block!important;margin-top:.5rem}.view-toggle__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media screen and (max-width:479px){.view-toggle{gap:.25rem}.view-toggle__button{width:2.8rem;height:2.8rem}.view-toggle__button svg{width:1.4rem;height:1.4rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/collection-view-toggle.css.map */