/*
 * Alfa Printi Suite 4.6.0 — complementos mobile defensivos.
 * Somente telas WooCommerce comandadas pelo plugin; nenhum seletor de header,
 * footer, artigo, página estática ou container global do tema.
 */
@media (max-width: 1024px) {
    body.apcsu-plugin-owned-surface :is(.apcsu-wc-root, .woocommerce) {
        min-width: 0 !important;
        max-width: 100% !important;
    }
    body.apcsu-plugin-owned-surface :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) {
        max-width: 100% !important;
        overflow-wrap: anywhere !important;
    }
    body.apcsu-plugin-owned-surface :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) :is(i, svg) {
        flex: 0 0 auto !important;
        margin-right: .55em !important;
    }
}

@media (max-width: 767px) {
    /* Produtos simples, variáveis e M². */
    
    
    
    
    
    

    /* Carrinho. */
    body.apcsu-surface-cart .woocommerce-cart-form,
    body.apcsu-surface-cart .cart-collaterals,
    body.apcsu-surface-cart .cart_totals {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        float: none !important;
    }
    body.apcsu-surface-cart :is(.apcsu-cart-art-panel, .apcsu-cart-art-choice-grid, .apcsu-core-cart-address-modal__dialog) {
        max-width: 100% !important;
    }
    body.apcsu-surface-cart :is(button, .button, a.button, input.button) {
        min-height: 44px !important;
        white-space: normal !important;
        text-align: center !important;
    }

    /* Checkout clássico e Checkout Block. */
    body.apcsu-surface-checkout :is(.woocommerce-checkout, .wc-block-checkout, .wp-block-woocommerce-checkout) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }
    body.apcsu-surface-checkout :is(.wc-block-checkout__main, .wc-block-checkout__sidebar, #customer_details, #order_review) {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-inline: 0 !important;
        float: none !important;
    }
    body.apcsu-surface-checkout :is(input, select, textarea, button, .button) { max-width: 100% !important; }

    /* Minha Conta. */
    body.apcsu-surface-account .woocommerce-MyAccount-navigation {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scrollbar-width: thin !important;
    }
    body.apcsu-surface-account .woocommerce-MyAccount-navigation ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        min-width: max-content !important;
    }
    body.apcsu-surface-account .woocommerce-MyAccount-navigation li { flex: 0 0 auto !important; }
    body.apcsu-surface-account .woocommerce-MyAccount-content :is(table, .shop_table) {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

@media (max-width: 480px) {
    body.apcsu-plugin-owned-surface :is(.woocommerce-message, .woocommerce-info, .woocommerce-error, .wc-block-components-notice-banner) {
        padding: 12px !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }
    body.apcsu-surface-account .woocommerce-MyAccount-content,
    body.apcsu-surface-checkout :is(.wc-block-checkout__main, .wc-block-checkout__sidebar),
    body.apcsu-surface-cart :is(.woocommerce-cart-form, .cart_totals) {
        border-radius: 14px !important;
    }
}

/*
 * Alfa Printi Suite 4.7.1 — soberania visual WooCommerce.
 *
 * Esta folha é carregada por último somente em rotas WooCommerce confirmadas.
 * O escopo termina na raiz comercial (.apcsu-wc-root/.woocommerce dentro do
 * conteúdo principal). Header, footer, home, artigos e páginas estáticas não
 * são selecionados por nenhuma regra deste arquivo.
 */

/* ========================================================================
   1. TOKENS E FRONTEIRA DA ÁREA COMERCIAL
   ======================================================================== */

html body.apcsu-plugin-owned-surface {
    --apcsu-wc-max: 1320px;
    --apcsu-wc-gutter: 32px;
    --apcsu-wc-navy: var(--apcsu-ui-owned-text, #10264f);
    --apcsu-wc-blue: var(--apcsu-ui-owned-primary, #1769e0);
    --apcsu-wc-blue-dark: var(--apcsu-ui-owned-primary-dark, #0f4fb4);
    --apcsu-wc-green: var(--apcsu-ui-owned-accent, #18a957);
    --apcsu-wc-red: var(--apcsu-ui-owned-danger, #d92d20);
    --apcsu-wc-text: var(--apcsu-ui-owned-text, #18233b);
    --apcsu-wc-muted: var(--apcsu-ui-owned-muted, #66748c);
    --apcsu-wc-border: var(--apcsu-ui-owned-border, #dfe6f1);
    --apcsu-wc-soft: var(--apcsu-ui-owned-card-alt, #f5f8fc);
    --apcsu-wc-card: var(--apcsu-ui-owned-card, #ffffff);
    --apcsu-wc-radius: var(--apcsu-ui-owned-radius, 18px);
    --apcsu-wc-radius-sm: var(--apcsu-ui-owned-inner-radius, 12px);
    --apcsu-wc-shadow: var(--apcsu-ui-owned-shadow, 0 16px 38px rgba(20, 43, 79, 0.08));
}

html body.apcsu-plugin-owned-surface :is(
    .apcsu-wc-root,
    main .woocommerce,
    #primary .woocommerce,
    .site-main .woocommerce,
    .content-area .woocommerce,
    .wp-block-woocommerce-checkout,
    .wc-block-checkout,
    .wp-block-woocommerce-cart,
    .wc-block-cart,
    .wp-block-woocommerce-product-collection
) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    font-family: inherit !important;
    color: var(--apcsu-wc-text) !important;
    text-align: initial;
    isolation: isolate;
}

html body.apcsu-plugin-owned-surface :is(
    .apcsu-wc-root,
    main .woocommerce,
    #primary .woocommerce,
    .site-main .woocommerce,
    .content-area .woocommerce,
    .wp-block-woocommerce-checkout,
    .wc-block-checkout,
    .wp-block-woocommerce-cart,
    .wc-block-cart,
    .wp-block-woocommerce-product-collection
) *,
html body.apcsu-plugin-owned-surface :is(
    .apcsu-wc-root,
    main .woocommerce,
    #primary .woocommerce,
    .site-main .woocommerce,
    .content-area .woocommerce,
    .wp-block-woocommerce-checkout,
    .wc-block-checkout,
    .wp-block-woocommerce-cart,
    .wc-block-cart,
    .wp-block-woocommerce-product-collection
) *::before,
html body.apcsu-plugin-owned-surface :is(
    .apcsu-wc-root,
    main .woocommerce,
    #primary .woocommerce,
    .site-main .woocommerce,
    .content-area .woocommerce,
    .wp-block-woocommerce-checkout,
    .wc-block-checkout,
    .wp-block-woocommerce-cart,
    .wc-block-cart,
    .wp-block-woocommerce-product-collection
) *::after {
    box-sizing: border-box;
}

/* Container comercial centralizado. Não altera o container global do tema. */
html body.apcsu-plugin-owned-surface :is(
    .apcsu-wc-root,
    main > .woocommerce,
    #primary > .woocommerce,
    .site-main > .woocommerce,
    .content-area > .woocommerce,
    .wp-block-woocommerce-checkout,
    .wc-block-checkout,
    .wp-block-woocommerce-cart,
    .wc-block-cart,
    .wp-block-woocommerce-product-collection
) {
    float: none !important;
    clear: both !important;
    width: min(calc(100% - var(--apcsu-wc-gutter)), var(--apcsu-wc-max)) !important;
    max-width: var(--apcsu-wc-max) !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

/* ========================================================================
   2. TIPOGRAFIA, LINKS, FOCO E ÍCONES
   ======================================================================== */

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(h1, h2, h3, h4, h5, h6),
html body.apcsu-plugin-owned-surface main .woocommerce :is(h1, h2, h3, h4, h5, h6) {
    color: var(--apcsu-wc-navy) !important;
    font-family: inherit !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.02em;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root a:not(.button):not(.wc-forward),
html body.apcsu-plugin-owned-surface main .woocommerce a:not(.button):not(.wc-forward) {
    color: var(--apcsu-wc-navy);
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root a:not(.button):not(.wc-forward):hover,
html body.apcsu-plugin-owned-surface main .woocommerce a:not(.button):not(.wc-forward):hover {
    color: var(--apcsu-wc-blue);
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(a, button, input, select, textarea):focus-visible,
html body.apcsu-plugin-owned-surface main .woocommerce :is(a, button, input, select, textarea):focus-visible,
html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) :is(a, button, input, select, textarea):focus-visible {
    outline: 3px solid rgba(23, 105, 224, 0.24) !important;
    outline-offset: 2px !important;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(i, svg) + :is(span, strong, em),
html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(span, strong, em) + :is(i, svg),
html body.apcsu-plugin-owned-surface main .woocommerce :is(i, svg) + :is(span, strong, em),
html body.apcsu-plugin-owned-surface main .woocommerce :is(span, strong, em) + :is(i, svg) {
    margin-inline-start: 0.42em;
}

/* ========================================================================
   3. BOTÕES — O TEMA NÃO DEFINE COR, FUNDO OU ALINHAMENTO INTERNO
   ======================================================================== */

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(
    a.button,
    button.button,
    input.button,
    .wc-forward,
    #place_order,
    .checkout-button,
    .woocommerce-Button,
    .woocommerce-button,
    .wc-block-components-button
),
html body.apcsu-plugin-owned-surface main .woocommerce :is(
    a.button,
    button.button,
    input.button,
    .wc-forward,
    #place_order,
    .checkout-button,
    .woocommerce-Button,
    .woocommerce-button
),
html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) .wc-block-components-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 46px !important;
    margin: 0;
    padding: 11px 18px !important;
    border: 1px solid var(--apcsu-wc-blue) !important;
    border-radius: 12px !important;
    background: var(--apcsu-wc-blue) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 9px 20px rgba(23, 105, 224, 0.15) !important;
    font: inherit !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: normal;
    cursor: pointer;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(
    a.button,
    button.button,
    input.button,
    .wc-forward,
    #place_order,
    .checkout-button,
    .woocommerce-Button,
    .woocommerce-button,
    .wc-block-components-button
):hover,
html body.apcsu-plugin-owned-surface main .woocommerce :is(
    a.button,
    button.button,
    input.button,
    .wc-forward,
    #place_order,
    .checkout-button,
    .woocommerce-Button,
    .woocommerce-button
):hover,
html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) .wc-block-components-button:hover {
    border-color: var(--apcsu-wc-blue-dark) !important;
    background: var(--apcsu-wc-blue-dark) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    transform: translateY(-1px);
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(button, input, a.button)[disabled],
html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(button, input, a.button).disabled,
html body.apcsu-plugin-owned-surface main .woocommerce :is(button, input, a.button)[disabled],
html body.apcsu-plugin-owned-surface main .woocommerce :is(button, input, a.button).disabled {
    opacity: 0.55 !important;
    cursor: not-allowed !important;
    transform: none !important;
}

/* Ações destrutivas mantêm semântica visual. */
html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(.remove, .delete, .woocommerce-button--cancel),
html body.apcsu-plugin-owned-surface main .woocommerce :is(.remove, .delete, .woocommerce-button--cancel) {
    color: var(--apcsu-wc-red) !important;
}

/* ========================================================================
   4. CAMPOS, SELECT2, CHECKBOXES E FORMULÁRIOS
   ======================================================================== */

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(
    input.input-text,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    input[type="number"],
    input[type="search"],
    input[type="url"],
    textarea,
    select
),
html body.apcsu-plugin-owned-surface main .woocommerce :is(
    input.input-text,
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="password"],
    input[type="number"],
    input[type="search"],
    input[type="url"],
    textarea,
    select
),
html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) :is(input, textarea, select) {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    margin: 0;
    padding: 11px 13px;
    border: 1px solid var(--apcsu-wc-border) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: var(--apcsu-wc-text) !important;
    -webkit-text-fill-color: var(--apcsu-wc-text) !important;
    box-shadow: none !important;
    font: inherit !important;
    line-height: 1.35;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root textarea,
html body.apcsu-plugin-owned-surface main .woocommerce textarea {
    min-height: 112px;
    resize: vertical;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(input, textarea, select):focus,
html body.apcsu-plugin-owned-surface main .woocommerce :is(input, textarea, select):focus,
html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) :is(input, textarea, select):focus {
    border-color: var(--apcsu-wc-blue) !important;
    box-shadow: 0 0 0 3px rgba(23, 105, 224, 0.12) !important;
    outline: none !important;
}

html body.apcsu-plugin-owned-surface .select2-container {
    max-width: 100% !important;
}

html body.apcsu-plugin-owned-surface .select2-container .select2-selection--single,
html body.apcsu-plugin-owned-surface .select2-container .select2-selection--multiple {
    min-height: 46px !important;
    border: 1px solid var(--apcsu-wc-border) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
}

html body.apcsu-plugin-owned-surface .select2-container .select2-selection--single .select2-selection__rendered {
    padding: 12px 38px 10px 13px !important;
    color: var(--apcsu-wc-text) !important;
    line-height: 22px !important;
}

html body.apcsu-plugin-owned-surface .select2-container .select2-selection--single .select2-selection__arrow {
    top: 50% !important;
    right: 10px !important;
    transform: translateY(-50%);
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root label,
html body.apcsu-plugin-owned-surface main .woocommerce label {
    color: var(--apcsu-wc-text);
    font-weight: 700;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root .required,
html body.apcsu-plugin-owned-surface main .woocommerce .required {
    color: var(--apcsu-wc-red) !important;
}

/* ========================================================================
   5. AVISOS E ESTADOS
   ======================================================================== */

html body.apcsu-plugin-owned-surface :is(
    .woocommerce-message,
    .woocommerce-info,
    .woocommerce-error,
    .woocommerce-noreviews,
    .wc-block-components-notice-banner
) {
    position: relative;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 18px !important;
    padding: 15px 18px 15px 48px !important;
    overflow: hidden;
    border: 1px solid #bdd2f4 !important;
    border-radius: 12px !important;
    background: #eef5ff !important;
    color: #174e9d !important;
    box-shadow: 0 8px 20px rgba(20, 43, 79, 0.05) !important;
    list-style: none !important;
}

html body.apcsu-plugin-owned-surface .woocommerce-message {
    border-color: #b9e2cb !important;
    background: #eefbf4 !important;
    color: #08723b !important;
}

html body.apcsu-plugin-owned-surface .woocommerce-error {
    border-color: #f0c2be !important;
    background: #fff2f1 !important;
    color: #a52b22 !important;
}

html body.apcsu-plugin-owned-surface :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
    top: 50% !important;
    left: 17px !important;
    color: currentColor !important;
    transform: translateY(-50%);
}

html body.apcsu-plugin-owned-surface :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a.button {
    min-height: 36px !important;
    margin: -6px 0 -6px 12px !important;
    padding: 8px 13px !important;
    font-size: 12px !important;
}

/* ========================================================================
   6. TABELAS E DADOS TABULARES
   ======================================================================== */

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(table.shop_table, table.woocommerce-table, table.account-orders-table),
html body.apcsu-plugin-owned-surface main .woocommerce :is(table.shop_table, table.woocommerce-table, table.account-orders-table) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    overflow: hidden;
    border: 1px solid var(--apcsu-wc-border) !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border-radius: var(--apcsu-wc-radius) !important;
    background: var(--apcsu-wc-card) !important;
    box-shadow: var(--apcsu-wc-shadow) !important;
    color: var(--apcsu-wc-text) !important;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(table.shop_table, table.woocommerce-table, table.account-orders-table) :is(th, td),
html body.apcsu-plugin-owned-surface main .woocommerce :is(table.shop_table, table.woocommerce-table, table.account-orders-table) :is(th, td) {
    padding: 14px 16px;
    border: 0;
    border-bottom: 1px solid var(--apcsu-wc-border);
    background: transparent;
    color: inherit;
    vertical-align: middle;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(table.shop_table, table.woocommerce-table, table.account-orders-table) th,
html body.apcsu-plugin-owned-surface main .woocommerce :is(table.shop_table, table.woocommerce-table, table.account-orders-table) th {
    background: #f2f6fc;
    color: var(--apcsu-wc-navy);
    font-size: 13px;
    font-weight: 800;
}

html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(table.shop_table, table.woocommerce-table, table.account-orders-table) tr:last-child :is(th, td),
html body.apcsu-plugin-owned-surface main .woocommerce :is(table.shop_table, table.woocommerce-table, table.account-orders-table) tr:last-child :is(th, td) {
    border-bottom: 0;
}

/* ========================================================================
   7. LOJA, CATEGORIAS, TAGS E ARQUIVOS DE PRODUTO
   ======================================================================== */























































/* ========================================================================
   8. PÁGINAS DE PRODUTO — TODOS OS TIPOS
   ======================================================================== */











































/* ========================================================================
   9. CARRINHO, CHECKOUT, PEDIDO CONFIRMADO E MINHA CONTA
   ======================================================================== */

html body.apcsu-surface-cart.apcsu-plugin-owned-surface .woocommerce,
html body.apcsu-surface-checkout.apcsu-plugin-owned-surface .woocommerce,
html body.apcsu-surface-order-received.apcsu-plugin-owned-surface .woocommerce,
html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce {
    min-width: 0 !important;
}

/* Corrige a combinação impossível de fundo e texto azul aplicada por temas. */
html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce-MyAccount-content :is(
    a.button,
    button.button,
    input.button,
    .woocommerce-button,
    .woocommerce-Button
),
html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce-MyAccount-navigation a[aria-current="page"] {
    background-color: var(--apcsu-wc-blue) !important;
    border-color: var(--apcsu-wc-blue) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce-MyAccount-navigation ul {
    width: 100%;
    margin: 0 !important;
    padding: 8px !important;
    list-style: none !important;
}

html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce-MyAccount-navigation li {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce-MyAccount-navigation li a {
    display: flex !important;
    align-items: center;
    min-height: 44px;
    width: 100%;
    padding: 10px 13px !important;
    border-radius: 10px;
    color: var(--apcsu-wc-text) !important;
    font-weight: 750;
    text-decoration: none !important;
}

html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce-MyAccount-navigation li:not(.is-active) a:hover {
    background: var(--apcsu-wc-soft) !important;
    color: var(--apcsu-wc-blue-dark) !important;
}

html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce-MyAccount-navigation li.is-active a {
    background: var(--apcsu-wc-blue) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html body.apcsu-surface-account.apcsu-plugin-owned-surface .woocommerce-MyAccount-content {
    overflow-wrap: anywhere;
}

html body.apcsu-surface-checkout.apcsu-plugin-owned-surface :is(
    .woocommerce-checkout-review-order,
    .woocommerce-billing-fields,
    .woocommerce-shipping-fields,
    .woocommerce-additional-fields,
    #payment,
    .wc-block-components-sidebar,
    .wc-block-checkout__main
),
html body.apcsu-surface-order-received.apcsu-plugin-owned-surface :is(
    .woocommerce-order-details,
    .woocommerce-customer-details,
    .woocommerce-order-overview
) {
    min-width: 0;
}

html body.apcsu-surface-checkout.apcsu-plugin-owned-surface #payment {
    border: 1px solid var(--apcsu-wc-border) !important;
    border-radius: var(--apcsu-wc-radius) !important;
    background: var(--apcsu-wc-card) !important;
    box-shadow: var(--apcsu-wc-shadow) !important;
}

html body.apcsu-surface-checkout.apcsu-plugin-owned-surface #payment ul.payment_methods {
    border-bottom-color: var(--apcsu-wc-border) !important;
}

/* ========================================================================
   10. BLOCOS WOOCommerce (CARRINHO/CHECKOUT/CATÁLOGO)
   ======================================================================== */

html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) {
    color: var(--apcsu-wc-text) !important;
}

html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) :is(
    .wc-block-components-sidebar-layout,
    .wc-block-components-main,
    .wc-block-components-sidebar
) {
    min-width: 0;
}

html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) :is(
    .wc-block-components-totals-wrapper,
    .wc-block-components-order-summary,
    .wc-block-checkout__payment-method,
    .wc-block-components-address-card,
    .wc-block-components-panel
) {
    border-color: var(--apcsu-wc-border) !important;
    border-radius: 12px;
    background: #ffffff;
}

html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) .wc-block-components-product-name {
    color: var(--apcsu-wc-navy) !important;
    font-weight: 800 !important;
}

html body.apcsu-plugin-owned-surface :is(.wc-block-checkout, .wc-block-cart) .wc-block-formatted-money-amount {
    color: var(--apcsu-wc-navy);
    font-weight: 800;
}

/* ========================================================================
   11. RESPONSIVIDADE
   ======================================================================== */

@media (max-width: 1180px) {
    html body.apcsu-plugin-owned-surface {
        --apcsu-wc-gutter: 24px;
    }

    
}

@media (max-width: 900px) {
    html body.apcsu-plugin-owned-surface {
        --apcsu-wc-gutter: 20px;
    }

    

    

    

    

    html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(table.shop_table, table.woocommerce-table, table.account-orders-table),
    html body.apcsu-plugin-owned-surface main .woocommerce :is(table.shop_table, table.woocommerce-table, table.account-orders-table) {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 680px) {
    html body.apcsu-plugin-owned-surface {
        --apcsu-wc-gutter: 16px;
    }

    

    

    

    

    

    html body.apcsu-plugin-owned-surface :is(
        .woocommerce-message,
        .woocommerce-info,
        .woocommerce-error,
        .wc-block-components-notice-banner
    ) {
        padding: 14px 14px 14px 42px !important;
        font-size: 13px;
    }

    html body.apcsu-plugin-owned-surface :is(.woocommerce-message, .woocommerce-info, .woocommerce-error) a.button {
        float: none !important;
        width: 100% !important;
        margin: 10px 0 0 !important;
    }
}

@media (max-width: 420px) {
    html body.apcsu-plugin-owned-surface {
        --apcsu-wc-gutter: 12px;
    }

    html body.apcsu-plugin-owned-surface .apcsu-wc-root :is(
        a.button,
        button.button,
        input.button,
        .wc-forward,
        #place_order,
        .checkout-button,
        .woocommerce-Button,
        .woocommerce-button,
        .wc-block-components-button
    ),
    html body.apcsu-plugin-owned-surface main .woocommerce :is(
        a.button,
        button.button,
        input.button,
        .wc-forward,
        #place_order,
        .checkout-button,
        .woocommerce-Button,
        .woocommerce-button
    ) {
        width: 100%;
    }
}

/* Usuários que preferem menos movimento. */
@media (prefers-reduced-motion: reduce) {
    html body.apcsu-plugin-owned-surface .apcsu-wc-root *,
    html body.apcsu-plugin-owned-surface main .woocommerce * {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}