.refill-product-grid{display:block}.refill-product-grid__copy--mobile{display:none}.refill-product-grid__copy>:first-child{margin-top:0}.refill-product-grid__copy>:last-child{margin-bottom:0}.refill-product-grid__list{display:grid;gap:clamp(2rem,3vw,3.2rem);grid-template-columns:repeat(var(--refill-columns-mobile),minmax(0,1fr));list-style:none;margin:0;padding:0}.refill-product-grid__item{display:flex;flex-direction:column;min-width:0}.refill-product-grid__product-link{color:rgb(var(--color-foreground));display:block;text-decoration:none}.refill-product-grid__media{background:rgba(var(--color-foreground),.025);border-radius:1.6rem;overflow:hidden;position:relative}.refill-product-grid__media--square{aspect-ratio:1}.refill-product-grid__media--portrait{aspect-ratio:.8}.refill-product-grid__image{height:100%;object-fit:contain;transition:transform .22s ease;width:100%}.refill-product-grid__product-link:hover .refill-product-grid__image{transform:scale(1.025)}.refill-product-grid__title{font-size:clamp(1.45rem,1.25vw,1.8rem);line-height:1.25;margin:1.4rem 0 0}.refill-product-grid__price{margin-top:.6rem}.refill-product-grid__price .price{font-size:1.4rem}.refill-product-grid__form{display:block;margin-top:1.6rem}.refill-product-grid__form form{display:grid;gap:1rem}.refill-product-grid__colors{border:0;display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0}.refill-product-grid__colors legend{color:rgba(var(--color-foreground),.68);font-size:1.1rem;font-weight:700;letter-spacing:.08em;margin-bottom:.7rem;text-transform:uppercase}.refill-product-grid__color-label{align-items:center;background:rgba(var(--color-background),.74);border:.1rem solid rgba(var(--color-foreground),.18);border-radius:999px;cursor:pointer;display:flex;font-size:1.2rem;font-weight:650;gap:.7rem;justify-content:center;min-height:4.4rem;padding:.7rem .9rem;transition:border-color .16s ease,box-shadow .16s ease,transform .16s cubic-bezier(.23,1,.32,1)}@media(hover:hover)and (pointer:fine){.refill-product-grid__color-label:hover{border-color:rgba(var(--color-foreground),.52)}}.refill-product-grid__color-input:focus-visible+.refill-product-grid__color-label{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.refill-product-grid__color-input:checked+.refill-product-grid__color-label{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.refill-product-grid__color-input:disabled+.refill-product-grid__color-label{cursor:not-allowed;opacity:.42}.refill-product-grid__swatch{background:#f7f5ef;border:.1rem solid rgba(39,36,50,.3);border-radius:50%;flex:0 0 1.8rem;height:1.8rem;width:1.8rem}.refill-color--black .refill-product-grid__swatch{background:#111;border-color:#111}.refill-product-grid__mix-message{align-items:center;background:rgba(var(--color-foreground),.05);border-radius:999px;display:flex;font-size:1.2rem;font-weight:650;justify-content:center;margin:0;min-height:4.4rem;padding:.7rem 1.2rem;text-align:center}.refill-product-grid__submit{min-height:4.6rem}.refill-product-grid__submit:after{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.72)}.refill-product-grid__meta{align-items:baseline;color:rgba(var(--color-foreground),.72);display:flex;flex-wrap:wrap;font-size:1.25rem;gap:.5rem 1.2rem;justify-content:space-between;margin-top:1rem}.refill-product-grid__meta strong{color:rgb(var(--color-foreground));font-weight:650}.refill-product-grid__details{display:inline-flex;margin-top:1.2rem}@media screen and (min-width:750px){.refill-product-grid__list{grid-template-columns:repeat(var(--refill-columns-desktop),minmax(0,1fr))}}@media screen and (max-width:749px){.refill-product-grid__copy--desktop{display:none}.refill-product-grid__copy--mobile{display:block}.refill-product-grid__list{gap:2.6rem 1.2rem}.refill-product-grid__color-label{font-size:1.1rem;gap:.5rem;padding-inline:.6rem}.refill-product-grid__swatch{flex-basis:1.6rem;height:1.6rem;width:1.6rem}.refill-product-grid__submit{font-size:1.2rem;letter-spacing:.04em;padding-inline:.7rem}}@media(prefers-reduced-motion:reduce){.refill-product-grid *,.refill-product-grid *:before,.refill-product-grid *:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/section-refill-product-grid.css.map */