.mc-cat{--mc-accent: var(--c-accent, #bc081b);--mc-accent-dark: var(--c-accent-dark, #9a0616);--mc-text: var(--t-primary, #0a0a0a);--mc-text-muted: var(--t-muted, #888888);--mc-border: var(--border-light, rgba(0,0,0,.1));--mc-radius: var(--r-md, 8px);--mc-font: var(--font-body, "DM Sans", sans-serif);font-family:var(--mc-font);color:var(--mc-text);position:relative}.mc-cat-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-bottom:2.5rem}.mc-cat-dropdown{position:relative}.mc-cat-dropdown-trigger{display:inline-flex;align-items:center;gap:.625rem;font-family:var(--mc-font);font-size:1rem;font-weight:700;letter-spacing:.04em;color:var(--mc-text);background:#fff;border:1.5px solid var(--mc-border);border-radius:var(--mc-radius);padding:.81rem 1.25rem;cursor:pointer;transition:border-color .15s,color .15s}.mc-cat-dropdown-trigger:hover{border-color:var(--mc-accent)}.mc-cat-dropdown-trigger--active{border-color:var(--mc-accent);color:var(--mc-accent)}.mc-cat-dropdown-panel{position:absolute;top:calc(100% + .4rem);left:0;z-index:20;min-width:260px;max-width:min(320px,calc(100vw - 2rem));max-height:350px;overflow-y:auto;background:#fff;border:1px solid var(--mc-border);border-radius:var(--mc-radius);box-shadow:0 16px 40px #00000024;padding:.5rem}.mc-cat-dropdown-option{display:flex;align-items:center;gap:.75rem;font-family:var(--mc-font);font-size:1.06rem;color:var(--mc-text);padding:.625rem .75rem;border-radius:6px;cursor:pointer}.mc-cat-dropdown-option:hover{background:var(--c-cream, #f4f2f0)}.mc-cat-dropdown-option input{accent-color:var(--mc-accent);width:19px;height:19px;cursor:pointer;flex-shrink:0}.mc-cat-swatch-cor{width:16px;height:16px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0}.mc-cat-dropdown-option svg{flex-shrink:0}.mc-cat-clear{font-family:var(--mc-font);font-size:1rem;font-weight:600;color:var(--mc-text-muted);background:transparent;border:none;cursor:pointer;padding:.81rem .625rem}.mc-cat-clear:hover{color:var(--mc-accent)}.mc-cat-count{font-size:1rem;color:var(--mc-text-muted);margin-bottom:1.5rem}.mc-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.9rem}.mc-cat-card{background:#fff;border:1px solid var(--mc-border);border-radius:var(--mc-radius);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:box-shadow .2s,transform .2s,outline-color .15s;outline:2px solid transparent;outline-offset:-2px}.mc-cat-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-2px)}.mc-cat-card--selected{outline-color:var(--mc-accent);animation:mc-cat-card-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes mc-cat-card-pop{0%{transform:scale(1)}40%{transform:scale(.97)}to{transform:scale(1)}}.mc-cat-card-photo{position:relative;aspect-ratio:4 / 5;background:var(--c-cream, #f4f2f0);display:flex;align-items:center;justify-content:center;padding:.94rem;overflow:hidden}.mc-cat-card-photo img{width:100%;height:100%;object-fit:contain;transition:opacity .25s ease}.mc-cat-card-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mc-accent);opacity:0;transition:opacity .2s;pointer-events:none}.mc-cat-card--selected .mc-cat-card-tint{opacity:.12}.mc-cat-card-badge{position:absolute;top:.75rem;right:.75rem;z-index:2;width:30px;height:30px;border-radius:50%;background:var(--mc-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;box-shadow:0 4px 10px #0000002e;transform:scale(0);opacity:0;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .2s}.mc-cat-card--selected .mc-cat-card-badge{transform:scale(1);opacity:1}.mc-cat-card-zoom{position:absolute;top:.75rem;left:.75rem;z-index:2;width:30px;height:30px;border-radius:50%;background:#ffffffeb;border:none;color:var(--mc-text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:background .15s,color .15s,transform .15s}.mc-cat-card-zoom:hover{background:var(--mc-accent);color:#fff;transform:scale(1.08)}.mc-cat-card-body{padding:1.125rem 1.25rem 1.375rem;display:flex;flex-direction:column;gap:.44rem;flex:1}.mc-cat-card-codigo{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.94rem;font-weight:600;color:var(--mc-text-muted);letter-spacing:.02em}.mc-cat-card-cor{font-size:1.25rem;font-weight:600;color:var(--mc-text);text-transform:capitalize}.mc-cat-card-meta{font-size:.98rem;color:var(--mc-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3em}.mc-cat-card-select-btn{margin-top:auto;display:block;width:100%;font-family:var(--mc-font);font-size:1.03rem;font-weight:700;color:#fff;background:var(--mc-accent);border:none;border-radius:var(--mc-radius);padding:.81rem 0;cursor:pointer;transition:background .2s}.mc-cat-card-select-btn:hover{background:var(--mc-accent-dark)}.mc-cat-card-select-btn--active{background:var(--mc-text, #0a0a0a)}.mc-cat-card-select-btn--active:hover{background:#333}.mc-cat-card-tamanhos{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.19rem}.mc-cat-tamanho{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem;font-weight:600;background:var(--c-cream, #f4f2f0);color:var(--mc-text);border-radius:4px;padding:.15rem .5rem}.mc-cat-state{text-align:center;padding:3.75rem 1.25rem;color:var(--mc-text-muted);font-size:1.125rem}.mc-cat-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.9rem}.mc-cat-skeleton{aspect-ratio:4 / 5.6;border-radius:var(--mc-radius);background:linear-gradient(90deg,#eee 25%,#f6f6f6 37%,#eee 63%);background-size:400% 100%;animation:mc-cat-shimmer 1.4s ease infinite}@keyframes mc-cat-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.mc-cat-carrinho{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:40;width:min(750px,calc(100% - 2rem));background:#fff;border-radius:var(--mc-radius);box-shadow:0 16px 40px #0000004d;overflow:hidden;font-family:var(--mc-font)}.mc-cat-carrinho-itens{max-height:min(400px,55vh);overflow-y:auto;border-bottom:1px solid var(--mc-border)}.mc-cat-carrinho-item{display:flex;align-items:flex-start;gap:.94rem;padding:1.06rem 1.25rem;border-bottom:1px solid var(--mc-border)}.mc-cat-carrinho-item:last-child{border-bottom:none}.mc-cat-carrinho-item-img{width:58px;height:70px;object-fit:contain;background:var(--c-cream, #f4f2f0);border-radius:7px;flex-shrink:0}.mc-cat-carrinho-item-info{flex:1;min-width:0}.mc-cat-carrinho-item-titulo{font-size:1.03rem;font-weight:700;color:var(--mc-text);margin-bottom:.625rem}.mc-cat-carrinho-item-grade{display:flex;flex-wrap:wrap;gap:.625rem}.mc-cat-carrinho-qtd{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;color:var(--mc-text-muted)}.mc-cat-carrinho-qtd input{width:43px;text-align:center;font-family:JetBrains Mono,ui-monospace,monospace;font-size:1rem;color:var(--mc-text);border:1.5px solid var(--mc-border);border-radius:5px;padding:.31rem 0}.mc-cat-carrinho-qtd input:focus{outline:none;border-color:var(--mc-accent)}.mc-cat-carrinho-remove{flex-shrink:0;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--mc-text-muted);font-size:1.25rem;line-height:1;cursor:pointer}.mc-cat-carrinho-remove:hover{background:var(--c-cream, #f4f2f0);color:var(--mc-accent)}.mc-cat-carrinho-bar{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.125rem 1.375rem;background:var(--mc-text, #0a0a0a);color:#fff}.mc-cat-carrinho-toggle{display:inline-flex;align-items:center;gap:.625rem;font-family:var(--mc-font);font-size:1.06rem;font-weight:600;color:#fff;background:transparent;border:none;cursor:pointer;white-space:nowrap}.mc-cat-carrinho-actions{display:flex;align-items:center;gap:1.25rem;flex-shrink:0}.mc-cat-carrinho-limpar{font-family:var(--mc-font);font-size:1rem;font-weight:600;color:#fff9;background:transparent;border:none;cursor:pointer;white-space:nowrap}.mc-cat-carrinho-limpar:hover{color:#fff}.mc-cat-carrinho-cta{display:inline-flex;align-items:center;font-family:var(--mc-font);font-size:1.06rem;font-weight:700;color:#fff;background:var(--mc-accent);border:none;border-radius:var(--mc-radius);padding:.75rem 1.375rem;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .2s}.mc-cat-carrinho-cta:hover{background:var(--mc-accent-dark)}.mc-cat-carrinho-cta:disabled{background:#9a9a9a;cursor:not-allowed}.mc-cat-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0a0aeb;display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;animation:mc-cat-fade-in .15s ease}@keyframes mc-cat-fade-in{0%{opacity:0}to{opacity:1}}.mc-cat-lightbox-inner{max-width:min(90vw,640px);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:default}.mc-cat-lightbox-inner img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--mc-radius, 8px);background:#fff}.mc-cat-lightbox-legenda{display:flex;flex-direction:column;align-items:center;gap:.25rem;color:#fff;text-align:center}.mc-cat-lightbox-legenda .mc-cat-card-codigo{color:#fff9}.mc-cat-lightbox-legenda .mc-cat-card-cor{color:#fff}.mc-cat-lightbox-close{position:absolute;top:1.25rem;right:1.5rem;width:44px;height:44px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer;transition:background .15s}.mc-cat-lightbox-close:hover{background:#ffffff40}@media (max-width: 640px){.mc-cat-grid,.mc-cat-skeleton-grid{grid-template-columns:1fr;gap:1.25rem}.mc-cat-toolbar{gap:.6rem;margin-bottom:1.75rem}.mc-cat-dropdown{flex:1 1 calc(50% - .3rem)}.mc-cat-dropdown-trigger{width:100%;justify-content:space-between;font-size:.92rem;padding:.75rem 1rem}.mc-cat-dropdown-panel{left:0;right:0;min-width:0;max-width:calc(100vw - 2.5rem)}.mc-cat-carrinho{bottom:0;width:100%;border-radius:var(--mc-radius) var(--mc-radius) 0 0}.mc-cat-carrinho-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem 1.1rem}.mc-cat-carrinho-actions{justify-content:space-between}.mc-cat-carrinho-cta{flex:1;justify-content:center}}