/* ============================================================ PREMIUM ECOLOGICA BOARD 4 - V3 FINAL RC1 RELEASE CANDIDATE Esta camada atua somente em: - envelope da PDP - coluna comercial - hierarquia visual - confiança - mobile Nenhum componente interno da galeria é alterado. ============================================================ */ body.catalog-product-view { --pe-green: #148b49; --pe-green-dark: #075f35; --pe-ink: #073f29; --pe-text: #35463d; --pe-muted: #6b7971; --pe-border: #dce7e0; --pe-soft: #f7faf8; --pe-soft-green: #edf8f1; } /* ============================================================ DESKTOP ============================================================ */ @media (min-width: 1024px) { /* * A medição real mostrou que 1320 já estava próxima. * Aumentamos moderadamente para dar presença sem * reestruturar o frontend. */ body.catalog-product-view main.page-main { width: 100% !important; max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important; padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box !important; } body.catalog-product-view .columns, body.catalog-product-view .column.main { width: 100% !important; max-width: none !important; } /* * Pequena redistribuição: * mais espaço para a coluna comercial. */ body.catalog-product-view .column.main > .product.media { float: left !important; width: 57% !important; max-width: 57% !important; margin: 0 3% 0 0 !important; padding: 0 !important; box-sizing: border-box !important; } body.catalog-product-view .column.main > .product-info-main { float: right !important; width: 40% !important; max-width: 40% !important; margin: 0 !important; padding: 20px 22px 20px !important; box-sizing: border-box !important; background: #fff !important; border: 1px solid var(--pe-border) !important; border-radius: 15px !important; box-shadow: 0 7px 24px rgba(18, 65, 42, .04) !important; } /* ======================================================== TITULO ======================================================== */ body.catalog-product-view .product-info-main .page-title-wrapper { margin: 0 0 8px !important; } body.catalog-product-view .product-info-main .page-title { margin: 0 !important; } body.catalog-product-view .product-info-main .page-title .base { color: var(--pe-ink) !important; font-size: 26px !important; line-height: 1.08 !important; font-weight: 700 !important; letter-spacing: -.35px !important; } /* ======================================================== CHIPS ======================================================== */ body.catalog-product-view .product-info-main .premium-board4-summary { margin: 0 0 7px !important; } body.catalog-product-view .product-info-main .premium-board4-summary__chips { gap: 6px !important; } body.catalog-product-view .product-info-main .premium-board4-summary__chip { min-height: 27px !important; padding: 5px 9px !important; font-size: 10px !important; } /* ======================================================== RESUMO ======================================================== */ body.catalog-product-view .product-info-main .product.attribute.overview { margin: 6px 0 7px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; } body.catalog-product-view .product-info-main .product.attribute.overview .value { color: #617067 !important; font-size: 11.5px !important; line-height: 1.38 !important; } /* ======================================================== REVIEWS ======================================================== */ body.catalog-product-view .product-info-main .product-reviews-summary { margin: 4px 0 7px !important; font-size: 11px !important; } body.catalog-product-view .product-info-main .product-reviews-summary.empty { display: none !important; } /* ======================================================== PREÇO / ESTOQUE ======================================================== */ body.catalog-product-view .product-info-main .product-info-price { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 7px !important; width: 100% !important; margin: 5px 0 0 !important; padding: 0 0 11px !important; border-bottom: 1px solid #e5ece8 !important; } body.catalog-product-view .product-info-main .price-box { order: 1 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } body.catalog-product-view .product-info-main .price-box .price { color: var(--pe-ink) !important; font-size: 36px !important; line-height: 1 !important; font-weight: 700 !important; letter-spacing: -.55px !important; } body.catalog-product-view .product-info-main .mm-price-parcels-grid { margin-top: 4px !important; color: var(--pe-muted) !important; font-size: 11px !important; } body.catalog-product-view .product-info-main #preco-a-vista-mm { margin-top: 5px !important; } body.catalog-product-view .product-info-main #preco-a-vista-mm p { display: inline-flex !important; align-items: center !important; min-height: 29px !important; margin: 0 !important; padding: 5px 8px !important; background: var(--pe-soft-green) !important; border: 1px solid #cbe5d3 !important; border-radius: 6px !important; } body.catalog-product-view .product-info-main .product-info-stock-sku { order: 2 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; width: 100% !important; min-height: 55px !important; margin: 3px 0 0 !important; padding: 8px 11px !important; box-sizing: border-box !important; background: var(--pe-soft) !important; border: 1px solid var(--pe-border) !important; border-radius: 8px !important; } body.catalog-product-view .product-info-main .stock.available { position: relative !important; margin: 0 !important; padding-left: 30px !important; color: var(--pe-green-dark) !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 700 !important; } body.catalog-product-view .product-info-main .stock.available::before { content: "✓"; position: absolute !important; left: 0 !important; top: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 22px !important; height: 22px !important; margin-top: -11px !important; border-radius: 50% !important; background: var(--pe-green) !important; color: #fff !important; font-size: 12px !important; } body.catalog-product-view .product-info-main .stock.available::after { content: "Envio para todo o Brasil"; display: block !important; margin-top: 3px !important; color: #67776e !important; font-size: 9px !important; line-height: 1.1 !important; font-weight: 400 !important; text-transform: none !important; } body.catalog-product-view .product-info-main .product.attribute.sku { margin: 0 !important; color: #7a8780 !important; font-size: 9px !important; } /* ======================================================== FRETE ======================================================== */ body.catalog-product-view .product-info-main #simularFrete { width: 100% !important; margin: 11px 0 9px !important; padding: 10px !important; box-sizing: border-box !important; background: var(--pe-soft) !important; border: 1px solid var(--pe-border) !important; border-radius: 8px !important; box-shadow: none !important; } body.catalog-product-view .product-info-main #simularFrete input, body.catalog-product-view .product-info-main #simularFrete button { min-height: 38px !important; } /* ======================================================== OPÇÕES ======================================================== */ body.catalog-product-view .product-info-main .product-options-wrapper { margin: 8px 0 0 !important; padding: 0 !important; } body.catalog-product-view .product-info-main .premium-pdp-option-pills { gap: 7px !important; } body.catalog-product-view .product-info-main .premium-pdp-option-pill { min-height: 37px !important; padding: 7px 17px !important; border-radius: 20px !important; } /* ======================================================== QTD + COMPRA ======================================================== */ body.catalog-product-view .product-info-main .box-tocart { margin: 6px 0 0 !important; } body.catalog-product-view .product-info-main .box-tocart .fieldset { grid-template-columns: 72px minmax(0,1fr) !important; gap: 8px !important; } body.catalog-product-view .product-info-main #qty { min-height: 47px !important; height: 47px !important; } body.catalog-product-view .product-info-main #product-addtocart-button { min-height: 47px !important; height: 47px !important; border-radius: 7px !important; font-size: 13px !important; font-weight: 700 !important; } body.catalog-product-view .product-info-main .premium-board4-whatsapp-cta { min-height: 44px !important; margin-top: 6px !important; border-radius: 7px !important; font-size: 12px !important; } /* * Os microcards deixam a coluna comercial. */ body.catalog-product-view .product-info-main > .premium-board4-trust { display: none !important; } /* ======================================================== FAIXA DE CONFIANÇA DO BOARD ======================================================== */ body.catalog-product-view .premium-board4-confidence { clear: both !important; width: 100% !important; margin: 28px 0 0 !important; padding: 0 !important; box-sizing: border-box !important; } body.catalog-product-view .premium-board4-confidence__primary { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 12px !important; } body.catalog-product-view .premium-board4-confidence__card { display: flex !important; align-items: flex-start !important; gap: 13px !important; min-height: 108px !important; padding: 17px !important; box-sizing: border-box !important; background: #fff !important; border: 1px solid var(--pe-border) !important; border-radius: 12px !important; } body.catalog-product-view .premium-board4-confidence__icon { flex: 0 0 43px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 43px !important; height: 43px !important; border-radius: 50% !important; background: var(--pe-soft-green) !important; color: var(--pe-green) !important; font-size: 20px !important; } body.catalog-product-view .premium-board4-confidence__card strong { display: block !important; margin: 2px 0 5px !important; color: var(--pe-ink) !important; font-size: 13px !important; line-height: 1.25 !important; } body.catalog-product-view .premium-board4-confidence__card span { display: block !important; color: #68766f !important; font-size: 11px !important; line-height: 1.38 !important; } body.catalog-product-view .premium-board4-confidence__secondary { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; margin-top: 10px !important; background: #fff !important; border: 1px solid var(--pe-border) !important; border-radius: 11px !important; overflow: hidden !important; } body.catalog-product-view .premium-board4-confidence__benefit { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; min-height: 55px !important; padding: 10px 14px !important; box-sizing: border-box !important; color: var(--pe-green-dark) !important; font-size: 12px !important; } body.catalog-product-view .premium-board4-confidence__benefit + .premium-board4-confidence__benefit { border-left: 1px solid var(--pe-border) !important; } body.catalog-product-view .premium-board4-confidence__benefit i { color: var(--pe-green) !important; font-size: 18px !important; } /* conteúdo posterior */ body.catalog-product-view .product.info.detailed { clear: both !important; width: 100% !important; max-width: 1180px !important; margin: 36px auto 0 !important; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 767px) { /* * O Board mobile prioriza produto e carrinho. * Busca continua existindo nas demais páginas. */ body.catalog-product-view .block-search { display: none !important; } body.catalog-product-view main.page-main { width: 100% !important; padding-left: 8px !important; padding-right: 8px !important; box-sizing: border-box !important; } body.catalog-product-view .column.main > .product.media, body.catalog-product-view .column.main > .product-info-main { float: none !important; width: 100% !important; max-width: 100% !important; } body.catalog-product-view .column.main > .product-info-main { padding: 0 2px 7px !important; } body.catalog-product-view .product-info-main .page-title .base { font-size: 20px !important; line-height: 1.06 !important; } body.catalog-product-view .product-info-main .premium-board4-summary { margin-bottom: 6px !important; } body.catalog-product-view .product-info-main .product-info-price { margin: 3px 0 0 !important; padding: 0 0 9px !important; } body.catalog-product-view .product-info-main .price-box .price { font-size: 30px !important; line-height: 1 !important; } body.catalog-product-view .product-info-main .product-info-stock-sku { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 7px !important; width: 100% !important; margin: 5px 0 4px !important; padding: 7px 8px !important; box-sizing: border-box !important; background: var(--pe-soft) !important; border: 1px solid var(--pe-border) !important; border-radius: 7px !important; } body.catalog-product-view .product-info-main #simularFrete { margin: 6px 0 8px !important; padding: 8px !important; } body.catalog-product-view .product-info-main .product-options-wrapper { margin-top: 7px !important; } body.catalog-product-view .product-info-main #product-addtocart-button { min-height: 47px !important; border-radius: 7px !important; } body.catalog-product-view .product-info-main .premium-board4-whatsapp-cta { min-height: 44px !important; border-radius: 7px !important; } body.catalog-product-view .product-info-main > .premium-board4-trust { display: none !important; } /* * Blocos de confiança permanecem abaixo do hero, * não dentro da primeira decisão de compra. */ body.catalog-product-view .premium-board4-confidence { clear: both !important; margin: 16px 0 4px !important; padding: 0 2px !important; } body.catalog-product-view .premium-board4-confidence__primary { display: grid !important; grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 6px !important; } body.catalog-product-view .premium-board4-confidence__card { display: flex !important; align-items: flex-start !important; gap: 7px !important; min-height: 78px !important; padding: 9px !important; box-sizing: border-box !important; background: #fff !important; border: 1px solid var(--pe-border) !important; border-radius: 8px !important; } body.catalog-product-view .premium-board4-confidence__icon { flex: 0 0 28px !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 28px !important; height: 28px !important; border-radius: 50% !important; background: var(--pe-soft-green) !important; color: var(--pe-green) !important; font-size: 13px !important; } body.catalog-product-view .premium-board4-confidence__card strong { display: block !important; margin-bottom: 3px !important; color: var(--pe-ink) !important; font-size: 9px !important; line-height: 1.2 !important; } body.catalog-product-view .premium-board4-confidence__card span { display: block !important; color: #6b7871 !important; font-size: 8px !important; line-height: 1.3 !important; } body.catalog-product-view .premium-board4-confidence__secondary { display: grid !important; grid-template-columns: repeat(3, minmax(0,1fr)) !important; margin-top: 6px !important; border: 1px solid var(--pe-border) !important; border-radius: 8px !important; overflow: hidden !important; } body.catalog-product-view .premium-board4-confidence__benefit { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important; min-height: 49px !important; padding: 6px 3px !important; text-align: center !important; color: var(--pe-green-dark) !important; font-size: 8px !important; line-height: 1.2 !important; } body.catalog-product-view .premium-board4-confidence__benefit + .premium-board4-confidence__benefit { border-left: 1px solid var(--pe-border) !important; } body.catalog-product-view .product.info.detailed { margin-top: 22px !important; } }