/* Alternância acessível; a grade original só muda quando a lista é escolhida. */
.catalog-layout-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 22px;min-width:0}
.catalog-layout-label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}
.catalog-layout-options{display:flex;flex-wrap:wrap;gap:10px;max-width:100%}
.catalog-layout-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 18px;border:1px solid var(--border-glow);border-radius:12px;background:var(--bg-surface);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.catalog-layout-button svg{flex-shrink:0}
.catalog-layout-button:hover{border-color:var(--primary-light);color:#fff}
.catalog-layout-button[aria-pressed="true"]{background:var(--primary);border-color:var(--accent-cyan);color:#fff;box-shadow:0 0 0 1px var(--accent-cyan)}
.catalog-layout-button:focus-visible{outline:3px solid var(--accent-cyan);outline-offset:4px}
.catalog-layout-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* A lista parte da margem esquerda da tela, mantendo o cabeçalho centralizado. */
body.catalog-layout-list #produtos>.container{max-width:none;padding-inline:clamp(16px,2.6vw,40px)}
body.catalog-layout-list #productsGrid{grid-template-columns:minmax(0,1fr);width:100%;max-width:1040px;margin-inline:0;gap:18px}
body.catalog-layout-list #productsGrid>.product-card{display:grid;grid-template-columns:minmax(0,26%) minmax(0,1fr);min-width:0;align-items:stretch}
body.catalog-layout-list #productsGrid>.product-card:hover{transform:translateY(-2px)}
body.catalog-layout-list #productsGrid .product-card-media{width:100%;height:100%;min-height:220px;aspect-ratio:auto}
body.catalog-layout-list #productsGrid .product-img{position:absolute;inset:0;object-fit:cover}
body.catalog-layout-list #productsGrid .product-card-body{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 230px;grid-template-rows:auto auto 1fr;column-gap:22px;row-gap:10px;padding:22px}
body.catalog-layout-list #productsGrid .product-meta{grid-column:1;grid-row:1;flex-wrap:wrap;gap:8px;margin:0;align-self:start}
body.catalog-layout-list #productsGrid .product-title{grid-column:1;grid-row:2;margin:0;overflow-wrap:anywhere}
body.catalog-layout-list #productsGrid .product-description{grid-column:1;grid-row:3;margin:0;overflow-wrap:anywhere}
body.catalog-layout-list #productsGrid .product-price-row{grid-column:2;grid-row:1;margin:0;padding:0;border:0;align-items:center;gap:8px;flex-wrap:wrap}
body.catalog-layout-list #productsGrid .current-price{color:var(--accent-cyan)}
body.catalog-layout-list #productsGrid .product-card-actions{grid-column:2;grid-row:2;align-self:start;margin:0;flex-wrap:wrap;gap:8px;min-width:0}
body.catalog-layout-list #productsGrid .product-card-actions>button{min-width:0;max-width:100%;min-height:44px;white-space:normal;overflow-wrap:anywhere}
body.catalog-layout-list #productsGrid .btn-demo-secondary{justify-content:center;flex:1 1 100%}
body.catalog-layout-list #productsGrid .btn-cart-secondary{flex-shrink:0}
body.catalog-layout-list #productsGrid .product-payment-tags{grid-column:2;grid-row:3;align-self:start;margin:0;overflow-wrap:anywhere}
body.catalog-layout-list #productsGrid .product-card-body>.editor-added{grid-column:1/-1}
body.catalog-layout-list #productsGrid>.product-card>.editor-video,
body.catalog-layout-list #productsGrid>.product-card>.editor-added{grid-column:1/-1;max-width:100%}
@media(max-width:1000px){
 body.catalog-layout-list #productsGrid .product-card-body{display:flex;flex-direction:column;padding:20px;gap:10px}
 body.catalog-layout-list #productsGrid .product-price-row{margin-top:auto;flex-wrap:wrap}
 body.catalog-layout-list #productsGrid .price-wrapper{flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:10px}
 body.catalog-layout-list #productsGrid .btn-demo-secondary{flex:0 1 auto}
 body.catalog-layout-list #productsGrid .product-card-media{min-height:200px}
}
@media(max-width:540px){
 .catalog-layout-controls{gap:10px;margin-bottom:18px}
 .catalog-layout-label{flex-basis:100%}
 .catalog-layout-options{width:100%}
 .catalog-layout-button{padding:10px 12px;font-size:.85rem;flex:1 1 auto}
 body.catalog-layout-list #productsGrid>.product-card{grid-template-columns:minmax(0,29%) minmax(0,1fr);border-radius:14px}
 body.catalog-layout-list #productsGrid .product-card-body{padding:12px;gap:9px}
 body.catalog-layout-list #productsGrid .product-title{font-size:1rem;line-height:1.35}
 body.catalog-layout-list #productsGrid .product-description{font-size:.8rem;line-height:1.5}
 body.catalog-layout-list #productsGrid .product-category-tag{font-size:.65rem;letter-spacing:.02em}
 body.catalog-layout-list #productsGrid .product-stars{font-size:.7rem;flex-wrap:wrap}
 body.catalog-layout-list #productsGrid .current-price{font-size:1.2rem}
 body.catalog-layout-list #productsGrid .product-badge{top:8px;left:5px;right:5px;font-size:.6rem;padding:4px;text-align:center;overflow-wrap:anywhere}
 body.catalog-layout-list #productsGrid .btn-details-link{font-size:.75rem;flex-wrap:wrap}
 body.catalog-layout-list #productsGrid .btn-buy-primary{padding:10px;font-size:.85rem;gap:6px}
 body.catalog-layout-list #productsGrid .btn-demo-secondary{flex:1 1 100%;padding:10px;font-size:.75rem}
 body.catalog-layout-list #productsGrid .product-payment-tags{font-size:.65rem;line-height:1.6}
 body.catalog-layout-list #productsGrid .btn-hover-preview{padding:7px;font-size:.65rem;flex-wrap:wrap;justify-content:center;text-align:center}
}
/* No celular, a lista divide o card ao meio sem aumentar sua altura. */
@media(max-width:768px){
 body.catalog-layout-list #productsGrid>.product-card{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);height:200px;min-height:0}
 body.catalog-layout-list #productsGrid .product-card-media{min-height:0;height:100%;aspect-ratio:auto}
 body.catalog-layout-list #productsGrid .product-card-body{min-height:0;padding:8px;gap:4px}
 body.catalog-layout-list #productsGrid .product-meta{flex:none;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%}
 body.catalog-layout-list #productsGrid .product-category-tag{max-width:100%;font-size:.56rem;line-height:1.2;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 body.catalog-layout-list #productsGrid .product-stars{font-size:.6rem;line-height:1.2;flex-wrap:nowrap;gap:3px}
 body.catalog-layout-list #productsGrid .product-title{flex:none;font-size:.82rem;line-height:1.25;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 body.catalog-layout-list #productsGrid .product-description{flex:1 1 auto;min-height:0;max-height:2.6em;font-size:.69rem;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 body.catalog-layout-list #productsGrid .product-price-row{flex:none;flex-direction:column;align-items:flex-start;gap:3px;margin-top:auto}
 body.catalog-layout-list #productsGrid .price-wrapper{max-width:100%;gap:4px;line-height:1.2}
 body.catalog-layout-list #productsGrid .original-price{font-size:.58rem;white-space:nowrap}
 body.catalog-layout-list #productsGrid .current-price{font-size:.95rem;white-space:nowrap}
 body.catalog-layout-list #productsGrid .btn-details-link{font-size:.65rem;line-height:1.2;gap:3px;flex-wrap:nowrap}
 body.catalog-layout-list #productsGrid .btn-details-link svg{width:12px;height:12px;flex:none}
 body.catalog-layout-list #productsGrid .product-card-actions{flex:none;flex-wrap:nowrap;gap:4px;width:100%;margin:0}
 body.catalog-layout-list #productsGrid .btn-buy-primary{padding:6px;font-size:.72rem;line-height:1.2;gap:3px}
 body.catalog-layout-list #productsGrid .btn-demo-secondary{padding:6px;font-size:.65rem}
 body.catalog-layout-list #productsGrid .product-payment-tags{font-size:.6rem;line-height:1.2}
}
@media(prefers-reduced-motion:reduce){.catalog-layout-button{transition:none}body.catalog-layout-list #productsGrid>.product-card:hover{transform:none}}

/* Lista: ações 20% mais baixas, mantendo Comprar alongado e + circular. */
body.catalog-layout-list #productsGrid .product-card-actions .btn-buy-primary{
 min-height:35.2px;height:35.2px;padding-block:0;font-size:1rem;
}
body.catalog-layout-list #productsGrid .product-card-actions .btn-cart-secondary{
 flex:0 0 35.2px;width:35.2px;min-width:35.2px;max-width:35.2px;
 height:35.2px;min-height:35.2px;max-height:35.2px;
 margin-inline-end:8.8px;padding:0;border-radius:50%;
}
body.catalog-layout-list #productsGrid .product-card-actions .btn-cart-secondary svg{
 width:16px;height:16px;
}
@media(max-width:768px){
 body.catalog-layout-list #productsGrid .product-card-actions .btn-buy-primary{font-size:.72rem;}
}
