/*
 * Stack Gamer — documentação técnica do arquivo
 * Caminho: assets/home-shelves.css
 * Módulo: Interface
 * Responsabilidade: Define estilos, estados responsivos e apresentação visual do módulo relacionado.
 * Funções/classes: nenhum confirmado por análise estática
 * Arquivos/serviços relacionados: nenhum confirmado por análise estática
 * Tabelas confirmadas no código: nenhum confirmado por análise estática
 * Entradas: chamada interna
 * Saídas: estilos CSS
 * Regras e fluxo completo: consulte docs/REGRAS_DE_NEGOCIO.md e docs/FLUXO_DE_DADOS.md.
 * Cuidado de manutenção: preserve contratos públicos, validações, transações e política de acesso.
 * @stackgamer-doc 2026-10-09
 */
.home-shelves{padding:40px 0 12px;background:#fff;color:var(--ink,#0b1730)}
.home-shelf{min-width:0;margin:0 0 44px}
.home-shelf-head{margin-bottom:14px;gap:16px}
.home-shelf-head h2{display:flex;align-items:center;gap:10px;font-size:clamp(23px,2.2vw,30px);margin:0}
.home-shelf-head h2>.material-symbols-outlined{color:var(--blue,#1762ff);font-size:27px}
.home-shelf-head>a{flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;gap:6px}
.home-shelf-window{position:relative;min-width:0}
.home-shelf-track{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding:6px;padding:6px 6px 14px;scrollbar-width:thin;scrollbar-color:#a7c6f4 #f0f5fc;max-width:100%;min-width:0}
.home-shelf-track>.product-card{flex:0 0 calc((100% - 72px)/4.25);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column}
.home-shelf-track .product-media{aspect-ratio:1;height:auto;flex:none}
.home-shelf-track .product-media img{width:100%;height:100%;object-fit:contain}
.home-shelf-track h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:3.9em;min-height:3.9em;line-height:1.3;margin-bottom:10px}
.home-shelf-track .eyebrow{min-height:2.6em;line-height:1.3}
.home-shelf-track .price-block{margin-top:auto}
.home-shelf-track .price-block p{min-height:2.8em}
.home-shelf-track .card-add{margin-top:14px;flex:none;justify-content:space-between;gap:8px}
.home-shelf-controls[hidden]{display:none}
.home-shelf-controls button{position:absolute;top:30%;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid #bed2ef;background:#fff;color:#155fe7;box-shadow:0 3px 14px #102e5524;cursor:pointer;font-size:32px;line-height:1;display:grid;place-items:center}
.home-shelf-prev{left:-16px}.home-shelf-next{right:-16px}
.home-shelf-controls button:disabled{opacity:.4;cursor:default;box-shadow:none}
.home-shelf-window[data-overflow-end="true"]::after{content:"";position:absolute;pointer-events:none;top:0;bottom:16px;right:0;width:18px;background:linear-gradient(90deg,transparent,#fff)}
.home-shelf :focus-visible{outline:3px solid #1762ff;outline-offset:2px}
.home-shelf-empty{padding:20px;border:1px solid #dce6f5;border-radius:14px;color:#53647e}
@media(max-width:1050px){.home-shelf-track>.product-card{flex-basis:calc((100% - 36px)/2.7)}}
@media(max-width:640px){.home-shelves{padding-top:26px}.home-shelf{margin-bottom:28px}.home-shelf-track{gap:14px}.home-shelf-track>.product-card{flex-basis:86%}.home-shelf-head h2{font-size:22px}.home-shelf-head h2>.material-symbols-outlined{display:none}.home-shelf-head>a{font-size:13px}.home-shelf-controls button{width:44px;height:44px;top:auto;bottom:-2px}.home-shelf-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:8px;height:44px}.home-shelf-controls button{position:static}.home-shelf-track{scroll-snap-type:x proximity}}
@media(prefers-reduced-motion:reduce){.home-shelf-track{scroll-behavior:auto}.home-shelf *{transition:none!important}}