.tamanhos {
    font-family: Arial, sans-serif;
}

.titulo {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
}

.opcoes {
    display: flex;
    gap: 10px;
}

.tamanho {
    width: 45px;
    height: 45px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    background: var(--color-bg-muted);
    transition: 0.2s;
}

/* Hover */
.tamanho:hover {
    border-color: var(--color-brand);
}

.tamanho:focus-visible {
    outline: var(--focus-ring);
    outline-offset: var(--focus-ring-offset);
}

/* Ativo */
.tamanho.ativo {
    background: var(--color-brand-dark);
    color: #fff;
    border-color: var(--color-brand-dark);
}

/* Desabilitado */
.tamanho.desabilitado {
    color: var(--color-text-muted);
    cursor: not-allowed;
}

/* Linha diagonal */
.tamanho.desabilitado::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: var(--color-text-muted);
    transform: rotate(45deg);
}