.stock {
display: none;
}
.variations {
width: 100%;
}
.woocommerce-variation-price {
margin-bottom: calc( var( --one-line ) * 0.5 );
}
#product__info .submit-wrap {
margin-top: var( --one-line );
}
.view-product main {
margin-bottom: calc( var( --grid-vertical-spacing ) * -1 );
}
[id*="product-"] {
--grid-vertical-spacing: var( --one-line--regular );
--indicator-spacing: calc( var( --one-line--small ) * 0.5 );
}
.product-part {
margin-bottom: var( --one-line--regular );
}
#product__images {}
#product__images .image {
height: auto;
}
#product__images slider-navigation {
position: absolute;
top: var( --one-line--small );
left: 0;
width: 100%;
bottom: 0;
align-items: stretch;
}
#product__images slider-navigation > * {
flex: 1;
cursor: pointer;
padding: calc( var( --horizontal-spacing ) * 0.5 );
}
#product__images slider-navigation > * > img {
height: 0.3em;
width: auto;
opacity: 0;
transition: opacity 0.15s linear;
}
#product__images slider-navigation > slider-navigation--prev > img {
-webkit-transform: rotate( 180deg );
-moz-transform: rotate( 180deg );
transform: rotate( 180deg );
}
#product__images slider-navigation > *:hover > img {
opacity: 1;
}
#product__images slider-indicators {
justify-content: flex-start;
}
#product__images slider-indicators > * {
position: relative;
cursor: pointer;
margin: 0 var( --indicator-spacing ) var( --indicator-spacing ) 0;
}
#product__images slider-indicators > *.active::after {
content: '';
height: 0.1em;
background: currentColor;
width: 100%;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
#product__related {
margin-top: calc( var( --grid-vertical-spacing ) * 3 );
}
#product__related #product__related-wrap {
flex-wrap: nowrap;
}
#product__related slider-navigation img {
height: 0.5em;
width: auto;
}
#product__related slider-navigation slider-navigation--prev img {
-webkit-transform: rotate( 180deg );
-moz-transform: rotate( 180deg );
transform: rotate( 180deg );
}
#product__related article.news::after,
#product__related article.release::after {
display: none;
} @media ( min-width: 700px ) {
#product__title {
margin-top: calc( var( --one-line--small ) + var( --indicator-spacing ) );
}
}