101 lines
1.8 KiB
CSS
101 lines
1.8 KiB
CSS
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap");
|
|
|
|
[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: 80%;
|
|
height: 49px;
|
|
}
|
|
|
|
[class*="html--prateleira"] {
|
|
padding: 16px 40px 113px;
|
|
}
|
|
|
|
[class*="html--price"] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
[class*="html--sku-selector"] {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
[class*="html--header-mobile"] {
|
|
position: relative;
|
|
}
|
|
|
|
@media screen and (min-width: 1920px) {
|
|
[class*="html--product-main"] {
|
|
padding: 16px 360px 0;
|
|
}
|
|
[class*="html--cart-button"] {
|
|
width: 90%;
|
|
height: 49px;
|
|
}
|
|
[class*="html--prateleira"] {
|
|
padding: 16px 360px 113px;
|
|
}
|
|
[class*="html--stack-layout"],
|
|
[class*="html--right-col"] {
|
|
width: 49.131%;
|
|
}
|
|
}
|
|
|
|
@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%;
|
|
}
|
|
|
|
[class*="html--prateleira"] {
|
|
padding-bottom: 105px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
[class*="html--container-quantity-button"] {
|
|
flex-direction: column;
|
|
}
|
|
[class*="html--cart-button"] {
|
|
width: 100%;
|
|
height: 74px;
|
|
}
|
|
|
|
[class*="html--shipping-simulator"] {
|
|
overflow-x: auto;
|
|
}
|
|
[class*="html--shipping-simulator"]::-webkit-scrollbar {
|
|
background-color: transparent;
|
|
}
|
|
[class*="html--prateleira"] {
|
|
padding-bottom: 65px;
|
|
}
|
|
}
|