{"id":686,"date":"2022-04-28T13:48:36","date_gmt":"2022-04-28T13:48:36","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/gadgets\/?page_id=7"},"modified":"2026-09-03T17:53:29","modified_gmt":"2026-09-03T20:53:29","slug":"carrinho","status":"publish","type":"page","link":"https:\/\/3xsmarket.com\/py\/carrinho\/","title":{"rendered":"Carrinho"},"content":{"rendered":"\n<div class=\"wp-block-group xs-cart is-layout-constrained wp-block-group-is-layout-constrained\">\n<style data-wp-block-html=\"css\">\n\/* ==========================================================\n   3XS MARKET\n   P\u00c1GINA MEU CARRINHO\n   PADR\u00c3O DE CORES 3XS MARKET\n   ========================================================== *\/\n\n\n\/* ==========================================================\n   CABE\u00c7ALHO DO CARRINHO\n   ========================================================== *\/\n\n.xs-cart .xs-cart-header {\n    width: 100%;\n\n    margin: 0 0 24px;\n\n    padding: 38px 36px;\n\n    background: #F6F8FB;\n\n    border: 1px solid #E1E6EE;\n    border-radius: 16px;\n\n    box-sizing: border-box;\n}\n\n.xs-cart .xs-cart-header-inner {\n    width: 100%;\n    max-width: 850px;\n}\n\n.xs-cart .xs-cart-eyebrow {\n    display: inline-block;\n\n    margin-bottom: 10px;\n\n    color: #FF5A00;\n\n    font-size: 12px;\n    font-weight: 800;\n    line-height: 1;\n\n    letter-spacing: 1.4px;\n    text-transform: uppercase;\n}\n\n.xs-cart .xs-cart-header h1 {\n    margin: 0 0 12px !important;\n    padding: 0 !important;\n\n    color: #071A45;\n\n    font-size: 36px;\n    font-weight: 800;\n    line-height: 1.15;\n}\n\n.xs-cart .xs-cart-header p {\n    max-width: 650px;\n\n    margin: 0;\n\n    color: #667085;\n\n    font-size: 15px;\n    line-height: 1.65;\n}\n\n\n\/* ==========================================================\n   BENEF\u00cdCIOS DO CABE\u00c7ALHO\n   ========================================================== *\/\n\n.xs-cart .xs-cart-benefits {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    gap: 14px 28px;\n\n    margin-top: 22px;\n}\n\n.xs-cart .xs-cart-benefit {\n    display: flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: #344054;\n\n    font-size: 13px;\n    font-weight: 600;\n}\n\n.xs-cart .xs-cart-benefit-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 20px;\n    height: 20px;\n\n    flex: 0 0 20px;\n\n    background: #FF5A00;\n    color: #FFFFFF;\n\n    border-radius: 50%;\n\n    font-size: 11px;\n    font-weight: 800;\n}\n\n\n\/* ==========================================================\n   \u00c1REA PRINCIPAL DO CARRINHO\n   ========================================================== *\/\n\n.xs-cart .woocommerce {\n    width: 100%;\n}\n\n\n\/* ==========================================================\n   CARRINHO VAZIO\n   ========================================================== *\/\n\n.xs-cart .cart-empty.woocommerce-info {\n    position: relative;\n\n    display: flex;\n    align-items: center;\n\n    min-height: 70px;\n\n    margin: 0 !important;\n\n    padding:\n        18px\n        24px\n        18px\n        72px !important;\n\n    background: #F6F8FB !important;\n\n    color: #344054 !important;\n\n    border: 1px solid #E1E6EE !important;\n    border-radius: 14px !important;\n\n    box-shadow:\n        0 4px 16px\n        rgba(7, 26, 69, 0.04);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.5;\n\n    box-sizing: border-box;\n}\n\n\n\/* REMOVE \u00cdCONE PADR\u00c3O DO WOOCOMMERCE *\/\n\n.xs-cart\n.cart-empty.woocommerce-info::before {\n    content: \"\" !important;\n\n    position: absolute !important;\n\n    left: 20px !important;\n    top: 50% !important;\n\n    width: 38px !important;\n    height: 38px !important;\n\n    margin: 0 !important;\n\n    transform: translateY(-50%) !important;\n\n    background-color: #EEF3FF !important;\n\n    border-radius: 9px !important;\n\n    \/*\n     * Carrinho vetorial.\n     * N\u00e3o utiliza emoji.\n     *\/\n\n    background-image:\n        url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23071A45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'\/%3E%3Ccircle cx='19' cy='20' r='1'\/%3E%3Cpath d='M3 4h2l2.4 11.2a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L21 8H6'\/%3E%3C\/svg%3E\") !important;\n\n    background-repeat: no-repeat !important;\n    background-position: center !important;\n    background-size: 20px 20px !important;\n}\n\n\n\/* REMOVE OUTROS \u00cdCONES QUE O TEMA POSSA INSERIR *\/\n\n.xs-cart\n.cart-empty.woocommerce-info::after {\n    display: none !important;\n}\n\n\n\/* ==========================================================\n   BOT\u00c3O VER PRODUTOS\n   ========================================================== *\/\n\n.xs-cart .return-to-shop {\n    margin: 16px 0 0 !important;\n}\n\n.xs-cart\n.return-to-shop\n.button {\n    display: inline-flex !important;\n\n    align-items: center;\n    justify-content: center;\n\n    min-height: 44px;\n\n    margin: 0 !important;\n\n    padding: 11px 20px !important;\n\n    background: #071A45 !important;\n    color: #FFFFFF !important;\n\n    border: 0 !important;\n    border-radius: 8px !important;\n\n    box-shadow: none !important;\n\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    line-height: 1.4 !important;\n\n    text-decoration: none !important;\n\n    transition:\n        background-color 0.2s ease,\n        transform 0.2s ease;\n}\n\n.xs-cart\n.return-to-shop\n.button:hover {\n    background: #FF5A00 !important;\n    color: #FFFFFF !important;\n\n    transform: translateY(-1px);\n}\n\n\n\/* ==========================================================\n   CARRINHO COM PRODUTOS\n   ========================================================== *\/\n\n.xs-cart table.shop_table {\n    width: 100% !important;\n\n    margin: 0 0 24px !important;\n\n    background: #FFFFFF;\n\n    border: 1px solid #E1E6EE !important;\n    border-radius: 14px !important;\n\n    border-collapse: separate !important;\n    border-spacing: 0 !important;\n\n    overflow: hidden;\n\n    box-shadow:\n        0 5px 20px\n        rgba(7, 26, 69, 0.04);\n}\n\n\n\/* ==========================================================\n   CABE\u00c7ALHO DA TABELA\n   ========================================================== *\/\n\n.xs-cart\ntable.shop_table\nthead\nth {\n    padding: 15px 16px !important;\n\n    background: #F6F8FB;\n\n    color: #071A45;\n\n    border: 0 !important;\n    border-bottom:\n        1px solid #E1E6EE !important;\n\n    font-size: 12px;\n    font-weight: 700;\n\n    text-transform: uppercase;\n    letter-spacing: 0.4px;\n}\n\n\n\/* ==========================================================\n   C\u00c9LULAS\n   ========================================================== *\/\n\n.xs-cart\ntable.shop_table\ntd {\n    padding: 18px 16px !important;\n\n    color: #344054;\n\n    border: 0 !important;\n    border-bottom:\n        1px solid #E1E6EE !important;\n\n    vertical-align: middle;\n}\n\n\n\/* ==========================================================\n   NOME DO PRODUTO\n   ========================================================== *\/\n\n.xs-cart\n.product-name\na {\n    color: #071A45 !important;\n\n    font-weight: 700;\n\n    text-decoration: none !important;\n}\n\n.xs-cart\n.product-name\na:hover {\n    color: #0D2D6B !important;\n}\n\n\n\/* ==========================================================\n   IMAGEM DO PRODUTO\n   ========================================================== *\/\n\n.xs-cart\n.product-thumbnail\nimg {\n    width: 72px !important;\n    height: 72px !important;\n\n    padding: 6px;\n\n    background: #FFFFFF;\n\n    border: 1px solid #E1E6EE;\n    border-radius: 10px;\n\n    object-fit: contain;\n\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   REMOVER PRODUTO\n   ========================================================== *\/\n\n.xs-cart\n.product-remove\na {\n    display: flex !important;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 30px;\n    height: 30px;\n\n    margin: auto;\n\n    background: #FFF4EF !important;\n\n    color: #FF5A00 !important;\n\n    border-radius: 8px;\n\n    font-size: 18px !important;\n    line-height: 1 !important;\n\n    text-decoration: none !important;\n}\n\n.xs-cart\n.product-remove\na:hover {\n    background: #FFE5D8 !important;\n    color: #FF5A00 !important;\n}\n\n\n\/* ==========================================================\n   PRE\u00c7O\n   ========================================================== *\/\n\n.xs-cart\n.product-price,\n.xs-cart\n.product-subtotal {\n    color: #071A45;\n\n    font-weight: 700;\n}\n\n\n\/* ==========================================================\n   QUANTIDADE\n   ========================================================== *\/\n\n.xs-cart\n.quantity\n.qty {\n    width: 70px !important;\n    min-height: 42px;\n\n    padding: 8px 10px !important;\n\n    background: #FFFFFF;\n\n    color: #101828;\n\n    border: 1px solid #D0D5DD !important;\n    border-radius: 8px !important;\n\n    text-align: center;\n\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   \u00c1REA DE A\u00c7\u00d5ES\n   ========================================================== *\/\n\n.xs-cart\ntable.cart\ntd.actions {\n    padding: 18px !important;\n\n    background: #F6F8FB;\n}\n\n\n\/* ==========================================================\n   CUPOM\n   ========================================================== *\/\n\n.xs-cart\n.coupon {\n    display: flex;\n\n    gap: 10px;\n}\n\n.xs-cart\n.coupon\ninput {\n    min-height: 42px;\n\n    padding: 9px 12px !important;\n\n    background: #FFFFFF;\n\n    color: #101828;\n\n    border: 1px solid #D0D5DD !important;\n    border-radius: 8px !important;\n\n    box-sizing: border-box;\n}\n\n\n\/* ==========================================================\n   BOT\u00d5ES DO CARRINHO\n   ========================================================== *\/\n\n.xs-cart\ntable.cart\ntd.actions\n.button {\n    min-height: 42px;\n\n    padding: 10px 18px !important;\n\n    background: #071A45 !important;\n    color: #FFFFFF !important;\n\n    border: 0 !important;\n    border-radius: 8px !important;\n\n    font-size: 13px !important;\n    font-weight: 700 !important;\n\n    box-shadow: none !important;\n}\n\n.xs-cart\ntable.cart\ntd.actions\n.button:hover {\n    background: #FF5A00 !important;\n    color: #FFFFFF !important;\n}\n\n\n\/* ==========================================================\n   TOTAL DO CARRINHO\n   ========================================================== *\/\n\n.xs-cart\n.cart-collaterals {\n    display: flex;\n\n    justify-content: flex-end;\n\n    width: 100%;\n}\n\n.xs-cart\n.cart_totals {\n    float: none !important;\n\n    width: min(100%, 480px) !important;\n\n    padding: 24px;\n\n    background: #FFFFFF;\n\n    border: 1px solid #E1E6EE;\n    border-radius: 14px;\n\n    box-shadow:\n        0 5px 20px\n        rgba(7, 26, 69, 0.05);\n\n    box-sizing: border-box;\n}\n\n.xs-cart\n.cart_totals\nh2 {\n    margin: 0 0 18px !important;\n\n    color: #071A45;\n\n    font-size: 21px;\n    font-weight: 800;\n}\n\n.xs-cart\n.cart_totals\ntable {\n    margin: 0 !important;\n\n    border: 0 !important;\n}\n\n.xs-cart\n.cart_totals\nth,\n.xs-cart\n.cart_totals\ntd {\n    padding: 13px 0 !important;\n\n    border: 0 !important;\n    border-bottom:\n        1px solid #E1E6EE !important;\n\n    color: #475467;\n}\n\n\n\/* ==========================================================\n   TOTAL FINAL\n   ========================================================== *\/\n\n.xs-cart\n.cart_totals\n.order-total\nth,\n.xs-cart\n.cart_totals\n.order-total\ntd {\n    color: #071A45;\n\n    font-size: 16px;\n    font-weight: 800;\n}\n\n\n\/* ==========================================================\n   FINALIZAR COMPRA\n   ========================================================== *\/\n\n.xs-cart\n.wc-proceed-to-checkout {\n    padding: 20px 0 0 !important;\n}\n\n.xs-cart\n.wc-proceed-to-checkout\n.checkout-button {\n    display: flex !important;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n\n    min-height: 50px;\n\n    margin: 0 !important;\n\n    padding: 12px 20px !important;\n\n    background: #071A45 !important;\n    color: #FFFFFF !important;\n\n    border: 0 !important;\n    border-radius: 9px !important;\n\n    box-shadow: none !important;\n\n    font-size: 15px !important;\n    font-weight: 800 !important;\n\n    text-decoration: none !important;\n}\n\n.xs-cart\n.wc-proceed-to-checkout\n.checkout-button:hover {\n    background: #FF5A00 !important;\n    color: #FFFFFF !important;\n}\n\n\n\/* ==========================================================\n   MENSAGENS WOOCOMMERCE\n   ========================================================== *\/\n\n.xs-cart\n.woocommerce-message,\n.xs-cart\n.woocommerce-error,\n.xs-cart\n.woocommerce-info:not(.cart-empty) {\n    padding: 16px 18px !important;\n\n    background: #F6F8FB !important;\n\n    color: #344054 !important;\n\n    border: 1px solid #E1E6EE !important;\n    border-radius: 10px !important;\n\n    font-size: 14px;\n}\n\n\n\/* ==========================================================\n   TABLET\n   ========================================================== *\/\n\n@media (max-width: 1024px) {\n\n    .xs-cart .xs-cart-header {\n        padding: 32px 28px;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE\n   ========================================================== *\/\n\n@media (max-width: 767px) {\n\n    \/* CABE\u00c7ALHO *\/\n\n    .xs-cart .xs-cart-header {\n        margin-bottom: 20px;\n\n        padding: 26px 20px;\n\n        border-radius: 12px;\n    }\n\n    .xs-cart .xs-cart-header h1 {\n        font-size: 28px;\n    }\n\n    .xs-cart .xs-cart-header p {\n        font-size: 14px;\n    }\n\n\n    \/* BENEF\u00cdCIOS *\/\n\n    .xs-cart .xs-cart-benefits {\n        display: grid;\n\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n\n    \/* CARRINHO VAZIO *\/\n\n    .xs-cart\n    .cart-empty.woocommerce-info {\n        min-height: 68px;\n\n        padding:\n            16px\n            16px\n            16px\n            64px !important;\n\n        border-radius: 12px !important;\n\n        font-size: 14px;\n    }\n\n    .xs-cart\n    .cart-empty.woocommerce-info::before {\n        left: 15px !important;\n\n        width: 36px !important;\n        height: 36px !important;\n\n        background-size:\n            19px 19px !important;\n    }\n\n\n    \/* VER PRODUTOS *\/\n\n    .xs-cart\n    .return-to-shop\n    .button {\n        width: 100%;\n\n        box-sizing: border-box;\n    }\n\n\n    \/* TABELA RESPONSIVA *\/\n\n    .xs-cart\n    table.shop_table_responsive\n    tr {\n        padding: 14px !important;\n\n        border-bottom:\n            1px solid #E1E6EE !important;\n    }\n\n    .xs-cart\n    table.shop_table_responsive\n    td {\n        padding: 10px 0 !important;\n    }\n\n\n    \/* CUPOM *\/\n\n    .xs-cart\n    .coupon {\n        display: grid !important;\n\n        grid-template-columns: 1fr;\n\n        width: 100%;\n    }\n\n    .xs-cart\n    .coupon\n    input,\n\n    .xs-cart\n    .coupon\n    .button {\n        width: 100% !important;\n\n        box-sizing: border-box;\n    }\n\n\n    \/* TOTAL *\/\n\n    .xs-cart\n    .cart-collaterals {\n        display: block;\n    }\n\n    .xs-cart\n    .cart_totals {\n        width: 100% !important;\n\n        padding: 20px;\n\n        border-radius: 12px;\n    }\n\n}\n\n\n\/* ==========================================================\n   MOBILE PEQUENO\n   ========================================================== *\/\n\n@media (max-width: 480px) {\n\n    .xs-cart .xs-cart-header {\n        padding: 23px 18px;\n    }\n\n    .xs-cart .xs-cart-header h1 {\n        font-size: 26px;\n    }\n\n    .xs-cart\n    .cart-empty.woocommerce-info {\n        padding:\n            15px\n            14px\n            15px\n            60px !important;\n    }\n\n    .xs-cart\n    .cart-empty.woocommerce-info::before {\n        left: 13px !important;\n\n        width: 34px !important;\n        height: 34px !important;\n\n        background-size:\n            18px 18px !important;\n    }\n\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\ndocument.addEventListener('DOMContentLoaded', function () {\n\n    function xsCartAdjustments() {\n\n        const returnButton = document.querySelector(\n            '.woocommerce-cart a.button.wc-backward[href*=\"\/produtos\/\"]'\n        );\n\n        if (returnButton) {\n            returnButton.textContent = 'Ver produtos';\n        }\n\n    }\n\n    xsCartAdjustments();\n\n});\n<\/script>\n\n<section class=\"xs-cart-header\">\n\n  <div class=\"xs-cart-header-inner\">\n\n    <span class=\"xs-cart-eyebrow\">\n      3XS MARKET\n    <\/span>\n\n    <h1>\n      Meu Carrinho\n    <\/h1>\n\n    <p>\n      Revise seus produtos antes de finalizar a compra.\n      Voc\u00ea poder\u00e1 confirmar endere\u00e7o, entrega e pagamento na pr\u00f3xima etapa.\n    <\/p>\n\n    <div class=\"xs-cart-benefits\">\n\n      <div class=\"xs-cart-benefit\">\n        <span class=\"xs-cart-benefit-icon\">\u2713<\/span>\n        <span>Compra segura<\/span>\n      <\/div>\n\n      <div class=\"xs-cart-benefit\">\n        <span class=\"xs-cart-benefit-icon\">\u2713<\/span>\n        <span>Entrega no Brasil<\/span>\n      <\/div>\n\n      <div class=\"xs-cart-benefit\">\n        <span class=\"xs-cart-benefit-icon\">\u2713<\/span>\n        <span>Pagamento protegido<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>3XS MARKET Meu Carrinho Revise seus produtos antes de finalizar a compra. Voc\u00ea poder\u00e1 confirmar endere\u00e7o, entrega e pagamento na pr\u00f3xima etapa. \u2713 Compra segura \u2713 Entrega no Brasil \u2713 Pagamento protegido<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-686","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/pages\/686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/comments?post=686"}],"version-history":[{"count":4,"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/pages\/686\/revisions"}],"predecessor-version":[{"id":1015,"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/pages\/686\/revisions\/1015"}],"wp:attachment":[{"href":"https:\/\/3xsmarket.com\/py\/wp-json\/wp\/v2\/media?parent=686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}