.product{display:grid;gap:1rem;width:100%;max-width:var(--main-width)}@media (min-width: 64rem){.product{grid-template-columns:1.2fr 1fr;align-items:start}}.product__gallery{background:linear-gradient(180deg,#ffffffa6,#ffffff80),var(--color-primary);border-radius:var(--brand-rounding);padding:1rem}.media--featured{width:100%}.media--featured img{display:block;width:100%;max-width:100%;height:auto}.media-thumb{background:transparent;border:1px solid var(--color-border);padding:0;border-radius:.5rem;overflow:hidden}.media-thumb img{display:block;width:5rem;height:auto}.product__info{background:var(--color-primary);border-radius:var(--brand-rounding);padding:1rem;border:1px solid var(--color-border)}@media (min-width: 64rem){.product__info{position:sticky;top:1rem;align-self:start;z-index:1}}.product__form{display:flex;flex-direction:column;gap:1rem}.product__form select,.product__form .quantity{padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--color-border);background:#fff;color:var(--color-secondary)}.option-pickers{display:flex;flex-direction:column;gap:1rem}.option-group{border:0;margin:0;padding:0}.option-values{display:flex;flex-wrap:wrap;gap:.5rem}.size-guide-link{display:inline-block;margin-top:.5rem;font-size:.95rem;color:var(--color-secondary-link);text-decoration:underline;cursor:pointer}.size-guide-link:hover{color:var(--color-secondary)}.option-button{-webkit-appearance:none;appearance:none;border:1px solid var(--color-border);background:#fff;color:var(--color-secondary);padding:.5rem .75rem;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.option-button:hover{border-color:var(--color-secondary)}.option-button.is-selected{background:var(--color-secondary);color:var(--color-secondary-invert);border-color:var(--color-secondary)}.option-button:disabled{opacity:.5;cursor:not-allowed}.option-button--swatch{padding:1rem;background:#fff;border:1px solid var(--color-border);border-radius:.5rem;overflow:hidden;width:3.25rem;height:3.25rem;aspect-ratio:1 / 1;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease}@media (min-width: 64rem){.option-button--swatch{width:6rem;height:6rem}}.option-button--swatch img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.option-button--swatch:hover,.option-button--swatch:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--color-secondary)}.option-button--swatch:hover img,.option-button--swatch:focus-visible img{transform:scale(1.04)}.option-button--swatch.is-selected{background:#fff;border-color:var(--color-secondary)}.selection-summary{margin:0;font-size:.95rem;color:var(--color-secondary);font-weight:700}#product-sizing{width:100%;max-width:var(--main-width);background:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--brand-rounding);padding:1rem;display:flex;justify-content:center}@media (max-width: 60rem){#product-sizing{padding:0}}#product-sizing img{max-width:100%;height:auto;display:block}.recommendations__title{margin:0;width:100%;max-width:var(--main-width);text-align:center}.recommendations{width:100%;max-width:var(--main-width)}.recommendations__inner{background:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--brand-rounding);padding:1rem}.recs__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.75rem}.rec-card{display:flex;flex-direction:column;border:1px solid var(--color-border);background:var(--color-primary);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease;border-radius:.5rem}.rec-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--color-secondary);background:var(--color-primary)}.rec-card__media{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#fff}.rec-card__media img{width:100%;height:100%;object-fit:contain;display:block;padding:1rem;transition:transform .25s ease}.rec-card:hover .rec-card__media img{transform:scale(1.04)}.rec-card__body{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1 1 auto}.rec-card__title{margin:0;font-size:1rem}.rec-card__price{color:var(--color-secondary)}
/*# sourceMappingURL=/cdn/shop/t/261/assets/product.css.map */