.oc-card-product__media{position:relative;aspect-ratio:2 / 3}.oc-card-product__actions{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;opacity:0;transition:opacity .2s ease}.oc-card-product:hover .oc-card-product__actions{opacity:1;transition:opacity .2s ease}.oc-card-product__clickthrough{display:block!important;flex-grow:1;padding:1rem}.oc-card-product__clickthrough .card__badge{margin-left:auto;width:fit-content}.oc-card-product__variants{display:flex;flex-direction:column;gap:1.5rem;background-color:#ffffffb3;padding:1.5rem 1rem 1rem;position:absolute;bottom:0;left:0;right:0;min-height:auto;max-height:80%}.oc-card-product__variant-title{font-size:1rem;line-height:1;margin:.5rem 0 1rem .5rem;text-transform:uppercase}.oc-card-product__variant-buttons{display:flex;align-items:center;gap:1rem}.oc-card-product__variant-button{text-decoration:none;font-size:1.3rem;color:rgb(var(--color-foreground));line-height:1;padding:.5rem}.oc-card-product__variant-button:hover{text-decoration:underline}.oc-card-product__variant-button.disabled{text-decoration:line-through;color:#999;font-weight:400}.oc-card-product__variant-swatches{display:flex;align-items:center;gap:1rem;padding-left:.5rem;padding-top:.5rem;opacity:1;transition:opacity .2s ease;position:relative;margin-bottom:1rem}.oc-card-product__variant-swatch{display:flex;align-items:center;justify-content:center;border:1px solid #1d1d1b;border-radius:999px;padding:0;height:20px;width:20px;overflow:hidden;transition:all .3s ease-out}.oc-card-product__variant-swatch:hover{transform:scale(1.1);transition:all .3s ease-out}.oc-card-product__variant-swatch-color{border:none;display:flex;flex-direction:column;height:20px;width:20px;transform:rotate(-45deg)}.oc-card-product__variant-swatch-color span{width:100%;flex:1}.oc-card-product__variant:has(.oc-card-product__variant-buttons){opacity:0;transition:opacity .3s ease;transform:translateY(10px)}.oc-card-product:hover .oc-card-product__variant:has(.oc-card-product__variant-buttons){opacity:1;transform:translateY(0)}.oc-card-product__variant--size{opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateY(10px)}.oc-card-product:hover .oc-card-product__variant--size{opacity:1;transform:translateY(0)}@media (max-width: 600px){.oc-card-product__actions{opacity:1}.oc-card-product__variants{display:flex;padding:1rem .75rem .75rem;bottom:0;max-height:70%}.oc-card-product__variant:has(.oc-card-product__variant-buttons),.oc-card-product__variant--size{display:none}.oc-card-product__variant-title{font-size:.9rem;margin:.4rem 0 .8rem .4rem}.oc-card-product__variant-swatch,.oc-card-product__variant-swatch-color{height:18px;width:18px}.oc-card-product__variant-button{font-size:1.1rem;padding:.4rem}}@media (min-width: 601px) and (max-width: 990px){.oc-card-product__actions{opacity:1}.oc-card-product__variants{padding:1.25rem .875rem .875rem;max-height:75%}.oc-card-product__variant-title{font-size:.95rem}.oc-card-product__variant:has(.oc-card-product__variant-buttons),.oc-card-product__variant--size{display:none}}@media (hover: none) and (pointer: coarse){.oc-card-product__actions{opacity:1}.oc-card-product__variant:has(.oc-card-product__variant-buttons),.oc-card-product__variant--size{display:none}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/oc-card-product.css.map */