/* * Zona Maromba para Cartpanda / Warehouse 1.8 * Fase 1: identidade visual, cabeçalho e página inicial. * * Todo o arquivo é escopado pela classe `zm-theme`, adicionada ao . * Isso evita que as regras sejam aplicadas antes da instalação completa. */ .zm-theme { --zm-black: #161616; --zm-black-deep: #161616; --zm-paper: #f2efea; --zm-surface: #f2efea; --zm-muted-surface: rgba(140, 140, 136, 0.18); --zm-line: rgba(140, 140, 136, 0.45); --zm-line-dark: #8c8c88; --zm-text: #161616; --zm-muted: #161616; --zm-soft: #8c8c88; --zm-accent: #8c8c88; --zm-accent-strong: #161616; --zm-danger: #8c8c88; --zm-font-display: "Barlow Condensed", "Arial Narrow", sans-serif; --zm-font-body: "Inter", Arial, sans-serif; --zm-button-radius: 10px; min-width: 320px; background: var(--zm-paper); color: var(--zm-text); font-family: var(--zm-font-body); } /* Mural da Tropa */ .zm-theme .zm-tropa { position: relative; margin: 0; padding: clamp(64px, 8vw, 104px) clamp(14px, 5vw, 64px); overflow: hidden; background: repeating-linear-gradient( 135deg, rgba(242, 239, 234, 0.018) 0, rgba(242, 239, 234, 0.018) 1px, transparent 1px, transparent 18px ), var(--zm-black); color: var(--zm-paper); } .zm-theme .zm-tropa > .container { position: relative; z-index: 1; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0; } .zm-theme .zm-tropa__header { display: grid; max-width: 760px; justify-items: center; margin: 0 auto clamp(34px, 5vw, 58px); text-align: center; } .zm-theme .zm-tropa__kicker { margin: 0 0 10px; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; } .zm-theme .zm-tropa__kicker::before, .zm-theme .zm-tropa__kicker::after { display: inline-block; width: 26px; height: 1px; margin: 0 10px 3px; background: currentColor; content: ""; } .zm-theme .zm-tropa__title { margin: 0; color: var(--zm-paper); font-size: clamp(2.4rem, 5vw, 4.8rem); line-height: 0.95; text-align: center; text-transform: uppercase; } .zm-theme .zm-tropa__text { max-width: 620px; margin-top: 18px; color: rgba(242, 239, 234, 0.74); font-size: 1rem; line-height: 1.6; } .zm-theme .zm-tropa__text p { margin: 0; } .zm-theme .zm-tropa__wall { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; gap: 14px; padding-bottom: 38px; } .zm-theme .zm-tropa__card { min-width: 0; } .zm-theme .zm-tropa__card:nth-child(even) { transform: translateY(38px); } .zm-theme .zm-tropa__card-link { display: block; color: inherit; text-decoration: none; } .zm-theme .zm-tropa__media { position: relative; aspect-ratio: 4 / 5.7; overflow: hidden; border: 1px solid rgba(242, 239, 234, 0.28); border-radius: 14px; background: #252525; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24); } .zm-theme .zm-tropa__image, .zm-theme .zm-tropa__placeholder { width: 100%; height: 100%; } .zm-theme .zm-tropa__image { display: block; object-fit: cover; object-position: center; transition: transform 300ms ease; } .zm-theme .zm-tropa__media--top .zm-tropa__image { object-position: center top; } .zm-theme .zm-tropa__media--bottom .zm-tropa__image { object-position: center bottom; } .zm-theme .zm-tropa__placeholder { color: rgba(242, 239, 234, 0.15); fill: rgba(242, 239, 234, 0.08); } .zm-theme .zm-tropa__card-link:hover .zm-tropa__image { transform: scale(1.025); } .zm-theme .zm-tropa__number { position: absolute; top: 14px; left: 14px; z-index: 2; display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--zm-paper); color: var(--zm-black); font-family: var(--zm-font-display); font-size: 0.78rem; font-weight: 900; } .zm-theme .zm-tropa__caption { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; display: grid; gap: 7px; padding: 72px 18px 18px; background: linear-gradient(180deg, transparent, rgba(10, 10, 10, 0.94)); } .zm-theme .zm-tropa__proof { color: rgba(242, 239, 234, 0.72); font-size: 0.64rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; } .zm-theme .zm-tropa__quote { margin: 0; color: var(--zm-paper); font-size: 0.94rem; font-weight: 600; line-height: 1.35; } .zm-theme .zm-tropa__name { color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 0.82rem; font-weight: 900; text-transform: uppercase; } .zm-theme .zm-tropa__action { display: flex; justify-content: center; margin-top: clamp(28px, 5vw, 56px); } .zm-theme .zm-tropa__button { min-width: min(100%, 270px); border: 1px solid var(--zm-paper) !important; background: var(--zm-paper) !important; color: var(--zm-black) !important; } @media screen and (max-width: 1000px) { .zm-theme .zm-tropa__wall { grid-template-columns: repeat(2, minmax(0, 1fr)); } .zm-theme .zm-tropa__card:nth-child(even) { transform: translateY(22px); } } @media screen and (max-width: 720px) { .zm-theme .zm-tropa { padding: 58px 0 64px; } .zm-theme .zm-tropa__header { padding-right: 18px; padding-left: 18px; margin-bottom: 30px; } .zm-theme .zm-tropa__title { font-size: clamp(2.35rem, 12vw, 3.4rem); } .zm-theme .zm-tropa__text { font-size: 0.92rem; } .zm-theme .zm-tropa__wall { display: flex; gap: 12px; margin: 0; padding: 0 18px 8px; overflow-x: auto; overflow-y: hidden; scroll-padding-left: 18px; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; } .zm-theme .zm-tropa__wall::-webkit-scrollbar { display: none; } .zm-theme .zm-tropa__card, .zm-theme .zm-tropa__card:nth-child(even) { flex: 0 0 min(78vw, 310px); transform: none; scroll-snap-align: start; } .zm-theme .zm-tropa__media { aspect-ratio: 4 / 5.45; } .zm-theme .zm-tropa__quote { font-size: 0.9rem; } .zm-theme .zm-tropa__action { margin-top: 30px; padding-right: 18px; padding-left: 18px; } .zm-theme .zm-tropa__button { width: 100%; } } .zm-theme, .zm-theme button, .zm-theme input, .zm-theme select, .zm-theme textarea { font-family: var(--zm-font-body); } .zm-theme .heading, .zm-theme .section__title, .zm-theme .footer__title, .zm-theme .text-with-icons__title { font-family: var(--zm-font-display); font-weight: 800; letter-spacing: 0; } .zm-theme a:focus-visible, .zm-theme button:focus-visible, .zm-theme input:focus-visible, .zm-theme select:focus-visible, .zm-theme textarea:focus-visible { outline: 3px solid var(--zm-accent); outline-offset: 3px; } /* Faixa promocional */ .zm-theme .announcement-bar { min-height: 48px; border: 0; background: var(--zm-paper) !important; color: var(--zm-black) !important; } .zm-theme .announcement-bar .container { max-width: none; padding-right: 18px; padding-left: 18px; } .zm-theme .announcement-bar__inner { display: flex; min-height: 48px; align-items: center; justify-content: center; } .zm-theme .announcement-bar__content { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 0; color: inherit; font-size: 0.82rem; font-weight: 700; line-height: 1.3; text-align: center; text-transform: uppercase; } .zm-theme .announcement-bar__content strong { font-weight: 900; } .zm-theme .zm-promo-divider { display: inline-block; width: 5px; height: 5px; flex: 0 0 5px; border-radius: 50%; background: currentColor; } /* Cabeçalho */ .zm-theme [data-section-type="header"] { background: var(--zm-black); color: var(--zm-paper); } .zm-theme [data-section-type="header"] > .nav-bar:not(.zm-header__nav) { display: none !important; } .zm-theme .header { padding: 0; border: 0; background: var(--zm-black) !important; color: var(--zm-paper); } .zm-theme .header > .container { max-width: none; padding: 0 clamp(18px, 4.8vw, 64px); } .zm-theme .header__inner { min-height: 72px; align-items: center; } .zm-theme .header__logo { width: auto; margin: 0; } .zm-theme .header__logo-link { display: inline-flex; align-items: center; } .zm-theme .header__logo-image { width: auto; max-height: 64px; object-fit: contain; object-position: left center; } .zm-theme .header__mobile-nav-toggle, .zm-theme .header__action-item-link { color: var(--zm-paper); } .zm-theme .zm-header__nav.nav-bar { position: static; display: block; min-width: 0; height: auto; border: 0; background: transparent !important; box-shadow: none; } .zm-theme .zm-header__nav .nav-bar__inner, .zm-theme .zm-header__nav .container { width: auto; max-width: none; padding: 0; background: transparent; } .zm-theme .zm-header__nav .nav-bar__linklist { display: flex; min-width: 0; align-items: center; justify-content: center; gap: clamp(14px, 2.4vw, 32px); margin: 0; overflow: visible; white-space: nowrap; } .zm-theme .zm-header__nav .nav-bar__item { padding: 0; } .zm-theme .zm-header__nav .nav-bar__link { display: inline-flex; min-height: 48px; align-items: center; gap: 6px; padding: 8px 0; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 0.98rem; font-weight: 800; text-transform: uppercase; opacity: 0.95; } .zm-theme .zm-header__nav .nav-bar__link:hover, .zm-theme .zm-header__nav .nav-bar__link[aria-expanded="true"] { color: var(--zm-accent); opacity: 1; } .zm-theme .header__action-list { display: flex; align-items: center; justify-content: flex-end; margin: 0; } .zm-theme .header__action-item--cart { padding: 0; border: 0; } .zm-theme .header__action-item--cart .header__action-item-content > span { display: none !important; } .zm-theme .header__cart-toggle { position: relative; display: grid; width: 52px; min-width: 52px; height: 52px; place-items: center; padding: 0; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 50%; background: rgba(255, 255, 255, 0.08); color: var(--zm-paper); transition: background 160ms ease, border-color 160ms ease, color 160ms ease; } .zm-theme .header__cart-toggle .header__action-item-content { display: grid !important; width: 100%; height: 100%; place-items: center; margin: 0 !important; padding: 0 !important; } .zm-theme .header__cart-toggle:hover { border-color: var(--zm-accent); background: var(--zm-accent); color: var(--zm-black); } .zm-theme .header__cart-icon { position: static; display: grid; width: 28px; height: 28px; place-items: center; margin: 0 !important; transform: translateX(1px); } .zm-theme .header__cart-icon .icon-state__primary, .zm-theme .header__cart-icon .icon-state__secondary { position: static !important; display: grid !important; width: 28px; height: 28px; grid-area: 1 / 1; place-items: center; } .zm-theme .header__cart-icon svg { display: block; width: 25px; height: 25px; margin: 0; } .zm-theme .header__cart-count { position: absolute; top: -5px; right: -5px; display: grid; min-width: 22px; height: 22px; place-items: center; padding: 0 4px; border: 2px solid var(--zm-black); border-radius: 50%; background: #ffffff; color: var(--zm-black); font-size: 0.66rem; font-weight: 800; } /* Pesquisa no cabeçalho */ .zm-theme .header__search-bar-wrapper .search-bar__top { min-height: 42px; overflow: hidden; border: 1px solid rgba(242, 239, 234, 0.45); border-radius: 5px; background: var(--zm-paper); color: var(--zm-black); box-shadow: none !important; } .zm-theme .header__search-bar-wrapper .search-bar__input { height: 42px; padding-right: 12px; padding-left: 14px; background: transparent; color: var(--zm-black); } .zm-theme .header__search-bar-wrapper .search-bar__input::placeholder { color: var(--zm-soft); opacity: 1; } .zm-theme .header__search-bar-wrapper .search-bar__filter { display: none; } .zm-theme .header__search-bar-wrapper .search-bar__submit { width: 46px; min-width: 46px; height: 42px; border-left: 1px solid var(--zm-line); background: var(--zm-paper); color: var(--zm-black); } .zm-theme .header__search-bar-wrapper .search-bar__submit:hover { background: var(--zm-black); color: var(--zm-paper); } /* Botões compartilhados */ .zm-theme .button { min-height: 44px; border-radius: var(--zm-button-radius) !important; font-family: var(--zm-font-display); font-weight: 800; letter-spacing: 0; text-transform: none; } .zm-theme .button--primary, .zm-theme .form__submit--tight { border-color: var(--zm-black) !important; border-radius: var(--zm-button-radius) !important; background: var(--zm-black) !important; color: var(--zm-paper) !important; clip-path: none; } .zm-theme .button--primary:hover, .zm-theme .form__submit--tight:hover { border-color: var(--zm-accent) !important; background: var(--zm-accent) !important; color: var(--zm-black) !important; } /* Banner */ .zm-theme.template-index [data-section-type="slideshow"] { position: relative; overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid var(--zm-line-dark); background: var(--zm-black); } .zm-theme.template-index [data-section-type="slideshow"] > .container { max-width: none; padding: 0; } .zm-theme.template-index .slideshow { margin: 0; padding-bottom: 0; border: 0; border-radius: 0; background: var(--zm-black); } .zm-theme.template-index .slideshow__image, .zm-theme.template-index .slideshow__slide-inner { border-radius: 0; } .zm-theme.template-index .slideshow .flickity-page-dots { bottom: -30px; display: flex; min-height: 30px; align-items: center; justify-content: center; gap: 9px; margin: 0; padding: 7px 18px; border-top: 1px solid rgba(242, 239, 234, 0.12); background: var(--zm-black); } .zm-theme.template-index .slideshow .flickity-page-dots .dot { width: 9px; height: 9px; margin: 0; border-radius: 50%; background: var(--zm-soft); opacity: 1; } .zm-theme.template-index .slideshow .flickity-page-dots .dot.is-selected { width: 26px; border-radius: 5px; background: var(--zm-accent); } /* Etapas de compra */ .zm-theme .zm-process-strip { width: 100%; overflow: hidden; border-top: 1px solid rgba(242, 239, 234, 0.3); border-bottom: 1px solid rgba(242, 239, 234, 0.3); background: var(--zm-black); color: var(--zm-paper); } .zm-theme .zm-process-strip__track { display: flex; width: max-content; min-width: 100%; -webkit-animation: zm-process-marquee 24s linear infinite; animation: zm-process-marquee 24s linear infinite; will-change: transform; } .zm-theme .zm-process-strip__group { display: flex; flex: 0 0 auto; align-items: center; justify-content: space-around; width: max-content; min-width: 100vw; min-height: 46px; gap: clamp(18px, 3vw, 54px); padding: 0 clamp(12px, 2vw, 32px); box-sizing: border-box; white-space: nowrap; } .zm-theme .zm-process-strip__item, .zm-theme .zm-process-strip__separator { flex: 0 0 auto; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 1rem; font-weight: 500; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; } .zm-theme .zm-process-strip__item { padding: 0; } .zm-theme .zm-process-strip__separator { opacity: 0.9; } @keyframes zm-process-marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } @-webkit-keyframes zm-process-marquee { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } } /* Títulos de seção */ .zm-theme.template-index [data-section-type="collection-list"], .zm-theme.template-index [data-section-type="featured-collection"] { margin: 0; padding: clamp(48px, 7vw, 86px) clamp(14px, 5vw, 64px); background: var(--zm-paper); } .zm-theme.template-index [data-section-type="collection-list"] > .container, .zm-theme.template-index [data-section-type="featured-collection"] > .container { max-width: 1240px; padding: 0; } .zm-theme.template-index [data-section-type="collection-list"] .section__header, .zm-theme.template-index [data-section-type="featured-collection"] .section__header { display: flex; width: 100%; max-width: 1240px; flex-direction: column; align-items: center; justify-content: center; margin: 0 auto 30px; text-align: center; } .zm-theme.template-index [data-section-type="collection-list"] .section__action-link { display: none; } .zm-theme.template-index [data-section-type="featured-collection"] .section__header-stack { display: grid; width: 100%; max-width: 780px; justify-items: center; margin: 0 auto; text-align: center; } .zm-theme.template-index [data-section-type="featured-collection"] .section__action-link { position: static; display: inline-flex; align-items: center; justify-content: center; margin: 8px auto 0; text-align: center; } .zm-theme .zm-section-kicker { margin: 0 0 10px; color: var(--zm-soft); font-family: var(--zm-font-display); font-size: 0.78rem; font-weight: 800; text-transform: uppercase; } .zm-theme.template-index [data-section-type="collection-list"] .section__title, .zm-theme.template-index [data-section-type="featured-collection"] .section__title { width: 100%; margin: 0; color: var(--zm-black); font-size: clamp(2rem, 3.7vw, 3.5rem); line-height: 1.03; text-align: center; } .zm-theme .zm-section-description { max-width: 700px; margin: 12px 0 0; color: var(--zm-muted); font-size: 1rem; line-height: 1.55; } /* Lista de coleções */ .zm-theme.template-index [data-section-type="collection-list"] .scroller, .zm-theme.template-index [data-section-type="collection-list"] .scroller__inner { overflow: visible; } .zm-theme.template-index [data-section-type="collection-list"] .scroller, .zm-theme.template-index [data-section-type="featured-collection"] .scroller { width: 100%; max-width: 100%; } .zm-theme.template-index [data-section-type="collection-list"] .scroller__inner, .zm-theme.template-index [data-section-type="featured-collection"] .scroller__inner { display: block; width: 100%; min-width: 100%; margin: 0 !important; padding: 0 !important; overflow: visible; white-space: normal; } .zm-theme.template-index .collection-list { display: grid; width: 100%; grid-template-columns: repeat(auto-fit, minmax(170px, 200px)); justify-content: center; gap: 6px; max-width: 1240px; margin: 0 auto !important; overflow: visible; white-space: normal; } .zm-theme.template-index .collection-list::after { display: none !important; content: none !important; } .zm-theme.template-index .collection-item { position: relative; display: block; width: auto !important; min-width: 0; min-height: 360px; margin: 0; padding: 0 !important; overflow: hidden; border-radius: 6px; background: var(--zm-muted-surface); color: var(--zm-black); text-align: center; } .zm-theme.template-index .collection-item__image-wrapper { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; border-radius: 6px !important; background: var(--zm-muted-surface); } .zm-theme.template-index .collection-item__image-wrapper .aspect-ratio { height: 100%; padding-bottom: 0 !important; } .zm-theme.template-index .collection-item__image-wrapper img { width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform 220ms ease; } .zm-theme.template-index .collection-item:hover .collection-item__image-wrapper img { transform: scale(1.04); } .zm-theme.template-index .collection-item__title { position: absolute; right: 10px; bottom: 20px; left: 10px; z-index: 2; display: none !important; flex-direction: column; align-items: center; justify-content: center; gap: 10px; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 1.05rem; font-weight: 900; text-transform: uppercase; } .zm-theme.template-index .collection-item__title svg { display: none; } .zm-theme.template-index .zm-collection-cta { padding: 7px 20px; border-radius: var(--zm-button-radius); background: var(--zm-black); color: var(--zm-paper); font-family: var(--zm-font-body); font-size: 0.78rem; font-weight: 900; line-height: 1; text-transform: none; } .zm-theme.template-index .zm-collection-count { position: absolute; top: 12px; left: 12px; z-index: 2; padding: 7px 9px; border-radius: 3px; background: var(--zm-accent); color: var(--zm-black); font-size: 0.68rem; font-weight: 900; text-transform: uppercase; } /* Vitrine e cards de produto */ .zm-theme.template-index [data-section-type="featured-collection"] .scroller, .zm-theme.template-index [data-section-type="featured-collection"] .scroller__inner { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 0 !important; padding-left: 0 !important; overflow: visible; } .zm-theme.template-index [data-section-type="featured-collection"] .product-list--vertical { display: grid !important; width: 100% !important; min-width: 0; grid-template-columns: repeat(4, minmax(0, 1fr)); justify-content: center; gap: 28px 18px; max-width: 1240px; margin: 0 auto !important; padding: 0 !important; white-space: normal; } .zm-theme.template-index [data-section-type="featured-collection"] .product-list--vertical::before, .zm-theme.template-index [data-section-type="featured-collection"] .product-list--vertical::after { display: none !important; content: none !important; } .zm-theme.template-index [data-section-type="featured-collection"] .product-list--vertical > .product-item { width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item--vertical { position: relative; display: flex; min-width: 0; flex-direction: column; padding: 10px; overflow: visible; border: 1px solid var(--zm-line); border-radius: 6px; background: var(--zm-paper); box-shadow: 0 8px 22px rgba(22, 22, 22, 0.05); } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__label-list { position: absolute; top: 10px; left: 10px; z-index: 3; display: flex; flex-wrap: wrap; gap: 5px; } .zm-theme.template-index [data-section-type="featured-collection"] .product-label { padding: 7px 10px; border-radius: 0 0 4px; font-size: 0.7rem; font-weight: 900; text-transform: uppercase; } .zm-theme.template-index [data-section-type="featured-collection"] .product-label--custom1, .zm-theme.template-index [data-section-type="featured-collection"] .product-label--on-sale { background: var(--zm-accent); color: var(--zm-black); } .zm-theme.template-index [data-section-type="featured-collection"] .product-label--custom2 { background: var(--zm-danger); color: var(--zm-black); } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__image-wrapper { overflow: hidden; border-radius: 4px; background: var(--zm-muted-surface); } .zm-theme.template-index [data-section-type="featured-collection"] .product-item--vertical .product-item__image-wrapper .aspect-ratio { padding-bottom: 100% !important; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item--vertical .product-item__image-wrapper img { width: 100%; height: 100%; object-fit: contain; object-position: center; transition: transform 220ms ease; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item--vertical:hover .product-item__primary-image { transform: none; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__info { display: flex; flex: 1; flex-direction: column; padding: 14px 2px 2px; text-align: left; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__info-inner { display: grid; gap: 4px; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__vendor { padding-left: 8px; border-left: 4px solid var(--zm-accent); color: var(--zm-black); font-family: var(--zm-font-display); font-size: 0.68rem; font-weight: 900; text-transform: uppercase; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__title { min-height: 0; color: var(--zm-black); font-size: 1.06rem; font-weight: 700; line-height: 1.3; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__price-list { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-start; gap: 6px; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__price-list .price { color: var(--zm-black); font-size: 1.16rem; font-weight: 800; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__price-list .price--compare { color: var(--zm-soft); font-size: 0.85rem; font-weight: 400; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__action-list { margin-top: auto; padding-top: 12px; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__action-button { width: 100%; } .zm-theme .zm-product-promises { display: flex; flex-wrap: wrap; gap: 6px; } .zm-theme .zm-product-promises span { padding: 5px 10px; border-radius: 3px; background: var(--zm-accent); color: var(--zm-black); font-size: 0.72rem; font-weight: 700; } .zm-theme .zm-product-promises span + span { background: var(--zm-muted-surface); } /* Manifesto: imagem com texto */ .zm-theme.template-index .zm-manifesto { margin: 0; padding: 0; background: var(--zm-black); } .zm-theme.template-index .zm-manifesto > .container { max-width: none; padding: 0; } .zm-theme.template-index .zm-manifesto .image-with-text { display: grid; grid-template-columns: minmax(300px, 0.82fr) minmax(420px, 1.18fr); min-height: 620px; align-items: stretch; overflow: hidden; } .zm-theme.template-index .zm-manifesto .image-with-text__image-container { position: relative; display: grid; width: auto !important; min-height: 620px; place-items: end center; overflow: hidden; background: repeating-linear-gradient(135deg, rgba(22, 22, 22, 0.05) 0 2px, transparent 2px 18px), var(--zm-accent); } .zm-theme.template-index .zm-manifesto .image-with-text__image-container .aspect-ratio { width: 100%; height: 100%; padding-bottom: 0 !important; } .zm-theme.template-index .zm-manifesto .image-with-text__image-container img { width: 100%; height: 100%; object-fit: contain; object-position: center bottom; filter: grayscale(1) contrast(1.2); } .zm-theme.template-index .zm-manifesto .image-with-text__text-container { display: grid; width: 100% !important; align-items: center; padding: clamp(48px, 8vw, 112px) clamp(22px, 7vw, 100px); background: var(--zm-black); color: var(--zm-paper); } .zm-theme.template-index .zm-manifesto .image-with-text__text-aligner { max-width: none; } .zm-theme.template-index .zm-manifesto .zm-section-kicker { color: var(--zm-accent); } .zm-theme.template-index .zm-manifesto h2 { margin: 0; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: clamp(3rem, 6vw, 6rem); font-weight: 800; line-height: 0.95; text-transform: uppercase; } .zm-theme.template-index .zm-manifesto .rte { margin-top: 22px; } .zm-theme.template-index .zm-manifesto .rte p { max-width: 65ch; margin: 0 0 18px; color: rgba(242, 239, 234, 0.78); font-size: 1.05rem; line-height: 1.75; } .zm-theme.template-index .zm-manifesto .rte strong { color: var(--zm-accent); text-transform: uppercase; } .zm-theme .zm-manifesto-values { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; } .zm-theme .zm-manifesto-values span { padding: 9px 12px; border: 1px solid rgba(242, 239, 234, 0.24); border-radius: 3px; color: var(--zm-paper); font-size: 0.75rem; font-weight: 900; text-transform: uppercase; } /* Benefícios */ .zm-theme [data-section-type="text-with-icons"] { margin: 0; padding: clamp(48px, 7vw, 86px) clamp(18px, 5vw, 64px); border: 0; background: var(--zm-black); color: var(--zm-paper); } .zm-theme [data-section-type="text-with-icons"] > .container { max-width: 1240px; padding: 0; } .zm-theme [data-section-type="text-with-icons"] .text-with-icons { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; padding: 0; background: transparent; } .zm-theme [data-section-type="text-with-icons"] .text-with-icons__item { display: grid; width: auto !important; min-height: 150px; align-content: start; justify-items: start; padding: 22px; border: 1px solid var(--zm-paper); border-top: 3px solid var(--zm-paper); border-radius: 8px; background: var(--zm-black-deep); text-align: left; } .zm-theme [data-section-type="text-with-icons"] .text-with-icons__icon-wrapper { display: grid; width: 48px; min-width: 48px; height: 32px; place-items: center; margin: 0 0 18px; border-radius: 3px; background: var(--zm-paper); color: var(--zm-black); } .zm-theme [data-section-type="text-with-icons"] .text-with-icons__icon-wrapper svg, .zm-theme [data-section-type="text-with-icons"] .text-with-icons__icon-wrapper img { width: 22px; height: 22px; } .zm-theme [data-section-type="text-with-icons"] .text-with-icons__title { margin: 0 0 8px; color: var(--zm-paper); font-size: 0.95rem; text-transform: uppercase; } .zm-theme [data-section-type="text-with-icons"] .text-with-icons__content, .zm-theme [data-section-type="text-with-icons"] .text-with-icons__content p { margin: 0; color: var(--zm-paper); font-size: 0.84rem; line-height: 1.5; } /* Rodapé e cookies */ .zm-theme .footer { overflow: hidden; border-top: 1px solid var(--zm-line-dark); background: var(--zm-black) !important; color: var(--zm-paper); } .zm-theme .footer > .container { max-width: none; padding: 0 clamp(18px, 6vw, 74px); } .zm-theme .footer__wrapper { padding: 42px 0; } .zm-theme .footer--zm-mascot .footer__wrapper { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 28px; align-items: center; } .zm-theme .zm-footer-mascot { grid-row: 1 / span 2; width: 190px; max-width: none; align-self: end; margin-bottom: -54px; filter: grayscale(1) contrast(1.25); opacity: 0.86; } .zm-theme .footer--zm-mascot .footer__block-list { grid-column: 2; display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 28px; width: 100%; } .zm-theme .footer__block-item { max-width: none; margin: 0; } .zm-theme .footer__title { color: var(--zm-paper); font-size: 1rem; text-transform: uppercase; } .zm-theme .footer__collapsible-content, .zm-theme .footer__collapsible-content p { color: rgba(242, 239, 234, 0.68); line-height: 1.55; } .zm-theme .footer__linklist { display: flex; flex-wrap: wrap; gap: 12px 18px; } .zm-theme .footer__link-item { color: var(--zm-paper); font-family: var(--zm-font-display); font-weight: 800; text-transform: uppercase; } .zm-theme .footer__link-item:hover { color: var(--zm-accent); } .zm-theme .footer--zm-mascot .footer__aside { grid-column: 2; display: flex; flex-wrap: wrap; gap: 18px 30px; align-items: center; justify-content: space-between; margin: 0; padding-top: 20px; border-top: 1px solid rgba(242, 239, 234, 0.14); } .zm-theme .footer__aside, .zm-theme .footer__aside a { color: rgba(242, 239, 234, 0.68); } .zm-theme .cookie-bar { border-top: 1px solid var(--zm-line); background: var(--zm-surface); color: var(--zm-black); } .zm-theme .cookie-bar__inner { gap: 18px; } .zm-theme .cookie-bar__text, .zm-theme .cookie-bar__text p { color: var(--zm-black); } .zm-theme .cookie-bar__button { border-color: var(--zm-black); background: var(--zm-black); color: var(--zm-paper); } /* Tablet */ @media screen and (min-width: 1000px) { .zm-theme .header--inline .header__inner { display: grid; grid-template-columns: minmax(130px, 170px) minmax(0, 1fr) minmax(180px, 260px) auto; gap: clamp(10px, 1.7vw, 24px); } .zm-theme .header--inline .header__logo { grid-column: 1; grid-row: 1; } .zm-theme .header--inline .zm-header__nav { grid-column: 2; grid-row: 1; } .zm-theme .header--inline .header__action-item--account { display: none !important; } .zm-theme .header--inline .header__search-bar-wrapper { position: relative !important; top: auto !important; right: auto !important; left: auto !important; z-index: 3; display: block !important; visibility: visible !important; width: 100%; height: auto; grid-column: 3; grid-row: 1; opacity: 1 !important; pointer-events: auto !important; transform: none !important; } .zm-theme .header--inline .header__search-bar-wrapper .search-bar { position: relative; width: 100%; } .zm-theme .header--inline .header__action-list { grid-column: 4; grid-row: 1; } } @media screen and (max-width: 1080px) { .zm-theme .header > .container { padding-right: 24px; padding-left: 24px; } .zm-theme .zm-header__nav .nav-bar__linklist { justify-content: flex-start; gap: 12px; } .zm-theme .zm-header__nav .nav-bar__link { font-size: 0.88rem; } .zm-theme [data-section-type="text-with-icons"] .text-with-icons { grid-template-columns: repeat(2, minmax(0, 1fr)); } .zm-theme.template-index [data-section-type="featured-collection"] .product-list--vertical { grid-template-columns: repeat(2, minmax(0, 1fr)); } .zm-theme.template-index .zm-manifesto .image-with-text { grid-template-columns: 1fr; } .zm-theme.template-index .zm-manifesto .image-with-text__image-container { min-height: 480px; } } /* Cabeçalho compacto / mobile */ @media screen and (max-width: 999px) { .zm-theme .header__inner { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; min-height: 68px; } .zm-theme .header__mobile-nav { grid-column: 1; grid-row: 1; } .zm-theme .header__logo { grid-column: 2; grid-row: 1; justify-self: center; } .zm-theme .header__logo-link { justify-content: center; } .zm-theme .header__logo-image { max-width: 115px !important; max-height: 50px; object-position: center; } .zm-theme .header__action-list { grid-column: 3; grid-row: 1; } .zm-theme .zm-header__nav { display: none !important; } } /* Celular */ @media screen and (max-width: 720px) { .zm-theme .announcement-bar { min-height: 34px; } .zm-theme .announcement-bar__inner { min-height: 34px; } .zm-theme .announcement-bar__content { gap: 6px; font-size: 0.65rem; } .zm-theme .announcement-bar .container { padding-right: 8px; padding-left: 8px; } .zm-theme .header > .container { padding-right: 12px; padding-left: 12px; } .zm-theme .header__inner { gap: 8px; } .zm-theme .header__logo { justify-self: start; transform: translateX(-4px); } .zm-theme .header__logo-link { justify-content: flex-start; } .zm-theme .header__logo-image { object-position: left center; } .zm-theme .header__cart-toggle { width: 44px; min-width: 44px; height: 44px; } .zm-theme .zm-process-strip__group { min-height: 42px; gap: 16px; padding: 0 10px; } .zm-theme .zm-process-strip__item, .zm-theme .zm-process-strip__separator { font-size: 0.88rem; letter-spacing: 0.07em; } .zm-theme.template-index [data-section-type="collection-list"], .zm-theme.template-index [data-section-type="featured-collection"] { padding-right: 14px; padding-left: 14px; } .zm-theme.template-index [data-section-type="collection-list"] > .container, .zm-theme.template-index [data-section-type="collection-list"] .scroller, .zm-theme.template-index [data-section-type="collection-list"] .scroller__inner { width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 0 !important; padding-left: 0 !important; } .zm-theme.template-index .collection-list { box-sizing: border-box; width: 100% !important; max-width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: center; margin-right: auto !important; margin-left: auto !important; padding: 0 !important; } .zm-theme.template-index .collection-item { width: 100% !important; min-height: 0; aspect-ratio: 5 / 9; } .zm-theme.template-index .collection-item__image-wrapper img { object-fit: contain; object-position: center; } .zm-theme.template-index .collection-item__title { bottom: 12px; font-size: 0.9rem; } .zm-theme.template-index [data-section-type="featured-collection"] .product-list--vertical { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item--vertical { width: 100% !important; padding: 4px; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item--vertical .product-item__image-wrapper img { transform: scale(1.08) !important; transform-origin: center; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__info { padding: 10px 2px 2px; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__info-inner { gap: 3px; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__title { min-height: 0; font-size: 0.88rem; line-height: 1.28; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__price-list .price { font-size: 1rem; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__action-list { padding-top: 8px; } .zm-theme.template-index [data-section-type="featured-collection"] .product-item__action-button { min-height: 48px; padding: 10px 5px; font-size: 0.9rem; font-weight: 900; line-height: 1.15; white-space: normal; } .zm-theme.template-index .zm-manifesto .image-with-text__image-container { min-height: 390px; } .zm-theme.template-index .zm-manifesto .image-with-text__text-container { padding: 54px 18px; } .zm-theme [data-section-type="text-with-icons"] .text-with-icons { grid-template-columns: 1fr; } .zm-theme [data-section-type="text-with-icons"] { padding-right: 14px; padding-left: 14px; } .zm-theme [data-section-type="text-with-icons"] .text-with-icons__item { min-height: auto; padding: 22px; } .zm-theme .footer > .container { padding-right: 18px; padding-left: 18px; } .zm-theme .footer--zm-mascot .footer__wrapper { grid-template-columns: 1fr; } .zm-theme .zm-footer-mascot { grid-column: 1; grid-row: auto; width: 150px; margin-bottom: -42px; } .zm-theme .footer--zm-mascot .footer__block-list, .zm-theme .footer--zm-mascot .footer__aside { grid-column: 1; } .zm-theme .footer--zm-mascot .footer__block-list { grid-template-columns: 1fr; } .zm-theme .footer__linklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .zm-theme .cookie-bar__inner { align-items: stretch; } .zm-theme .cookie-bar__button { width: 100%; } } /* Minicarrinho */ .zm-theme #mini-cart { border: 1px solid var(--zm-line); border-radius: 5px; background: var(--zm-paper); color: var(--zm-black); box-shadow: 0 16px 36px rgba(14, 14, 14, 0.18); } .zm-theme #mini-cart .mini-cart__product-title, .zm-theme #mini-cart .mini-cart__recap-price-line { color: var(--zm-black); } .zm-theme #mini-cart .mini-cart__price-list .price, .zm-theme #mini-cart .mini-cart__price-list .price--highlight { color: var(--zm-black) !important; font-weight: 800; } .zm-theme #mini-cart .mini-cart__price-list .price--compare { color: var(--zm-muted) !important; font-weight: 400; } .zm-theme #mini-cart .quantity-selector { overflow: hidden; border: 1px solid var(--zm-line); border-radius: 5px; background: var(--zm-paper); } .zm-theme #mini-cart .mini-cart__quantity-remove { color: var(--zm-muted); } .zm-theme #mini-cart .mini-cart__button-container .button--secondary { border-color: var(--zm-black); background: var(--zm-paper); color: var(--zm-black); } .zm-theme #mini-cart .mini-cart__button-container .button--secondary:hover { border-color: var(--zm-accent); background: var(--zm-accent); } .zm-theme #mini-cart .mini-cart__button-container .button--primary { border-color: var(--zm-black); background: var(--zm-black); color: var(--zm-paper); } /* Página do carrinho */ .zm-theme[class*="template-cart"] .line-item__price-list .line-item__price, .zm-theme[class*="template-cart"] .line-item__price-list .line-item__price--highlight, .zm-theme[class*="template-cart"] .line-item__line-price { color: var(--zm-black) !important; font-weight: 800; } .zm-theme[class*="template-cart"] .line-item__price-list .line-item__price--compare { color: var(--zm-muted) !important; font-weight: 400; } .zm-theme[class*="template-cart"] .cart-recap__checkout { border-color: var(--zm-black); background: var(--zm-black); color: var(--zm-paper); } @media screen and (min-width: 721px) and (max-width: 900px) { .zm-theme.template-index .collection-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (prefers-reduced-motion: reduce) { .zm-theme *, .zm-theme *::before, .zm-theme *::after { scroll-behavior: auto !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; } .zm-theme .zm-process-strip__track { -webkit-animation: zm-process-marquee 24s linear infinite !important; animation: zm-process-marquee 24s linear infinite !important; } } /* Página de coleção */ .zm-theme[class*="template-collection"], .zm-theme[class*="template-collection"] [data-section-type="collection"] { background: var(--zm-paper); } .zm-theme[class*="template-collection"] [data-section-type="collection"] { margin: 0; padding: clamp(28px, 4vw, 52px) clamp(14px, 5vw, 64px) clamp(56px, 7vw, 86px); } .zm-theme[class*="template-collection"] [data-section-type="collection"] > .container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0; } .zm-theme[class*="template-collection"] .page__sub-header { margin-bottom: 18px; } .zm-theme[class*="template-collection"] .breadcrumb { color: var(--zm-muted); font-size: 0.78rem; } .zm-theme[class*="template-collection"] .collection > .card { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; } .zm-theme[class*="template-collection"] .collection > .card > .card__header { padding: 0 0 24px; border: 0; background: transparent; } .zm-theme[class*="template-collection"] .collection__title { margin: 0; color: var(--zm-black); font-size: clamp(2.4rem, 4.2vw, 3.8rem); line-height: 1; } .zm-theme[class*="template-collection"] .collection__description { max-width: 720px; color: var(--zm-muted); } .zm-theme[class*="template-collection"] .collection__toolbar { min-height: 58px; margin: 0 0 24px; overflow: visible; border: 1px solid var(--zm-line) !important; border-radius: 6px; background: var(--zm-surface); } .zm-theme[class*="template-collection"] .collection__toolbar-item { border-color: var(--zm-line) !important; color: var(--zm-black); } .zm-theme[class*="template-collection"] .collection__toolbar .value-picker-button { color: var(--zm-black); font-size: 0.86rem; font-weight: 700; } .zm-theme[class*="template-collection"] .collection__layout-button.is-selected { color: var(--zm-black); } .zm-theme[class*="template-collection"] .layout__section--secondary > .card { border: 1px solid var(--zm-line); border-radius: 6px; background: var(--zm-paper); box-shadow: 0 8px 22px rgba(22, 22, 22, 0.04); } .zm-theme[class*="template-collection"] .collection__filter-link.is-active { color: var(--zm-black); font-weight: 800; } .zm-theme[class*="template-collection"] .collection__active-filter-item, .zm-theme[class*="template-collection"] .collection__mobile-active-filter-item { border-color: var(--zm-accent); background: var(--zm-accent); color: var(--zm-black); } .zm-theme[class*="template-collection"] .product-list--collection { width: 100%; margin: 0; border: 0 !important; background: transparent; } .zm-theme[class*="template-collection"] .product-list--collection > .product-item--vertical { position: relative; min-width: 0; height: 100%; padding: 10px !important; overflow: visible; border: 1px solid var(--zm-line) !important; border-radius: 6px; background: var(--zm-paper); box-shadow: 0 8px 22px rgba(22, 22, 22, 0.05); } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__image-wrapper { overflow: hidden; border-radius: 4px; background: var(--zm-muted-surface); } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__primary-image { transition: transform 220ms ease; } .zm-theme[class*="template-collection"] .product-item--vertical:hover .product-item__primary-image { transform: scale(1.035); } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__info { padding: 14px 2px 2px !important; text-align: left; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__info-inner { display: grid; gap: 4px; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__title { min-height: 0; color: var(--zm-black); font-size: 1.06rem; font-weight: 700; line-height: 1.3; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__price-list { justify-content: flex-start; gap: 6px; } .zm-theme[class*="template-collection"] .product-list--collection .product-item__price-list .price, .zm-theme[class*="template-collection"] .product-list--collection .product-item__price-list .price--highlight { color: var(--zm-black) !important; font-size: 1.16rem; font-weight: 800; } .zm-theme[class*="template-collection"] .product-list--collection .product-item__price-list .price--compare { color: var(--zm-muted) !important; font-size: 0.85rem; font-weight: 400; } .zm-theme[class*="template-collection"] .product-list--collection > .product-item--list { width: 100% !important; margin: 0 0 14px !important; border: 1px solid var(--zm-line) !important; border-radius: 6px; background: var(--zm-paper); box-shadow: 0 8px 22px rgba(22, 22, 22, 0.04); } @supports selector(.product-list:has(> .product-item--vertical)) { .zm-theme[class*="template-collection"] .product-list--collection:has(> .product-item--vertical) { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 18px; } .zm-theme[class*="template-collection"] .product-list--collection.product-list--with-sidebar:has( > .product-item--vertical ) { grid-template-columns: repeat(3, minmax(0, 1fr)); } .zm-theme[class*="template-collection"] .product-list--collection:has(> .product-item--vertical) > .product-item--vertical { width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; } @media screen and (max-width: 1080px) { .zm-theme[class*="template-collection"] .product-list--collection:has(> .product-item--vertical), .zm-theme[class*="template-collection"] .product-list--collection.product-list--with-sidebar:has( > .product-item--vertical ) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media screen and (max-width: 720px) { .zm-theme[class*="template-collection"] .product-list--collection:has(> .product-item--vertical), .zm-theme[class*="template-collection"] .product-list--collection.product-list--with-sidebar:has( > .product-item--vertical ) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; } } } @media screen and (max-width: 720px) { .zm-theme[class*="template-collection"] [data-section-type="collection"] { padding: 24px 10px 52px; } .zm-theme[class*="template-collection"] .collection > .card > .card__header { padding: 0 4px 18px; } .zm-theme[class*="template-collection"] .collection__title { font-size: 2.25rem; } .zm-theme[class*="template-collection"] .collection__toolbar { min-height: 52px; margin-bottom: 14px; } .zm-theme[class*="template-collection"] .product-list--collection > .product-item--vertical { width: 100% !important; padding: 4px !important; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__image-wrapper .aspect-ratio { padding-bottom: 100% !important; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__image-wrapper img { width: 100%; height: 100%; object-fit: contain; object-position: center; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__info { padding: 10px 2px 2px !important; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__info-inner { gap: 3px; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__title { min-height: 0; font-size: 0.88rem; line-height: 1.28; } .zm-theme[class*="template-collection"] .product-list--collection .product-item__price-list .price, .zm-theme[class*="template-collection"] .product-list--collection .product-item__price-list .price--highlight { font-size: 1rem; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__action-list { margin-top: auto; padding-top: 8px; } .zm-theme[class*="template-collection"] .product-item--vertical .product-item__action-button { width: 100%; min-height: 46px; padding: 9px 4px; font-size: 0.86rem; font-weight: 900; line-height: 1.15; white-space: normal; } } /* Preços da página de produto */ .zm-theme[class*="template-product"] [data-section-type="product"] .product-form__info-content .price, .zm-theme[class*="template-product"] [data-section-type="product"] .product-form__info-content .price--highlight { color: var(--zm-black) !important; font-weight: 800; } .zm-theme[class*="template-product"] [data-section-type="product"] .product-form__info-content .price--compare { color: var(--zm-muted) !important; font-weight: 400; } /* Página de produto */ .zm-theme[class*="template-product"], .zm-theme[class*="template-product"] [data-section-type="product"] { background: var(--zm-paper); } .zm-theme[class*="template-product"] [data-section-type="product"] { padding-bottom: clamp(42px, 6vw, 76px); } .zm-theme[class*="template-product"] [data-section-type="product"] > .container { width: 100%; max-width: 1280px; margin: 0 auto; padding-right: 20px; padding-left: 20px; } .zm-theme[class*="template-product"] .page__sub-header { margin-bottom: 18px; } .zm-theme[class*="template-product"] .breadcrumb { color: var(--zm-muted); font-size: 0.78rem; font-weight: 700; } .zm-theme[class*="template-product"] .product-block-list__item--gallery > .card, .zm-theme[class*="template-product"] .product-block-list__item--info > .card, .zm-theme[class*="template-product"] .product-block-list__item--description > .card, .zm-theme[class*="template-product"] .product-block-list__item--content > .card, .zm-theme[class*="template-product"] .product-block-list__item--reviews > .card, .zm-theme[class*="template-product"] .product-block-list__item--trust > .card, .zm-theme[class*="template-product"] .product-block-list__item--shipping > .card { overflow: hidden; border: 1px solid var(--zm-line); border-radius: 6px; background: var(--zm-paper); box-shadow: 0 8px 22px rgba(22, 22, 22, 0.04); } .zm-theme[class*="template-product"] .product-block-list__item--info > .card { border-top: 4px solid var(--zm-accent); background: var(--zm-surface); } .zm-theme[class*="template-product"] .product-meta__title { color: var(--zm-black); font-size: clamp(2rem, 3vw, 3rem); line-height: 1.06; } .zm-theme[class*="template-product"] .product-meta__reviews-badge, .zm-theme[class*="template-product"] .product-meta__share-buttons { color: var(--zm-muted); } .zm-theme[class*="template-product"] .product-form__option-name, .zm-theme[class*="template-product"] .product-form__info-title { color: var(--zm-black); font-weight: 800; } .zm-theme[class*="template-product"] .block-swatch__item { min-width: 48px; min-height: 46px; border-color: var(--zm-line); border-radius: 9px; background: var(--zm-paper); color: var(--zm-black); } .zm-theme[class*="template-product"] .block-swatch__radio:checked + .block-swatch__item { border-color: var(--zm-black) !important; background: var(--zm-black) !important; color: var(--zm-paper) !important; box-shadow: none; } .zm-theme[class*="template-product"] .block-swatch__radio:checked + .block-swatch__item * { color: var(--zm-paper) !important; } .zm-theme[class*="template-product"] .product-form__info-list { border-color: var(--zm-line); } .zm-theme[class*="template-product"] [data-section-type="product"] .product-form__info-content .price:not(.price--compare) { color: var(--zm-black) !important; font-size: clamp(1.75rem, 2.5vw, 2.15rem); font-weight: 900; } .zm-theme[class*="template-product"] .quantity-selector { overflow: hidden; border: 1px solid var(--zm-line); border-radius: var(--zm-button-radius); background: var(--zm-paper); } .zm-theme[class*="template-product"] .quantity-selector__button, .zm-theme[class*="template-product"] .quantity-selector__value { border-color: var(--zm-line); } .zm-theme[class*="template-product"] .product-form__add-button { min-height: 50px; border: 1px solid var(--zm-black); border-radius: var(--zm-button-radius) !important; background: var(--zm-black) !important; color: var(--zm-paper) !important; font-weight: 900; } .zm-theme[class*="template-product"] .product-form__add-button:hover { border-color: var(--zm-accent); background: var(--zm-accent) !important; color: var(--zm-black) !important; } .zm-theme[class*="template-product"] .shopify-payment-button__button, .zm-theme[class*="template-product"] .shopify-payment-button__button--unbranded { min-height: 50px !important; border-radius: var(--zm-button-radius) !important; background: var(--zm-black) !important; color: var(--zm-paper) !important; font-weight: 800 !important; } /* Mantem o botao de compra imediata arredondado mesmo quando a Cartpanda aplica o formato no container gerado automaticamente. */ .zm-theme[class*="template-product"] .product-form__payment-container .shopify-payment-button, .zm-theme[class*="template-product"] .product-form__payment-container .shopify-payment-button__button, .zm-theme[class*="template-product"] .product-form__payment-container .shopify-payment-button__button--unbranded { border-radius: var(--zm-button-radius) !important; overflow: hidden; } .zm-theme[class*="template-product"] .card__title { color: var(--zm-black); font-family: var(--zm-font-display); font-weight: 800; } .zm-theme[class*="template-product"] .product-block-list__item--description > .card, .zm-theme[class*="template-product"] .product-block-list__item--reviews > .card, .zm-theme[class*="template-product"] .product-block-list__item--shipping > .card { border-top: 3px solid var(--zm-accent); } /* Recomendações e produtos vistos recentemente */ .zm-theme[class*="template-product"] [data-section-type="product-recommendations"], .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] { margin: 0; padding: clamp(34px, 5vw, 64px) 20px; background: var(--zm-paper); } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] > .container, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] > .container { width: 100%; max-width: 1240px; margin: 0 auto; padding: 0; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .section__header, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .section__header { margin-bottom: 22px; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .section__title, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .section__title { color: var(--zm-black); font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .scroller, .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .scroller__inner, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .scroller, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .scroller__inner { overflow: visible; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-list--vertical, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-list--vertical { display: grid !important; width: 100% !important; min-width: 100%; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px 16px; margin: 0; padding: 0; border: 0; background: transparent; white-space: normal; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-list--vertical::before, .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-list--vertical::after, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-list--vertical::before, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-list--vertical::after { display: none !important; content: none !important; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-list--vertical > .product-item, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-list--vertical > .product-item { width: auto !important; min-width: 0 !important; max-width: none !important; height: 100%; margin: 0 !important; padding: 10px !important; overflow: hidden; border: 1px solid var(--zm-line) !important; border-radius: 6px; background: var(--zm-paper); box-shadow: 0 8px 22px rgba(22, 22, 22, 0.05); } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-item__image-wrapper, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-item__image-wrapper { overflow: hidden; border-radius: 4px; background: var(--zm-muted-surface); } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-item__info, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-item__info { padding: 14px 2px 2px !important; text-align: left; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-item__title, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-item__title { min-height: 46px; color: var(--zm-black); font-size: 0.92rem; font-weight: 600; line-height: 1.35; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-item__price-list, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-item__price-list { justify-content: flex-start; gap: 6px; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-item__price-list .price, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-item__price-list .price { color: var(--zm-black) !important; font-size: 1.04rem; font-weight: 800; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-item__price-list .price--compare, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-item__price-list .price--compare { color: var(--zm-muted) !important; font-size: 0.84rem; font-weight: 400; } @media screen and (max-width: 1080px) { .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-list--vertical, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-list--vertical { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media screen and (max-width: 720px) { .zm-theme[class*="template-product"] [data-section-type="product"] > .container { padding-right: 10px; padding-left: 10px; } .zm-theme[class*="template-product"] .product-meta__title { font-size: 2rem; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"], .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] { padding: 34px 10px; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-list--vertical, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-list--vertical { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 8px; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-list--vertical > .product-item, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-list--vertical > .product-item { padding: 7px !important; } .zm-theme[class*="template-product"] [data-section-type="product-recommendations"] .product-item__title, .zm-theme[class*="template-product"] [data-section-type*="recently-viewed-products"] .product-item__title { min-height: 0; font-size: 0.83rem; } } /* Rodapé Zona Maromba: confiança, atendimento e identidade */ .zm-theme .footer--zm-trust { position: relative; overflow: hidden; padding: 0; border-top: 1px solid rgba(242, 239, 234, 0.2); background: var(--zm-black); color: var(--zm-paper); } .zm-theme .footer--zm-trust > .container, .zm-theme .footer--zm-trust .zm-footer__newsletter-band > .container { width: 100%; max-width: 1380px; margin: 0 auto; padding-right: clamp(18px, 5vw, 72px); padding-left: clamp(18px, 5vw, 72px); } .zm-theme .zm-footer__newsletter-band { border-bottom: 1px solid rgba(242, 239, 234, 0.18); background: #101010; } .zm-theme .zm-footer__newsletter-inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, 560px); gap: clamp(30px, 6vw, 90px); align-items: center; padding: clamp(38px, 5vw, 64px) 0; } .zm-theme .zm-footer__eyebrow { margin: 0 0 8px; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; } .zm-theme .zm-footer__newsletter-title { max-width: 620px; margin: 0; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: clamp(2rem, 3.4vw, 3.8rem); font-weight: 800; line-height: 0.98; text-transform: uppercase; } .zm-theme .zm-footer__newsletter-text, .zm-theme .zm-footer__newsletter-text p { margin: 12px 0 0; color: rgba(242, 239, 234, 0.7); font-size: 0.93rem; line-height: 1.55; } .zm-theme .zm-footer__newsletter-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px; padding: 6px; border: 1px solid rgba(242, 239, 234, 0.3); border-radius: 14px; background: var(--zm-paper); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22); } .zm-theme .zm-footer__newsletter-input { width: 100%; min-width: 0; height: 48px; padding: 0 16px; border: 0; background: transparent; color: var(--zm-black); outline: 0; } .zm-theme .zm-footer__newsletter-input::placeholder { color: rgba(22, 22, 22, 0.58); opacity: 1; } .zm-theme .zm-footer__newsletter-input:focus-visible { outline: 2px solid var(--zm-black); outline-offset: -2px; border-radius: 9px; } .zm-theme .zm-footer__newsletter-button { min-width: 138px; min-height: 48px; padding-right: 22px; padding-left: 22px; white-space: nowrap; } .zm-theme .zm-footer__main { display: grid; grid-template-columns: minmax(260px, 0.85fr) minmax(0, 2fr); gap: clamp(44px, 7vw, 110px); padding: clamp(56px, 7vw, 92px) 0 clamp(44px, 6vw, 72px); } .zm-theme .zm-footer__brand { max-width: 390px; } .zm-theme .zm-footer__logo { display: block; width: auto; max-width: 150px; max-height: 82px; margin: 0 0 28px; object-fit: contain; object-position: left center; } .zm-theme .zm-footer__logo-text { margin: 0 0 28px; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 2rem; font-weight: 900; line-height: 1; text-transform: uppercase; } .zm-theme .zm-footer__brand-title { max-width: 340px; margin: 0; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: clamp(1.8rem, 2.6vw, 2.8rem); font-weight: 800; line-height: 1; text-transform: uppercase; } .zm-theme .zm-footer__brand-text, .zm-theme .zm-footer__brand-text p { margin: 16px 0 0; color: rgba(242, 239, 234, 0.68); font-size: 0.92rem; line-height: 1.65; } .zm-theme .zm-footer__trust-list { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0 0; } .zm-theme .zm-footer__trust-list li { padding: 7px 10px; border: 1px solid rgba(242, 239, 234, 0.22); border-radius: 8px; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 0.78rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; } .zm-theme .zm-footer__columns { display: grid; grid-template-columns: repeat(auto-fit, minmax(155px, 1fr)); gap: 36px clamp(24px, 4vw, 64px); align-content: start; } .zm-theme .zm-footer__column-title { margin: 0 0 20px; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 1.08rem; font-weight: 800; letter-spacing: 0.035em; text-transform: uppercase; } .zm-theme .zm-footer__links { display: grid; gap: 12px; margin: 0; } .zm-theme .zm-footer__links a, .zm-theme .zm-footer__contact-list a { color: rgba(242, 239, 234, 0.72); font-size: 0.88rem; line-height: 1.45; transition: color 160ms ease; } .zm-theme .zm-footer__links a:hover, .zm-theme .zm-footer__contact-list a:hover { color: var(--zm-paper); } .zm-theme .zm-footer__column-text, .zm-theme .zm-footer__column-text p { margin: 0; color: rgba(242, 239, 234, 0.68); font-size: 0.88rem; line-height: 1.65; } .zm-theme .zm-footer__contact-list { display: grid; gap: 16px; margin: 0; } .zm-theme .zm-footer__contact-list li { display: grid; gap: 4px; color: rgba(242, 239, 234, 0.72); font-size: 0.95rem; line-height: 1.45; overflow-wrap: anywhere; } .zm-theme .zm-footer__contact-label { color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 1.05rem; font-weight: 800; letter-spacing: 0.035em; text-transform: uppercase; } .zm-theme .zm-footer__contact-list a:not(.zm-footer__support-link) { font-size: 0.95rem; } .zm-theme .zm-footer__support-link { display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin-top: 4px; color: var(--zm-paper) !important; font-family: var(--zm-font-display); font-weight: 700; text-transform: uppercase; } .zm-theme .zm-footer__assurances { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(242, 239, 234, 0.18); border-bottom: 1px solid rgba(242, 239, 234, 0.18); } .zm-theme .zm-footer__assurances > span { display: flex; min-height: 68px; align-items: center; justify-content: center; gap: 10px; padding: 14px 20px; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; } .zm-theme .zm-footer__assurances > span + span { border-left: 1px solid rgba(242, 239, 234, 0.18); } .zm-theme .zm-footer__assurances svg { width: 22px; height: 22px; flex: 0 0 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; } .zm-theme .zm-footer__bottom { display: grid; grid-template-columns: minmax(250px, 1fr) auto auto; gap: 30px; align-items: end; padding: 34px 0 28px; } .zm-theme .zm-footer__legal, .zm-theme .zm-footer__legal p { margin: 0; color: rgba(242, 239, 234, 0.56); font-size: 0.76rem; line-height: 1.6; } .zm-theme .zm-footer__bottom-label { margin: 0 0 10px; color: rgba(242, 239, 234, 0.66); font-family: var(--zm-font-display); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } .zm-theme .zm-footer__payment .payment-list { display: flex; flex-wrap: wrap; gap: 6px; } .zm-theme .zm-footer__payment .payment-list__item { width: 38px; height: 24px; margin: 0; padding: 3px; border-radius: 4px; background: var(--zm-paper); } .zm-theme .zm-footer__social .social-media { justify-content: flex-start; gap: 8px; } .zm-theme .zm-footer__social .social-media__item { color: var(--zm-paper); } .zm-theme .zm-footer__wordmark { margin: 0 0 -0.09em; color: rgba(242, 239, 234, 0.045); font-family: var(--zm-font-display); font-size: clamp(4rem, 13vw, 11rem); font-weight: 900; line-height: 0.76; letter-spacing: -0.035em; text-align: center; text-transform: uppercase; white-space: nowrap; user-select: none; } @media screen and (max-width: 980px) { .zm-theme .zm-footer__newsletter-inner, .zm-theme .zm-footer__main { grid-template-columns: 1fr; } .zm-theme .zm-footer__newsletter-copy, .zm-theme .zm-footer__brand { max-width: 680px; } .zm-theme .zm-footer__bottom { grid-template-columns: 1fr 1fr; } .zm-theme .zm-footer__legal { grid-column: 1 / -1; } } @media screen and (max-width: 640px) { .zm-theme .footer--zm-trust > .container, .zm-theme .footer--zm-trust .zm-footer__newsletter-band > .container { padding-right: 18px; padding-left: 18px; } .zm-theme .zm-footer__newsletter-inner { gap: 26px; padding: 40px 0; } .zm-theme .zm-footer__newsletter-form { grid-template-columns: 1fr; padding: 7px; } .zm-theme .zm-footer__newsletter-button { width: 100%; } .zm-theme .zm-footer__main { gap: 44px; padding: 54px 0 44px; } .zm-theme .zm-footer__columns { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 20px; } .zm-theme .zm-footer__column--text, .zm-theme .zm-footer__contact { grid-column: 1 / -1; } .zm-theme .zm-footer__assurances { grid-template-columns: 1fr; } .zm-theme .zm-footer__assurances > span { justify-content: flex-start; min-height: 58px; text-align: left; } .zm-theme .zm-footer__assurances > span + span { border-top: 1px solid rgba(242, 239, 234, 0.18); border-left: 0; } .zm-theme .zm-footer__bottom { grid-template-columns: 1fr; align-items: start; } .zm-theme .zm-footer__legal { grid-column: auto; } .zm-theme .zm-footer__wordmark { font-size: 19vw; } } /* Botão flutuante do WhatsApp */ .zm-theme .zm-whatsapp-float { position: fixed; right: 24px; bottom: 24px; z-index: 60; display: grid; width: 60px; height: 60px; place-items: center; border: 2px solid rgba(255, 255, 255, 0.92); border-radius: 50%; background: #25d366; color: #ffffff; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28); transition: transform 180ms ease, background 180ms ease, box-shadow 180ms ease; } .zm-theme .zm-whatsapp-float::before { position: absolute; inset: -7px; z-index: -1; border: 1px solid rgba(37, 211, 102, 0.5); border-radius: inherit; content: ""; animation: zm-whatsapp-pulse 2.4s ease-out infinite; } .zm-theme .zm-whatsapp-float:hover, .zm-theme .zm-whatsapp-float:focus-visible { background: #1fbd5b; color: #ffffff; box-shadow: 0 14px 34px rgba(0, 0, 0, 0.34); transform: translateY(-3px) scale(1.03); } .zm-theme .zm-whatsapp-float svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; } .zm-theme .zm-whatsapp-float__label { position: absolute; right: calc(100% + 12px); width: max-content; max-width: 210px; padding: 9px 12px; border: 1px solid rgba(242, 239, 234, 0.18); border-radius: 8px; background: var(--zm-black); color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 0.9rem; font-weight: 700; letter-spacing: 0.02em; line-height: 1; opacity: 0; pointer-events: none; text-transform: uppercase; transform: translateX(6px); transition: opacity 160ms ease, transform 160ms ease; } .zm-theme .zm-whatsapp-float:hover .zm-whatsapp-float__label, .zm-theme .zm-whatsapp-float:focus-visible .zm-whatsapp-float__label { opacity: 1; transform: translateX(0); } @keyframes zm-whatsapp-pulse { 0% { opacity: 0.85; transform: scale(0.88); } 70%, 100% { opacity: 0; transform: scale(1.22); } } @media screen and (max-width: 640px) { .zm-theme .zm-whatsapp-float { right: 16px; bottom: 18px; width: 54px; height: 54px; } .zm-theme .zm-whatsapp-float svg { width: 29px; height: 29px; } .zm-theme .zm-whatsapp-float__label { display: none; } } /* Popup de boas-vindas */ .zm-theme .zm-welcome-modal { z-index: 100000 !important; } .zm-theme .zm-welcome-popup__dialog { width: min(900px, calc(100vw - 32px)) !important; max-width: 900px !important; max-height: calc(100vh - 32px); padding: 0 !important; overflow: auto; border: 0; border-radius: 18px; background: transparent; box-shadow: 0 26px 80px rgba(0, 0, 0, 0.42); } .zm-theme .zm-welcome-popup { position: relative; display: grid; width: 100%; max-width: none !important; grid-template-columns: minmax(280px, 0.86fr) minmax(390px, 1.14fr); padding: 0 !important; overflow: hidden; border-radius: 18px; background: var(--zm-paper); text-align: left; } .zm-theme .zm-welcome-popup__close { position: absolute; top: 14px; right: 14px; z-index: 8; display: grid; width: 38px; height: 38px; place-items: center; margin: 0; padding: 0; border-radius: 50%; background: var(--zm-paper); color: var(--zm-black); box-shadow: 0 5px 18px rgba(0, 0, 0, 0.18); } .zm-theme .zm-welcome-popup__close svg { width: 15px; height: 15px; } .zm-theme .zm-welcome-popup__visual { position: relative; display: grid; min-height: 500px; place-items: center; overflow: hidden; background: repeating-linear-gradient( 135deg, rgba(242, 239, 234, 0.045) 0, rgba(242, 239, 234, 0.045) 1px, transparent 1px, transparent 15px ), var(--zm-black); color: var(--zm-paper); } .zm-theme .zm-welcome-popup__visual::after { position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(22, 22, 22, 0.1), rgba(22, 22, 22, 0.82)); content: ""; } .zm-theme .zm-welcome-popup__visual--with-image { background-image: linear-gradient(rgba(22, 22, 22, 0.48), rgba(22, 22, 22, 0.7)), var(--zm-popup-image); background-position: center; background-size: cover; } .zm-theme .zm-welcome-popup__visual:not(.zm-welcome-popup__visual--with-image)::after { background: radial-gradient(circle at 50% 38%, rgba(242, 239, 234, 0.11), transparent 38%), linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.3)); } .zm-theme .zm-welcome-popup__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; } .zm-theme .zm-welcome-popup__visual-content { position: relative; z-index: 2; display: grid; justify-items: center; padding: 36px 24px; text-align: center; text-transform: uppercase; } .zm-theme .zm-welcome-popup__stamp { padding: 8px 12px; border: 1px solid rgba(242, 239, 234, 0.56); border-radius: 999px; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.14em; } .zm-theme .zm-welcome-popup__discount { margin-top: 18px; color: var(--zm-paper); font-family: var(--zm-font-display); font-size: clamp(4.8rem, 9vw, 7.4rem); font-weight: 900; letter-spacing: -0.045em; line-height: 0.78; } .zm-theme .zm-welcome-popup__off { margin-top: 14px; font-family: var(--zm-font-display); font-size: 1.35rem; font-weight: 900; letter-spacing: 0.08em; } .zm-theme .zm-welcome-popup__signature { margin-top: 42px; color: rgba(242, 239, 234, 0.68); font-family: var(--zm-font-display); font-size: 0.82rem; font-weight: 800; letter-spacing: 0.16em; } .zm-theme .zm-welcome-popup__body { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 54px 48px 42px; background: var(--zm-paper); color: var(--zm-black); } .zm-theme .zm-welcome-popup__kicker { margin: 0 0 10px; color: var(--zm-black); font-family: var(--zm-font-display); font-size: 0.76rem; font-weight: 900; letter-spacing: 0.14em; text-transform: uppercase; } .zm-theme .zm-welcome-popup__title { margin: 0; color: var(--zm-black); font-size: clamp(2.2rem, 4vw, 3.45rem); line-height: 0.94; text-transform: uppercase; } .zm-theme .zm-welcome-popup__content { margin-top: 18px; color: rgba(22, 22, 22, 0.76); font-size: 0.94rem; line-height: 1.55; } .zm-theme .zm-welcome-popup__content p { margin: 0; } .zm-theme .zm-welcome-popup__coupon { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin-top: 24px; overflow: hidden; border: 1px dashed var(--zm-black); border-radius: 10px; background: rgba(255, 255, 255, 0.42); } .zm-theme .zm-welcome-popup__coupon-code { display: flex; min-width: 0; align-items: center; padding: 13px 16px; overflow: hidden; color: var(--zm-black); font-family: var(--zm-font-display); font-size: 1.18rem; font-weight: 900; letter-spacing: 0.1em; text-overflow: ellipsis; white-space: nowrap; } .zm-theme .zm-welcome-popup__copy { min-width: 92px; padding: 0 14px; border: 0; border-left: 1px solid var(--zm-black); background: var(--zm-black); color: var(--zm-paper); font-family: var(--zm-font-display); font-size: 0.78rem; font-weight: 900; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; } .zm-theme .zm-welcome-popup__copy.is-copied { background: var(--zm-paper); color: var(--zm-black); } .zm-theme .zm-welcome-popup__rules { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; } .zm-theme .zm-welcome-popup__rules span { padding: 5px 8px; border: 1px solid rgba(22, 22, 22, 0.22); border-radius: 999px; color: rgba(22, 22, 22, 0.68); font-size: 0.58rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; } .zm-theme .zm-welcome-popup__cta { min-height: 48px; margin-top: 22px; border-color: var(--zm-black) !important; background: var(--zm-black) !important; color: var(--zm-paper) !important; } .zm-theme .zm-welcome-popup__legal { margin: 12px 0 0; color: rgba(22, 22, 22, 0.54); font-size: 0.66rem; line-height: 1.4; text-align: center; } @media screen and (max-width: 720px) { .zm-theme .zm-welcome-modal[aria-hidden="false"] { display: flex !important; align-items: center !important; justify-content: center !important; padding: 14px !important; } .zm-theme .zm-welcome-popup__dialog { position: relative !important; inset: auto !important; width: min(88vw, 350px) !important; max-width: min(88vw, 350px) !important; max-height: calc(100vh - 28px); max-height: calc(100dvh - 28px); margin: auto !important; transform: none !important; border-radius: 15px; } .zm-theme .zm-welcome-popup { grid-template-columns: 1fr; border-radius: 15px; } .zm-theme .zm-welcome-popup__close { top: 9px; right: 9px; width: 32px; height: 32px; } .zm-theme .zm-welcome-popup__visual { width: 72%; height: auto; min-height: 0; max-height: none; aspect-ratio: 4 / 5; margin: 14px auto 0; border-radius: 12px; background-color: var(--zm-black); } .zm-theme .zm-welcome-popup__visual--with-image .zm-welcome-popup__image { right: 0; width: 100%; object-fit: contain; object-position: center; background: #101010; } .zm-theme .zm-welcome-popup__visual--with-image::after { background: linear-gradient(180deg, rgba(22, 22, 22, 0.08), rgba(22, 22, 22, 0.72)); } .zm-theme .zm-welcome-popup__visual-content { padding: 15px 16px; } .zm-theme .zm-welcome-popup__visual--with-image .zm-welcome-popup__visual-content { position: relative; inset: auto; width: 100%; align-content: center; padding: 15px 10px; } .zm-theme .zm-welcome-popup__stamp { padding: 4px 8px; font-size: 0.52rem; } .zm-theme .zm-welcome-popup__discount { margin-top: 9px; font-size: clamp(2.7rem, 13vw, 3.55rem); line-height: 0.82; } .zm-theme .zm-welcome-popup__off { margin-top: 7px; font-size: 0.84rem; } .zm-theme .zm-welcome-popup__signature { display: none; } .zm-theme .zm-welcome-popup__body { padding: 20px 16px 17px; } .zm-theme .zm-welcome-popup__kicker { margin-bottom: 5px; font-size: 0.6rem; } .zm-theme .zm-welcome-popup__title { font-size: clamp(1.65rem, 7.8vw, 2.05rem); line-height: 0.98; } .zm-theme .zm-welcome-popup__content { margin-top: 8px; font-size: 0.76rem; line-height: 1.4; } .zm-theme .zm-welcome-popup__coupon { margin-top: 12px; } .zm-theme .zm-welcome-popup__coupon-code { padding: 9px 11px; font-size: 0.94rem; } .zm-theme .zm-welcome-popup__copy { min-width: 76px; padding: 0 8px; font-size: 0.66rem; } .zm-theme .zm-welcome-popup__rules { display: none; } .zm-theme .zm-welcome-popup__cta { min-height: 42px; margin-top: 12px; padding: 9px 8px; font-size: 0.78rem; } .zm-theme .zm-welcome-popup__legal { margin-top: 7px; font-size: 0.54rem; line-height: 1.3; } } /* Produto: manter somente o botão que adiciona ao carrinho */ .product-form__payment-container .shopify-payment-button, .product-form__payment-container .cartx-btn-buy-it-now { display: none !important; } /* Botão principal preto, arredondado e com novo texto */ .product-form__add-button { background: #161616 !important; color: #f2efea !important; border-color: #161616 !important; border-radius: 10px !important; font-size: 0 !important; } .product-form__add-button::after { content: "COMPRAR AGORA"; font-size: 20px; font-weight: 700; color: #f2efea; } /* Corrige o título recortado na página do produto no mobile */ @media screen and (max-width: 720px) { .zm-theme[class*="template-product"] .product-block-list__item--info { margin-top: 12px !important; } .zm-theme[class*="template-product"] .product-block-list__item--info .product-meta { padding-top: 14px !important; } } /* Corrige a largura do carrinho no mobile */ @media screen and (max-width: 720px) { .zm-theme[class*="template-cart"] .table-wrapper { box-sizing: border-box; width: 100% !important; padding-right: 14px !important; padding-left: 14px !important; overflow-x: hidden !important; } .zm-theme[class*="template-cart"] .line-item-table { width: 100% !important; min-width: 0 !important; margin-right: 0 !important; margin-left: 0 !important; } .zm-theme[class*="template-cart"] .line-item__product-info, .zm-theme[class*="template-cart"] .line-item__product-info-wrapper { width: 100% !important; max-width: 100% !important; } } /* Esconde a contagem incorreta nos resultados da pesquisa */ .zm-theme[class*="template-search"] .collection__products-count { display: none !important; } /* Fundo contínuo nas páginas institucionais */ .zm-theme[class*="template-page"] .page__content.rte { background: transparent !important; } .zm-theme[class*="template-page"] .page__content.rte * { background-color: transparent !important; box-shadow: none !important; } /* Fundo gesso contínuo nas descrições dos produtos */ .zm-theme[class*="template-product"] .product-block-list__item--description > .card, .zm-theme[class*="template-product"] .product-block-list__item--description .card__section, .zm-theme[class*="template-product"] .product-block-list__item--description .rte { background: #f2efea !important; } .zm-theme[class*="template-product"] .product-block-list__item--description .rte * { background-color: transparent !important; box-shadow: none !important; } /* Preços pretos em busca, coleções e produtos vistos recentemente */ .zm-theme .product-item__price-list .price:not(.price--compare), .zm-theme .product-item__price-list .price--highlight { color: #161616 !important; font-weight: 800 !important; } .zm-theme .product-item__price-list .price--compare { color: #8c8c88 !important; } /* Preço dos resultados automáticos da pesquisa */ .zm-theme .search-bar__item-price { color: #161616 !important; }