/* 0 - 600PX: Phone 600 - 900px: Table portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our nortal styles apply 1800px + : Big desktop */ /* Media Query M3 */ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap"); /* Grid breakpoints */ .flexRowContent { padding: 0; margin: 0; } @media screen and (max-width: 1024px) { .flexRowContent { flex-direction: column; } .flexRowContent .flexRowContent--buy-box { flex-direction: row; } } @media screen and (max-width: 1024px) and (max-width: 768px) { .flexRowContent .flexRowContent--buy-box { flex-direction: column; } } .flexRowContent .flexColChild .product-identifier--productReference { float: right; } .flexRowContent .pix-container .imageElement { width: 66px; height: 24px; } .product-images { padding-left: 0; } .product-identifier__label { display: none; } .flexRowContent--shipping-container .stretchChildrenWidth { flex-direction: column; } .flexRowContent--button-container { margin-bottom: 10px; } .flexRowContent--button-container :global(.vtex-button) { background-color: #000; border: 0; height: 50px; margin-left: 10px; border-radius: 0; } @media screen and (max-width: 768px) { .flexRowContent--button-container :global(.vtex-button) { margin: 0; height: 74px; margin-top: 10px; } } @media screen and (max-width: 767px) { .flexRowContent--button-container :global(.vtex-button) :global(.vtex-add-to-cart-button-0-x-buttonDataContainer) { padding: 0 56px; } } .flexRow--buy-box .stretchChildrenWidth:nth-child(2n) { width: 100% !important; } :global(.vtex-product-identifier-0-x-product-identifier__label), :global(.vtex-product-identifier-0-x-product-identifier__separator) { display: none; } :global(.vtex-flex-layout-0-x-flexColChild) { order: -1; } :global(.vtex-flex-layout-0-x-flexRow--pix-container) { display: flex; align-items: center; } @media screen and (max-width: 1024px) { :global(.vtex-flex-layout-0-x-flexRow--pix-container) :global(.vtex-flex-layout-0-x-flexRowContent--pix-container) { flex-direction: row; display: flex; } } :global(.vtex-flex-layout-0-x-flexRow--pix-container) :global(.vtex-flex-layout-0-x-flexRowContent--pix-container) :global(.vtex-flex-layout-0-x-stretchChildrenWidth) { display: flex; align-items: center; width: auto !important; padding-right: 26px; } :global(.vtex-flex-layout-0-x-flexRow--pix-container) :global(.vtex-flex-layout-0-x-flexRowContent--pix-container) :global(.vtex-flex-layout-0-x-stretchChildrenWidth) :global(.vtex-store-components-3-x-imageElement) { width: 66px; height: 24px; }