.product {
--product-transition-duration: 0.2s;
--product-transition-easing: cubic-bezier( 0.87, 0, 0.13, 1 );
overflow: hidden;
position: relative;
}
.product.is-filtered {
display: none;
}
.product-inner {
overflow: hidden;
}
.quantity-wrap input,
.quantity-wrap select,
.variation-wrap input,
.variation-wrap select {
min-width: 2.5em;
}
.product .waitlist {
display: none;
}
.product__title {
margin-bottom: calc( var( --one-line--small ) * 0.33 );
}
.product__info {
display: none;
}
.product__info-inner {
padding-right: var( --horizontal-spacing );
height: 100%;
display: flex;
flex-direction: column;
}
.product__info-part:not( :last-child ) {
margin-bottom: var( --one-line--small );
}
.product__info-part--push {
margin-top: var( --one-line--small );
}
.product__add-to-cart {}
.product__add-to-cart .quantity,
.product__add-to-cart .quantity-wrap {
display: none !important;
}
#product__add-to-cart form.variations_form:not( .is-sold-out ) .submit-wrap .is-button.is-disabled,
#product__add-to-cart form.variations_form.is-sold-out .submit-wrap button[type="submit"],
.product__add-to-cart form.variations_form:not( .is-sold-out ) .submit-wrap .is-button.is-disabled,
.product__add-to-cart form.variations_form.is-sold-out .submit-wrap button[type="submit"] {
display: none;
}
.product__thumbnail {
flex: 2;
}
.product__thumbnail > a {
display: block;
} @media ( max-width: 699px ) {
.product .product-inner {
display: flex;
flex-direction: column-reverse;
}
.product__title {
margin-bottom: 0;
margin-top: calc( var( --one-line--small ) * 0.33 );
}
} @media ( min-width: 1100px ) {
html.user-can-hover body:not( .view-search ) .product__info {
display: block;
flex: 1;
overflow: hidden;
}
html.user-can-hover body:not( .view-search ) .product__preview {
position: relative;
width: 150%;
display: flex;
-webkit-transform: translateX( -33.3333333333% );
-moz-transform: translateX( -33.3333333333% );
transform: translateX( -33.3333333333% );
transition: all var( --product-transition-duration ) var( --product-transition-easing );
}
html.user-can-hover body:not( .view-search ) .product:hover .product__preview,
html.user-can-hover body:not( .view-search ) .product:active .product__preview {
-webkit-transform: translateX( 0 );
-moz-transform: translateX( 0 );
transform: translateX( 0 );
}
}