51 lines
834 B
CSS
51 lines
834 B
CSS
|
[class*="html--product-main"] {
|
||
|
|
display: flex;
|
||
|
|
gap: 32px;
|
||
|
|
padding: 16px 40px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="html--stack-layout"],
|
||
|
|
[class*="html--right-col"] {
|
||
|
|
width: 48.824%;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="html--right-col"] {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="html--container-quantity-button"] {
|
||
|
|
display: flex;
|
||
|
|
gap: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="html--cart-button"] {
|
||
|
|
width: 78.94%;
|
||
|
|
height: 49px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 1024px) {
|
||
|
|
[class*="html--product-main"] {
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="html--stack-layout"],
|
||
|
|
[class*="html--right-col"] {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
[class*="html--cart-button"] {
|
||
|
|
width: 85.39%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen and (max-width: 375px) {
|
||
|
|
[class*="html--container-quantity-button"] {
|
||
|
|
flex-direction: column;
|
||
|
|
}
|
||
|
|
[class*="html--cart-button"] {
|
||
|
|
width: 100%;
|
||
|
|
height: 74px;
|
||
|
|
}
|
||
|
|
}
|