/* ----- PRODUCT-MAIN ----- */ .flexRowContent--productMain { padding: 0 40px; gap: 32px; justify-content: center; @include mq(xl, min) { padding: 0 360px; } @include mq(lg, max) { flex-direction: column; .stretchChildrenWidth { width: 100% !important; } } } /* ----- RIGHT-COL ----- */ .flexCol--right-col, .flexCol--info-availability { // background-color: red; .flexRowContent--product-name { text-align: right; @include mq(lg, max) { text-align: left; .stretchChildrenWidth { margin: 0; } } } @include mq(md, max) { // background-color: cyan; margin-top: 32px; //tem horas que fica com margem dobrada (mt + gap?) } } /* ----- RIGHT-COL-AVAILABILITY ----- */ .flexColChild--info-availability { :global(.vtex-store-components-3-x-skuSelectorSubcontainer--cor) { margin-bottom: 0 !important; } }