/*
 * woocommerce.css
 * Estilos específicos para páginas do WooCommerce.
 * Carregado apenas em páginas WC (condicional em enqueue.php).
 */

/* ══════════════════════════════════════════════════════
   PLUGIN: Discounts Per Payment Method
   Badge de desconto no label do método de pagamento
   ══════════════════════════════════════════════════════ */
.wcpd-discount-label {
    color: var(--green) !important; /* sobrescreve #2e7d32 hardcoded do plugin */
}

/* ══════════════════════════════════════════════════════
   PÁGINA DA LOJA — layout controlado por archive-product.php
   ══════════════════════════════════════════════════════ */

.referencia-shop {
    background: var(--bg);
    padding-bottom: 4rem;
}

.referencia-shop-layout {
    padding-top: 2rem;
}

/* Barra superior: ordenação + contagem */
.woocommerce-result-count {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .85rem; color: var(--ink-muted); font-weight: 500;
    margin: 0;
}

/* Remove o padding lateral do .woocommerce-page .woocommerce herdado */
.woocommerce-page .woocommerce {
    padding-left: 0;
    padding-right: 0;
}

/* Barra superior: resultado + ordenação lado a lado, dentro da largura máxima */
.woocommerce-page .woocommerce-notices-wrapper,
.woocommerce .woocommerce-notices-wrapper { max-width: 1280px; margin: 0 auto; }

.woocommerce-result-count {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .85rem; color: var(--ink-muted); font-weight: 500;
    margin: 0;
}

/* Ordenação: pill no design system, largura limitada para não extrapolar */
.woocommerce-ordering {
    float: right; margin: 0;
}
.woocommerce-ordering select,
.woocommerce .woocommerce-ordering select {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .85rem;
    border: 2px solid var(--surface-low);
    border-radius: var(--r-pill);
    padding: .4rem 2rem .4rem 1rem;
    color: var(--ink);
    background: white;
    max-width: 220px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%235A6785' d='M6 8L0 0h12z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right .75rem center;
}
.woocommerce-ordering select:focus {
    outline: none;
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(27,111,216,.12);
}

/* Paginação */
.woocommerce-pagination {
    margin-top: 3rem; text-align: center;
}
.woocommerce-pagination ul {
    display: inline-flex; gap: .375rem;
    list-style: none; margin: 0; padding: 0;
}
.woocommerce-pagination ul li a,
.woocommerce-pagination ul li span {
    display: flex; align-items: center; justify-content: center;
    width: 36px; height: 36px; border-radius: var(--r-pill);
    font-family: 'Nunito', sans-serif; font-weight: 800;
    font-size: .875rem; text-decoration: none;
    color: var(--blue); background: white;
    border: 2px solid var(--surface-low);
    transition: background .18s, border-color .18s;
}
.woocommerce-pagination ul li a:hover {
    background: var(--surface-low); border-color: var(--blue);
}
.woocommerce-pagination ul li span.current {
    background: var(--blue); color: white; border-color: var(--blue);
}

/* ── Banner de escola ativa (nosso, substituindo o do plugin) ── */
.referencia-escola-banner {
    display: flex; align-items: center; justify-content: space-between;
    flex-wrap: wrap; gap: .5rem;
    background: var(--surface-low);
    border-radius: var(--r-pill);
    padding: .5rem 1.25rem;
    margin-bottom: 1.5rem;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .82rem; font-weight: 500;
    color: var(--ink-muted);
}
.referencia-escola-banner__label strong {
    color: var(--ink); font-weight: 700;
    margin-left: .25rem;
}
.referencia-escola-banner__actions a {
    color: var(--blue); text-decoration: none; font-weight: 600;
    font-size: .8rem;
    padding: .2rem .75rem;
    border: 1.5px solid var(--surface-low);
    border-radius: var(--r-pill);
    transition: background .18s, border-color .18s;
}
.referencia-escola-banner__actions a:hover {
    background: white; border-color: var(--blue);
}

/* ══════════════════════════════════════════════════════
   PÁGINA DE PRODUTO ÚNICO
   ══════════════════════════════════════════════════════ */

/* Container raiz do produto */
.single-product div.product {
    display: block;
    max-width: 1280px; margin: 2rem auto; padding: 0 2rem;
}

/* ── 1. Linha principal: galeria (esq) + summary (dir) ── */
.referencia-product-main {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 3.5rem;
    align-items: start;
    margin-bottom: 3rem;
}

/* Gallery — coluna esquerda: card idêntico ao .product-card */
.referencia-product-gallery-wrap {
    position: relative;
    background: var(--card);
    padding: 2rem;
    border-radius: var(--r-card-tl) var(--r-card) var(--r-card) var(--r-card);
    box-shadow: var(--shadow-card);
}
.referencia-product-gallery-wrap .woocommerce-product-gallery {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    background: none;
}
/* Imagem principal: cantos arredondados como .product-img e preenchimento do slide */
.referencia-product-gallery-wrap .flex-viewport {
    border-radius: var(--r-img);
    overflow: hidden;
}
.referencia-product-gallery-wrap .woocommerce-product-gallery__image > a {
    display: block;
    width: 100%;
}
.referencia-product-gallery-wrap .woocommerce-product-gallery__image > a > img {
    display: block;
    width: 100%;
    height: auto;
}

/* Summary — coluna esquerda */
.single-product .product_title {
    font-family: 'Nunito', sans-serif; font-weight: 900;
    font-size: 1.9rem; color: var(--ink); letter-spacing: -.03em;
    margin-bottom: .5rem; line-height: 1.2;
}
.single-product .price {
    font-family: 'Nunito', sans-serif; font-weight: 900;
    font-size: 1.8rem; color: var(--blue); letter-spacing: -.02em;
    margin-bottom: 1rem;
}
.single-product .woocommerce-product-details__short-description {
    font-family: 'Nunito', sans-serif; font-size: .95rem;
    color: var(--ink-muted); line-height: 1.6;
    margin-bottom: 1.25rem;
}
.single-product .single_add_to_cart_button {
    background: var(--blue); color: white;
    border-radius: var(--r-pill); border: none;
    font-family: 'Nunito', sans-serif; font-weight: 800;
    font-size: 1rem; padding: .85rem 2rem;
    box-shadow: var(--shadow-btn-blue);
    transition: transform .12s, box-shadow .12s;
    cursor: pointer; width: 100%;
}
/* (0,3,0) supera button.alt:hover (0,2,1) */
.single-product .single_add_to_cart_button:hover {
    background-color: var(--blue);
    border-color: var(--blue);
    transform: translateY(-2px);
    box-shadow: 0 7px 0 var(--blue-dark);
}
.single-product .single_add_to_cart_button:active {
    transform: translateY(4px); box-shadow: none;
}

/* Variações (tamanho) */
.single-product .variations td,
.single-product .variations th {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .9rem; padding: .3rem 0;
    vertical-align: middle;
}
.single-product .variations select {
    font-family: 'Plus Jakarta Sans', sans-serif;
    border: 2px solid var(--surface-low);
    border-radius: .75rem; padding: .45rem 1rem;
    color: var(--ink); font-size: .9rem;
    cursor: pointer; min-width: 140px;
}
.single-product .variations select:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(27,111,216,.12);
    outline: none;
}

/* Swatches (woo-variation-swatches) — paleta do tema */
.single-product {
    --wvs-single-product-item-width: 44px;
    --wvs-single-product-item-height: 44px;
    --wvs-single-product-item-font-size: 14px;
    --wvs-item-box-shadow: 0 0 0 1px #b0bec5;
    --wvs-hover-item-box-shadow: 0 0 0 3px rgba(21, 101, 192, .3);
    --wvs-selected-item-background-color: #1565C0;
    --wvs-selected-item-text-color: #ffffff;
    --wvs-selected-item-box-shadow: 0 0 0 2px #1565C0;
}
/* Button-type: largura automática para acomodar textos longos (ex: "Azul Marinho") */
.single-product .woo-variation-swatches .variable-items-wrapper
    .variable-item:not(.radio-variable-item).button-variable-item {
    width: auto;
    min-width: var(--wvs-single-product-item-height, 44px);
    padding: 0 .75rem;
}
/* Padding interno do span do swatch */
/* (0,8,0) supera a regra do plugin (0,7,0) que inclui .wvs-style-squared */
.single-product .woo-variation-swatches .wvs-style-squared.variable-items-wrapper
    .variable-item:not(.radio-variable-item).button-variable-item
    .variable-item-span {
    padding: 0 15px;
}
/* Selecionado: fundo azul + texto branco */
.single-product .woo-variation-swatches .variable-items-wrapper
    .variable-item:not(.radio-variable-item).button-variable-item.selected:not(.no-stock) {
    background-color: #1565C0;
    color: #ffffff;
    box-shadow: 0 0 0 2px #1565C0;
}
/* Limpar seleção — azul no lugar do lilás */
.single-product a.reset_variations {
    color: var(--blue);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .82rem;
}
.single-product a.reset_variations:hover { text-decoration: underline; }

/* Em estoque — verde da paleta */
.single-product .stock.in-stock {
    color: #388E3C;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .85rem;
}

/* Quantidade — bloco full-width, pill, gap antes do botão */
.single-product form.cart .quantity {
    float: none;
    margin-right: 0;
    margin-bottom: 1rem;
    display: block;
}
.single-product form.cart .quantity input.qty {
    width: 100%;
    border-radius: var(--r-pill);
    border: 2px solid var(--surface-low);
    padding: .75rem 1.5rem;
    font-family: 'Nunito', sans-serif;
    font-size: 1rem;
    text-align: center;
    box-sizing: border-box;
    color: var(--ink);
    background: white;
}
.single-product form.cart .quantity input.qty:focus {
    border-color: var(--blue);
    outline: none;
    box-shadow: 0 0 0 3px rgba(21, 101, 192, .12);
}

/* Meta (SKU / categoria / tags) */
.single-product .product_meta {
    margin-top: 1.25rem;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .82rem; color: var(--ink-muted);
    border-top: 1px solid var(--surface-low);
    padding-top: 1rem;
}
.single-product .product_meta a {
    color: var(--blue); text-decoration: none;
}
.single-product .product_meta a:hover { text-decoration: underline; }

/* ── Tabs — full-width abaixo do grid ── */
.referencia-product-tabs-wrap {
    margin-top: 2.5rem;
    margin-bottom: 3rem;
}
/* Quebrar o layout sidebar do Storefront (float left 30%) */
.referencia-product-tabs-wrap .woocommerce-tabs {
    border: none;
    overflow: visible;
    padding: 0;
}
/* (0,4,1) supera as regras do Storefront (0,3,1) */
.single-product .referencia-product-tabs-wrap .woocommerce-tabs ul.tabs {
    display: flex; gap: .5rem;
    float: none; width: 100%; margin-right: 0;
    list-style: none; margin: 0 0 0; padding: 0;
    border-top: none;
    border-bottom: 2px solid var(--surface-low);
}
.referencia-product-tabs-wrap .woocommerce-tabs ul.tabs li {
    display: block; margin: 0;
    border-bottom: none;
    position: static;
}
.referencia-product-tabs-wrap .woocommerce-tabs ul.tabs li a {
    display: block;
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .9rem; font-weight: 600;
    color: var(--ink-muted);
    padding: .6rem 1.25rem;
    text-decoration: none;
    border-radius: .5rem .5rem 0 0;
    border: 2px solid transparent;
    border-bottom: none;
    transition: color .15s, background .15s;
    margin-bottom: -2px;
}
.referencia-product-tabs-wrap .woocommerce-tabs ul.tabs li.active a {
    color: var(--blue);
    background: white;
    border-color: var(--surface-low);
    border-bottom-color: white;
}
.referencia-product-tabs-wrap .woocommerce-tabs ul.tabs li a:hover {
    color: var(--blue);
}
/* Painel: full-width, não flutua ao lado das tabs */
/* (0,4,0) supera as regras do Storefront (0,3,0) */
.single-product .referencia-product-tabs-wrap .woocommerce-tabs .panel,
.single-product .referencia-product-tabs-wrap .woocommerce-Tabs-panel {
    float: none;
    width: 100%;
    margin: 0;
    padding: 1.5rem 0 0;
    border: none;
    font-family: 'Nunito', sans-serif;
    font-size: .95rem; color: var(--ink-muted);
    line-height: 1.7;
}
.referencia-product-tabs-wrap .woocommerce-tabs .panel h2,
.referencia-product-tabs-wrap .woocommerce-Tabs-panel h2 {
    display: none; /* título redundante dentro do painel */
}

/* ── Mobile ── */
@media (max-width: 768px) {
    .single-product div.product {
        padding: 0 1rem;
    }
    .referencia-product-gallery-wrap .woocommerce-product-gallery {
        max-width: 100%;
    }
    .referencia-product-main {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

/* ══════════════════════════════════════════════════════
   TIPOGRAFIA E LAYOUT GLOBAL — TODAS AS PÁGINAS WOOCOMMERCE
   Usa .woocommerce-active (classe adicionada pelo Storefront em todo site WC).
   :not(.home) protege a home que tem layout próprio em front-page.php.
   ══════════════════════════════════════════════════════ */

/* #primary: cancela float:right e width:73% do Storefront (.left-sidebar)
   em todas as páginas onde a sidebar foi removida via PHP (whitelist).
   A loja (.woocommerce-shop) mantém o layout com sidebar. */
.woocommerce-active:not(.woocommerce-shop):not(.tax-product_cat):not(.tax-product_tag):not(.tax-escola) #primary {
    float: none;
    width: 100%;
    margin-right: 0;
}

/* entry-header e entry-title: boxed, espaçamento consistente em todas as páginas WC */
.woocommerce-active:not(.home) .entry-header {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 2rem;
}
.woocommerce-active:not(.home) .entry-title {
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
    color: var(--ink);
    letter-spacing: -.03em;
    padding: 2rem 0;
    margin: 0;
}

/* entry-content: boxed nas páginas sem layout próprio */
.woocommerce-active:not(.home):not(.woocommerce-shop):not(.single-product) .entry-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 2rem 3rem;
}

/* Tipografia base do conteúdo */
.woocommerce-active:not(.home) .entry-content {
    font-family: 'Nunito', sans-serif;
    font-size: .95rem;
    color: var(--ink-muted);
    line-height: 1.7;
}
.woocommerce-active:not(.home) .entry-content p {
    font-family: 'Nunito', sans-serif;
    color: var(--ink-muted);
}
.woocommerce-active:not(.home) .entry-content a:not(.wc-block-components-button) {
    color: var(--blue);
    font-weight: 600;
    text-decoration: none;
}
.woocommerce-active:not(.home) .entry-content a:not(.wc-block-components-button):hover {
    text-decoration: underline;
}
.woocommerce-active:not(.home) .entry-content h2,
.woocommerce-active:not(.home) .entry-content h3 {
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
    color: var(--ink);
    letter-spacing: -.02em;
}

/* ══════════════════════════════════════════════════════
   CARRINHO
   ══════════════════════════════════════════════════════ */

/* Cabeçalho da tabela de itens */
.wc-block-cart-items__header th {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
    color: var(--ink-muted);
    border-color: var(--surface-low);
}

/* Linhas da tabela */
.wc-block-cart-items__row td {
    border-color: var(--surface-low);
    font-family: 'Plus Jakarta Sans', sans-serif;
    vertical-align: middle;
    padding: 1rem .75rem;
}

/* Nome do produto */
.wc-block-components-product-name {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    color: var(--ink);
    text-decoration: none;
}
.wc-block-components-product-name:hover {
    color: var(--blue);
}

/* Preço */
.wc-block-cart-item__prices .wc-block-components-product-price,
.wc-block-cart-item__total .wc-block-components-product-price {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: .95rem;
    color: var(--blue);
}

/* Metadados (Cor / Tamanho) */
.wc-block-components-product-details__name {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .8rem;
    color: var(--ink-muted);
    font-weight: 600;
}
.wc-block-components-product-details__value {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .8rem;
    color: var(--ink);
}

/* Seletor de quantidade */
.wc-block-components-quantity-selector {
    border: 2px solid var(--surface-low);
    border-radius: var(--r-pill);
    overflow: hidden;
}
.wc-block-components-quantity-selector__input {
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    color: var(--ink);
}
.wc-block-components-quantity-selector__button {
    color: var(--blue);
}

/* Botão remover */
.wc-block-cart-item__remove-link {
    color: var(--ink-muted);
}
.wc-block-cart-item__remove-link:hover {
    color: #e53935;
}

/* Painel lateral de totais */
.wp-block-woocommerce-cart-order-summary-heading-block {
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
    font-size: 1.1rem;
    color: var(--ink);
    letter-spacing: -.02em;
    border-bottom: 2px solid var(--surface-low);
    padding-bottom: .75rem;
    margin-bottom: 1rem;
}

.wc-block-components-totals-item__label {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: .95rem;
    color: var(--ink-muted);
}

.wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    color: var(--ink);
}

.wc-block-components-totals-footer-item .wc-block-formatted-money-amount {
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
    font-size: 1.3rem;
    color: var(--blue);
}

/* Botão "Continuar para finalização"
   Usa elemento 'a' + duas classes para superar .wp-element-button (0,1,0) do Blocks */
a.wc-block-cart__submit-button.contained,
.wc-block-components-button:not(.is-link) {
    background-color: var(--blue);
    color: #ffffff;
    border-radius: var(--r-pill);
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: 1rem;
    padding: .85rem 2rem;
    border: none;
    box-shadow: var(--shadow-btn-blue);
    transition: transform .12s, box-shadow .12s;
    text-decoration: none;
}
a.wc-block-cart__submit-button.contained:hover,
.wc-block-components-button:not(.is-link):hover {
    background-color: var(--blue);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 7px 0 var(--blue-dark);
    text-decoration: none;
}

/* Carrinho clássico (fallback) */
.woocommerce table.cart td, .woocommerce table.cart th {
    font-family: 'Plus Jakarta Sans', sans-serif;
    border-color: var(--surface-low);
}
.woocommerce .cart_totals h2,
.woocommerce .cross-sells h2 {
    font-family: 'Nunito', sans-serif; font-weight: 900;
    color: var(--ink); letter-spacing: -.02em;
}

/* ══════════════════════════════════════════════════════
   CHECKOUT
   ══════════════════════════════════════════════════════ */
.woocommerce-checkout .woocommerce {
    max-width: 1280px; margin: 2rem auto; padding: 0 2rem;
}
.woocommerce-checkout h3 {
    font-family: 'Nunito', sans-serif; font-weight: 900;
    color: var(--ink); letter-spacing: -.02em; margin-bottom: 1rem;
}

/* Campos do checkout */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    font-family: 'Plus Jakarta Sans', sans-serif;
    border: 2px solid var(--surface-low);
    border-radius: .75rem;
    padding: .65rem 1rem;
    color: var(--ink);
    transition: border-color .2s, box-shadow .2s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color: var(--blue);
    box-shadow: 0 0 0 3px rgba(27,111,216,.12);
    outline: none;
}

/* Botão de finalizar pedido */
#place_order {
    background: var(--yellow) !important; color: var(--ink) !important;
    border-radius: var(--r-pill) !important; border: none !important;
    font-family: 'Nunito', sans-serif !important; font-weight: 800 !important;
    font-size: 1.1rem !important; padding: 1rem 2.5rem !important;
    box-shadow: var(--shadow-btn-yellow) !important;
    transition: transform .12s, box-shadow .12s !important;
    width: 100%; cursor: pointer;
}
#place_order:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 7px 0 var(--yellow-dark) !important;
}

/* ══════════════════════════════════════════════════════
   MINHA CONTA
   ══════════════════════════════════════════════════════ */
/* entry-header e entry-title cobertos pela regra global .woocommerce-active acima */

/* Container interno: grid de 2 colunas (nav + conteúdo) */
.woocommerce-account .woocommerce {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 2rem 3rem;
    display: grid;
    grid-template-columns: 200px 1fr;
    gap: 2.5rem;
    align-items: start;
}

/* Reset do float/width do Storefront na navigation */
.woocommerce-MyAccount-navigation {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
    background: var(--card);
    border-radius: var(--r-card);
    box-shadow: var(--shadow-card);
    padding: .75rem;
}
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.woocommerce-MyAccount-navigation li a {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .65rem 1rem;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    font-size: .9rem;
    color: var(--ink-muted);
    text-decoration: none;
    border-radius: var(--r-pill);
    transition: background .15s, color .15s;
}
.woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-MyAccount-navigation li a:hover {
    background: var(--surface-low);
    color: var(--blue);
}

/* Conteúdo da conta */
.woocommerce-MyAccount-content {
    float: none !important;
    width: auto !important;
    font-family: 'Nunito', sans-serif;
    font-size: .95rem;
    color: var(--ink-muted);
    line-height: 1.7;
}
.woocommerce-MyAccount-content p {
    font-family: 'Nunito', sans-serif;
    color: var(--ink-muted);
}
.woocommerce-MyAccount-content a {
    color: var(--blue);
    font-weight: 600;
    text-decoration: none;
}
.woocommerce-MyAccount-content a:hover {
    text-decoration: underline;
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
    font-family: 'Nunito', sans-serif;
    font-weight: 900;
    color: var(--ink);
    letter-spacing: -.02em;
    margin-bottom: 1rem;
}

/* Mobile */
@media (max-width: 767px) {
    .woocommerce-account .woocommerce {
        grid-template-columns: 1fr;
    }
}