@media (min-width: 1440px), print {
.page-products .products-grid .product-items:not(.widget-product-grid) {
grid-template-columns: repeat(5,minmax(0,1fr)) !important;
gap: 20px;
}
}
@media (min-width: 1024px), print {
.page-products .products-grid .product-items {
display: block;
}
}
@media (min-width: 1024px), print {
.page-products .products-grid .product-items:not(.widget-product-grid) {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
gap: 16px;
max-width: 100%;
width: 100%;
}
}
.sa footer.page-footer .footer.content .newsletter-social-wrapper {
margin-right: auto;
margin-left: 0
}
.sa .ammenu-menu-wrapper .ammenu-link {
text-align: right;
}
.ammenu-nav-sections.-mobile.-drill .ammenu-items.-drill .ammenu-link {
text-transform: none;
letter-spacing: inherit;
}
@media (min-width: 1024px) {
.ammenu-category-columns {
display: block;
column-count: 5;
}
.ammenu-category-columns .ammenu-column {
padding-bottom: 40px;
break-inside: avoid;
width: 100% !important;
display: block;
}
.ammenu-menu-wrapper .ammenu-link {
justify-content: space-between;
}
}
@media (min-width: 768px), print {
.ammenu-header-container {
z-index: 10;
}
.ammenu-menu-wrapper {
z-index: inherit;
}
}
@media (min-width: 1025px), print {
.ammenu-header-container {
z-index: 999;
}
}
@media (min-width: 768px), print {
.embla_pdp-thumbs {
--slide-size: 7rem;
}
.embla_pdp .embla__slide img:not(.embla_pdp-thumbs .embla__slide img) {
object-fit: unset;
}
}
.ammenu-main-container > .ammenu-items > .ammenu-item:nth-child(2) span {
display: flex;
align-items: center;
}
/*
.en .ammenu-main-container > .ammenu-items > .ammenu-item:nth-child(2) span::before ,
.mx .ammenu-main-container > .ammenu-items > .ammenu-item:nth-child(2) span::before ,
.es .ammenu-main-container > .ammenu-items > .ammenu-item:nth-child(2) span::before {
content: " ";
display: inline-flex;
background-image: url("/media/wysiwyg/gift2.png");
height: 20px;
width: 24px;
background-repeat: no-repeat;
margin-right: 5px;
font-size: 26px;
}
*/
.ammenu-main-container > .ammenu-items > .ammenu-item:first-child {
background-color: #acb8df;
}
.ammenu-main-container > .ammenu-items > .ammenu-item:first-child span{
color: white;
}
/*
.en .ammenu-main-container > .ammenu-items > .ammenu-item:nth-child(3) span ,
.es .ammenu-main-container > .ammenu-items > .ammenu-item:nth-child(3) span ,
.mx .ammenu-main-container > .ammenu-items > .ammenu-item:nth-child(3) span {
font-weight: bold !important;
}
*/
.ammenu-main-container > .ammenu-items > .ammenu-item:nth-child(2) span {
font-weight: bold !important;
}
.page-layout-checkout .payment-method.stripe-payments .payment-method-title label.label span {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.page-layout-checkout .payment-method.stripe-payments .payment-method-title label.label span::after {
content: '';
display: inline-block;
width: 150px;
height: 20px;
background-image: url('https://cosmetis.com/media/wysiwyg/Group_2.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-right: 10px;
}
.mx.page-layout-checkout .payment-method.ebanx-standard .payment-method-title label.label span {
display: flex;
justify-content: space-between;
align-items: center;
}
.mx.page-layout-checkout .payment-method.ebanx-standard .payment-method-title label.label span::after {
content: '';
display: inline-block;
width: 168px;
height: 20px;
background-image: url('https://cosmetis.com/media/wysiwyg/Group_1.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-right: 10px;
}
.cl.page-layout-checkout .payment-method.ebanx-standard .payment-method-title label.label span {
display: flex;
justify-content: space-between;
align-items: center;
}
.cl.page-layout-checkout .payment-method.ebanx-standard .payment-method-title label.label span::after {
content: '';
display: inline-block;
width: 111px;
height: 20px;
background-image: url('https://cosmetis.com/media/wysiwyg/Group_3.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-right: 10px;
}
.co.page-layout-checkout .payment-method.ebanx-standard .payment-method-title label.label span {
display: flex;
justify-content: space-between;
align-items: center;
}
.co.page-layout-checkout .payment-method.ebanx-standard .payment-method-title label.label span::after {
content: '';
display: inline-block;
width: 111px;
height: 20px;
background-image: url('https://cosmetis.com/media/wysiwyg/Group_4.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-right: 10px;
}
.embla_pdp-thumbs .embla__viewport .embla__container {
max-height: 520px;
}
body.checkout-index-index > .header.content {
display: none;
}
.embla_pdp .embla-pdp__viewport .embla__container {
margin-left: 0;
}
.top-marketing-bar-wrapper {
z-index: 272;
}
.embla__productsSlider {
--slide-size: 50%;
--slide-height: auto;
--slide-spacing: 20px;
margin: 0;
width: 100%;
}
.block.widget .products-grid .product-item {
width: 100%;
}
.page-layout-layout-homepage-full-width .block.widget .products-grid .product-item {
width: 100%;
}
@media (min-width: 768px), print {
.embla__productsSlider {
--slide-size: 33.333333%;
}
.block.widget .products-grid .product-item {
width: 100%;
}
.page-layout-layout-homepage-full-width .block.widget .products-grid .product-item {
width: 100%;
}
}
@media (min-width: 1024px), print {
.embla__productsSlider {
--slide-size: 25%;
}
.block.widget .products-grid .product-item {
width: 100%;
}
.page-layout-layout-homepage-full-width .block.widget .products-grid .product-item {
width: 100%;
}
}
@media (min-width: 1440px), print {
.embla__productsSlider {
--slide-size: 20%;
}
.block.widget .products-grid .product-item {
width: 100%;
}
.page-layout-layout-homepage-full-width .block.widget .products-grid .product-item {
width: 100%;
}
}
.sa .ammenu-header-container .header.content .ammenu-logo {
display: block
}
.payment-method-title.field.choice input#stripe_payments + label.label {
display: flex;
align-items: center;
}
/*
.payment-method-title.field.choice input#stripe_payments + label.label::before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background-image: url('https://cosmetis.com/media/catalog/category/credit-card.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-right: 10px;
}
*/
.top-marketing-bar, .swiper-container.top-marketing-bar {
font-size: 15px;
}
/*
td.col[data-bind*="amstartes_comment"]:before {
content: "* Once your order has shipped. \A";
white-space: pre;
}
*/
.price-wishlist-wrapper {
align-items: flex-end;
}
.price-wishlist-wrapper .price-wrapper .price-box.price-final_price {
flex-direction: column-reverse;
}
.price-container {
color: inherit;
}
.price {
white-space: nowrap;
}
#co-payment-form hr {
margin-top: 0;
margin-bottom: 0;
visibility: hidden;
}
@media only screen and (max-width: 767px) {
.filters-modal-popup .modal-header .action-close {
right: auto;
}
}
.modal-popup {
color: #13100D;
}
.cookie-status-message {
display: none;
}
.privacy-content #row_one,
.privacy-content #row_two,
.privacy-content #row_three,
.privacy-content #row_four {
grid-column: span 2;
}
.block-static-block.widget {
margin-bottom: 0;
}
@media (min-width: 800px) {
.btn-navigation {
display: none;
}
}
html.nav-before-open.nav-open #popupCookie, html.nav-before-open.nav-open .zEWidget-launcher.zEWidget-launcher--active, html.nav-before-open.nav-open .catalog-product-view .product.media, #account-nav > ul > li:last-child > a, #account-nav > ul > li:nth-child(3) > a {
display: none;
}
div.g-recaptcha, body.account .amasty-affiliate-collapsible {
display: none !important;
}
body.catalog-product-view .page-bottom {
width: 100% !important;
}
.table-totals .charge {
display: none
}
.table-checkout-shipping-method thead {
display: none;
}
.table-checkout-shipping-method .col-method {
font-weight: 700;
}
.table-checkout-shipping-method .col[data-bind="html: method.extension_attributes.amstartes_comment"] {
font-size: 13px;
border-top: 0;
padding-top: 0px;
font-style: italic;
}
.swatch-option.text {
min-width: 50px;
padding: 8px 8px;
line-height: 30px;
}
.swatch-attribute-label, .swatch-attribute-selected-option {
display: none;
}
.swiper-container.brands-row {
box-sizing: border-box;
max-width: 100%;
}
/*Temporário enquanto o tracking não estiver a funcionar*/
body.sales-order-view .block-order-tracking-view {
display: none !important;
}
a[id^="track-link-"] {
pointer-events: none;
cursor: default;
color: inherit;
text-decoration: none;
}
@media (min-width: 768px), print {
.store-currency-switch-container {
z-index: 1001;
position: sticky;
}
}
![[PDP SA] Banner Genérico Oferta](https://cosmetis.com/media/weltpixel/owlcarouselslider/images/a/r/ar_cp_bannergenerico_oferta_fev25_1.jpg "[PDP SA] Banner Genérico Oferta")
