/* 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 */ /* Grid breakpoints */ .flexRowContent--menu-link, .flexRowContent--main-header { padding: 0 0.5rem; } @media screen and (min-width: 40em) { .flexRowContent--menu-link, .flexRowContent--main-header { padding: 0 1rem; } } @media screen and (min-width: 80rem) { .flexRowContent--menu-link, .flexRowContent--main-header { padding: 0 0.25rem; } } .flexRowContent--menu-link { background-color: #03044e; color: #fff; } .flexRowContent--main-header { background-color: #f0f0f0; } .flexRowContent--main-header-mobile { align-items: center; padding: 0.625rem 0.5rem; background-color: #f0f0f0; } .flexRowContent--menu-link :global(.vtex-menu-2-x-styledLink) { color: #ffffff; font-size: 14px; } .flexRowContent--main-header :global(.vtex-menu-2-x-styledLink) { color: #727273; font-size: 14px; } .flexRow--deals { background-color: #0f3e99; padding: 14px 0px; } .flexRow--deals .stretchChildrenWidth { align-items: center; } .flexRow--deals .flexCol { align-items: center; margin-bottom: 5px; padding-top: 5px; } .flexCol--filterCol { max-width: 500px; min-width: 230px; } .flexCol--productCountCol { align-items: flex-start; } .flexCol--orderByCol { align-items: flex-end; } .flexCol--orderByMobileCol { width: 42%; } .flexCol--filterMobileCol { width: 38%; } .flexRow--quickviewMainRow { display: flex; max-height: 100%; } .flexColChild--quickviewDetails:first-child { overflow-y: auto; height: 66% !important; overflow-x: hidden; } .flexColChild--quickviewDetails:last-child { height: 34% !important; } .flexRow--addToCartRow { padding-bottom: 1rem; } .flexRow--productAvailability, .flexRow--productMain { padding: 0 40px; } @media screen and (min-width: 1921px) { .flexRow--productAvailability, .flexRow--productMain { width: 75%; margin: 0 auto; } } @media screen and (max-width: 1024px) { .flexRowContent--productSpecificationItemContainer, .flexRowContent--productAvailability, .flexRowContent--productMain { flex-direction: column !important; } .flexRowContent--productSpecificationItemContainer .stretchChildrenWidth, .flexRowContent--productAvailability .stretchChildrenWidth, .flexRowContent--productMain .stretchChildrenWidth { width: 100% !important; } } @media screen and (min-width: 1025px) { .flexCol--productName { align-items: flex-end; } } .flexRowContent--productActions .stretchChildrenWidth { width: auto !important; } @media screen and (min-width: 768px) { .flexRowContent--productActions .stretchChildrenWidth:last-child { flex-grow: 1; } } .flexRowContent--productActions { flex-direction: column; } @media screen and (min-width: 768px) { .flexRowContent--productActions { flex-direction: row; } } .flexRowContent--productActions :global(.vtex-button) { height: 72px; line-height: 24.51px; border: 0; border-radius: 0; } @media screen and (min-width: 768px) { .flexRowContent--productActions :global(.vtex-button) { height: 49px; } } .flexRowContent--productActions :global(.vtex-button) :global(.vtex-button__label) { justify-content: stretch; padding: 12px 64px; } .flexRowContent--productActions :global(.vtex-button) :global(.vtex-add-to-cart-button-0-x-buttonDataContainer) { flex-grow: 1; width: 100%; } .flexRowContent--productActions :global(.vtex-button) :global(.vtex-add-to-cart-button-0-x-buttonText) { width: 99%; } .flexRow--productSpecifications { padding: 0 40px; } @media screen and (min-width: 1921px) { .flexRow--productSpecifications { width: 75%; margin: 0 auto; } } @media screen and (min-width: 1025px) { .flexRow--productSpecificationItemContainer { padding: 0 32px; } } .flexRowContent--productSpecificationItemContainer { border-width: 1px !important; } @media screen and (min-width: 1025px) { .flexRowContent--productSpecificationItemContainer { border: none; } } .flexRow--productShelf { padding: 0 40px; } @media screen and (min-width: 1921px) { .flexRow--productShelf { width: 75%; margin: 0 auto; } } .flexRow--newsletter { background-color: #000; margin-top: 32px; } @media screen and (min-width: 769px) { .flexRow--newsletter { margin-top: 64px; } } .flexRow--newsletter .flexRowContent--newsletter { max-width: 774px; margin: 0 auto; padding: 64px 16px 32px; } @media screen and (min-width: 1025px) { .flexRow--newsletter .flexRowContent--newsletter { padding: 32px 0px 16px; } } .flexRowContent--newsletterInputs .stretchChildrenWidth:first-child { flex-grow: 1; } .flexRowContent--newsletterInputs .stretchChildrenWidth:first-child :global(.vtex-input-prefix__group) { border-radius: 0; border: none; } .flexRowContent--newsletterInputs .stretchChildrenWidth:first-child :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) { border-radius: 0; background-color: #000; padding-left: 0; border-bottom: 1px solid #fff; } .flexRowContent--newsletterInputs :global(.vtex-store-newsletter-1-x-formSubmitContainer) :global(.vtex-button) { position: relative; border-radius: 0; border: none; } .flexRowContent--newsletterInputs :global(.vtex-store-newsletter-1-x-formSubmitContainer) :global(.vtex-button)::before { content: ""; width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: 0px; }